12月
28

【iPhone】DraftPadでブログの下書き私流、基本のき


photo credit: Leo Reynolds via photopin cc

iPhoneでブログの下書きをするのには、DraftPadが欠かせない

始めての方は、起動してもなにこれ?
てな感じでしょう。
これで何ができるの?

DraftPadには、ブログだけでなく、できることは多種多様に及んでいるのですが、その多くの詳細はいっぺんには語り尽くせません。

今回ご紹介するのは、ブログの下書きについての基本的なことだけということです。
私は普段WordPressのブログを使っていますが、ここで出来たものを全文コピー&ペーストで、
できるブログサイトもあると思います。

老眼の私でも、iPhone 5だと画面がそうごちゃごちゃしなくて見やすいです(笑)

その流れについて。

  • ブログの下書きにあると便利なアシストの導入
  • 一行目には、タイトル。二行目からが本文になります。
  • タグのあれこれ
  • アイキャッチ画像の取得
  • サイトをシェアする時のブックマークレット
  • アプリ紹介のアシスト
  • Flickrの画像の挿入
  • するぷろへ送るなど。
  • アシストは、どこで導入するの?

    DraftPad内に便利なアシストが、いっぱいあります。

    まずは、左上の四角に矢印から、

    IMG_5567

    私は既にアシストがある状態ですが。
    右下のLibraryをタップします。

    IMG_5574

    すると、様々なアシストがあります。

    IMG_5570

    ドロップダウンで、その種類を切り替えることができます。

    IMG_5571

    ここで、必要なアシストをタップして、保存するだけで、必要な時にそのアシストをタップするだけで、使えるようになります。

    例えば、こんなこともできます。
    これは後からpタグを挿入のアシストを使ったものです。

    文字を選択して

    IMG_5565

    後からpタグを選んで。

    IMG_5566

    選択した文字がタグで囲まれた

    と、いった使い方になります。

    IMG_5567

    TextExpanderアプリをお使いの方は、DraftPadにもアシストで、適用できます。

    ここで使う主なアシスト

    最低このぐらいあれば、書けます。

    後からpタグ

    Flickr Code

    Blog Preview (Scale:1.0)

    後からh2タグ

    するぷろ for iPhoneへコピペ

    アプリ紹介のアシストは、色々ありますが、今はこれを使っています。
    上手くいかない場合は、りょーちゃんのサイトから、導入してください。

    affをご自分のリンクシェアidに入れ替えてください。

    AppHtmlWeb on DraftPad

    Draftpadアシスト | stryhの日記 ~stryh/changelog

    こちらのサイトにもアシストのまとめがあります

    DraftPad Assist unofficial Library « したっけ! 鈍がめ 備忘録

    アイキャッチ画像の取得

    私はWordPressでブログを書いているのですが、一行目にタイトルを書いてから、
    記事の1番上に、何らかの画像を貼っています。
    これが、WordPressを使っている方は、プラグインを入れれば、自動的にアイキャッチ画像となります。
    なので、その方法をあげてみます。

    使わなくてもいいという方は、読み飛ばしてもかまいません。

    Photo Pinで検索アシスト

    こちらのサイトで、紹介しています。
    DeftPadのPhoto Pin検索アシストを導入して、Safariにブックマークレットを2つ入れるとできます。

    PhotoPinの写真をDraftPadに書き込むブックマークレット PhotoPinTaker(暫定版) – W&R : Jazzと読書の日々

    こちらのサイトさまでは、アシストのまとめページもあります。

    DraftPad用の自作アシスト集

    まずは、キーワードを書いて、

    IMG_5554

    「Photo Pinを検索」アシストをタップします。

    IMG_5555

    Photo PinがSafariで立ち上がります。
    キーワードで、検索した画像が出てきます。

    IMG_5547

    先ほどのブックマークレット、Take1をタップします。

    IMG_5556

    すると、このような画面になります。

    IMG_5549

    好きな画像を選ぶと、タグが出てきますので、

    IMG_5557

    ブックマークレットのTake2をタップします。

    IMG_5558

    DraftPadに画像のタグが、貼られます。

    IMG_5559

    プレビューのアシストを起動して見ると。画像はこの通り!

    IMG_5560

    無事に画像が、貼れた次にやる事は。

    サイトの紹介をしたい時は、ShareHtmlブックマークレット

    @hiro45jpさんのサイトで、
    ShareHtmlメーカーを使って、ブックマークレットを作成します。
    その際に、DraftPad連携を選べば、DraftPadに挿入されます。

    ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記
    いつもお世話になります!

    ShareHtmlメーカー

    アプリ紹介のアシスト

    いろいろな方がアシストを公開してくれてます。
    前項に書いたAppHtmlWeb on DraftPadアシスト以外にも、
    @toshiya240さんのAppHtmlWebアシストなどがあります。
    どれも便利に使わせて頂いてます。

    こちらで、導入できます。

    Happy-Go-Lucky: 【お知らせ】[iPhone] AppHtmlWeb/PicasaHtml/YouTubeHtml/FavPaste を修正しました

    Flickrの画像の取得のアシスト

    私の場合画像は、全てFlickrにあるので、このアシストを使っています。

    前項で紹介した「Flickr Code」です。セットで指定して検索すると、画像が出てきますので、それを好きな順番に挿入していけばいいので、とても便利です!

    Flickrは使ってなくて、Picasaをお使いの方は、先ほどのとしやさんのサイトにPicasaHtml for Htmlアシストがあります。

    IMG_5576

    記事ができたら、するぷろなどへ送ります。

    私は、WordPressをつかっているので、「するぷろ for iPhone」へ
    先ほど紹介したアシストを使って、するぷろへ送り、ペーストします。

    するぷろの場合は、一行目が、タイトルになります。ペーストします。

    表示されました。

    それ以外のブログは、よく分からないのですが、Htmlが使えるブログのだとなんとか、貼れるかな…

    私は、ヤプログのアプリを使って、タイトルは別に入力した以外、本文にはコピペでいけました。

    ライブドアは、ちょっとややこしいかったかと?PC表示にすればできたと思います。

    これ、全部DraftPadで書きました。

    ではでは、長いことお付き合い頂きましてありがとうございました♪今日はこのへんで、なんかまとまりがつかなくなった。。

    DraftPad App
    カテゴリ: 仕事効率化
    価格: 無料

    するぷろ for iOS(ブログエディタ) App
    カテゴリ: ソーシャルネットワーキング
    価格: ¥450

    yaplog App
    カテゴリ: ソーシャルネットワーキング
    価格: 無料

    TextExpander App
    カテゴリ: 仕事効率化
    価格: ¥450

    Posted from するぷろ for iPhone.

    【こちらの関連記事もご覧ください】


    記事をお読み頂き、ありがとうございます!

    記事の内容を気に入って頂けましたか?
    もし気に入って頂けましたら、
    ソーシャルボタンで共有頂ければ、とても嬉しいです♪


    follow us in feedly RSS

    1件のコメント to “【iPhone】DraftPadでブログの下書き私流、基本のき”

    Leave a Reply

    • (will not be published)

    XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

    This blog is kept spam free by WP-SpamFree.