SPONSORED LINK

先回の第1回 iPhoneでブログを更新するための準備をしよう。ではiPhoneアプリのことにほとんど触れずに終わってしまいました。がしかし、何事も始める前の準備が肝心なのでご容赦くださいませ。

それにも関わらず、たくさんの方にツイートしていただき、本当にありがとうございますっ(*^-^*)

前置きはこれくらいにして、第2回を始めていきましょう。と言いたいとこなんですが、1つお詫びを…。

本来は、第2回 書きたいテーマを1つずつに分けておこう。でしたが今回のタイトルを変更いたします。新しいタイトルは、

書きたいテーマをどこに保存するのか。何で書くのか。

これで行きたいと思います。それでは改めて…。

まずブログを書いている人が考えるのは、人によってテーマはそれぞれ違いますよね。

食べ物やファッション、写真やら何やら何でもあり。ボク自身も今はiPhone絡みの記事が中心で愛犬のフォルテのことを少し書くという構成になってますが、過去はいろいろ迷走していました。

ただ、どのブロガーさんにも共通しているのが次に何を書くか。ではないでしょうか？（当たり前ですけど…。）

それでは書きたいことがフッと浮かんだとしましょう。その時あなたはそのネタを覚えておくまたは記録しておくためにどう動きますか？

例えば、

• Evernoteが大好きなあなたなら、FasteEverとかでサクッとアイディアを記録することでしょう。
• todo好きなあなたなら、domo Todo+とかに入れてデッドラインまで設定してしまうでしょう。
• メモを取るのはアナログが1番だっ！というあなたなら、サッと手帳を取り出してサラサラっと書いてしまうでしょう。

といくつか方法がありますが、ボクはDropboxに保存しています。

なぜDropboxに保存するのか。

ボク自身、FastEverは体調管理のデータをEvernoteに記録するために使ってますし、domo Todo+は家族で共有するtodoを確認するのに利用しています。仕事の時にメモを取るのはスピード優先でまず紙です。

ですが、ことブログを書くことに関してはDropboxに保存先を集約することにしています。

Dropboxといえばみなさんもご存知の通り、どこからでもファイルにアクセスできる、代表的なサービス。

Dropbox – 生活をシンプルに

まだ利用していない方はこの機会に始めてみてはいかがでしょうか。上記のリンクから申し込むと申し込んだあなたとわたしにそれぞれ250MBの記憶容量が追加されます。

それでは、なぜDropboxに集約しているのかというと、

1. 2GBまでなら無料。
2. WindowsやMac、iPhoneからのアクセス、編集が可能。
3. オフライン時でも利用可能。
4. iPhone用Dropbox連携エディタが豊富。

以上の4点です。

まず、最初の2GBまで無料ということですが、ムダなところにお小遣いを割くことができないサラリーマンにはホントにありがたい。

ん？でも待てよ？1から3の理由は他のサービス（例えばSugarSyncとか）でもあるじゃないかと言われれば全くその通りです。

WindowsやMacではエディタに困ることはほぼないでしょう。実際ボクは職場ではWindowsを使いエディタはTeraPadを愛用していますし、自宅のMacではmiをよく使っています。

ファイル共有ということを目的にしてしまえばむしろSugarSyncのほうが簡単でいいのも知れません。

それに、時間がある時はWindowsやMacで書いたほうが圧倒的に速いに決まってます。そんなことは最初からわかっているんです。

しかし、この連載の初回、第0回 はじめに。そもそも何でわざわざiPhoneでブログを更新するのか。でも書いている通り今回は、

最終的にはPCで仕上げたいんだけど、下書きくらいはiPhoneで済ませておきたい。

ということも大きな目的の1つとしています。

ボクがDropboxを保存先に選ぶ最大の理由はここです。理由4の、iPhone用Dropbox連携エディタが豊富だから。

ボクが知らないだけかも知れませんが、少なくとも自分の知っている中でSugarSyncを保存先にできるiPhoneアプリのエディタはありません。また、iPhone用ブログ専用エディタもいくつかありますが、どれもアプリ内で完結できるよう設計されていますので、どんな環境でも同じデータを使える訳ではありません。

これがDropboxを連携させるとなると話は一変します。

Dropboxと連携するiPhone用エディタは何を選べはいいのか。

そもそも論になってしまうかも知れませんが、正直iPhone用エディタなんて自分が書きやすければ何でもいいんです。ここでは、ボクがiPhone用エディタを選ぶ基準を書きたいと思います。

ボクがiPhone用エディタを選ぶ基準としては、

1. Dropboxを保存先にできること。
2. TextExpanderとの連携ができること。
3. ブックマークレットとの連携に必要なURLスキームが設定されていること。
4. HTMLのプレビューができること。

以上の4点になります。iPhoneでブログを書くためにはボクはこの4点は外せません。（2から4の理由については第6から8回で詳しく書く予定です。）

では、この基準に合致するiPhone用エディタはあるのでしょうか？

まずはボクがどんなノート・エディタアプリを持っているかをさらさなければ話になりませんね。（以下、50音順。アプリの価格は記事作成時点の価格です。アプリ価格は変動がありますので、
購入の際は必ず価格をご確認ください。）

1. ATOK Pad 2.0.0 for iPhone
   カテゴリ: 仕事効率化 価格: ￥1,200
   更新: 2011/04/19
   
2. BLNOTE 1.1.18 for iPhone
   カテゴリ: 仕事効率化 価格: 無料
   更新: 2011/02/10
   
3. DraftPad 1.4 for iPhone
   カテゴリ: 仕事効率化 価格: 無料
   更新: 2011/03/24
   
4. Moleskine 1.0.1 for iPhone
   カテゴリ: 仕事効率化 価格: 無料
   更新: 2011/04/21
   
5. Nebulous Notes Lite 4.3.1 for iPhone
   カテゴリ: 仕事効率化 価格: 無料
   更新: 2011/03/02
   
6. PlainText – Dropbox text editing 1.4.1 for iPhone
   カテゴリ: 仕事効率化 価格: 無料
   更新: 2011/04/22
   
7. Textforce – Dropbox text editing 2.1 for iPhone
   カテゴリ: 仕事効率化 価格: ￥230
   更新: 2011/03/09
   
8. WriteRoom 2.7 for iPhone
   カテゴリ: 仕事効率化 価格: ￥600
   更新: 2010/07/02
   

…。あんまり持ってないです(T-T)

では、このアプリを先程の基準に合致しているかを表にしてみましょう。

URLスキームはipaBacklistを使って調べてみました。

ipaBacklist

簡単な調べ方は@hiro45jpさんのこのエントリーを参照してください。

MyWebClipをアプリランチャーとして活用する | 普通のサラリーマンのiPhone日記

準備その2までやる。

結果、以上のようになりました。

ボクの基準に合致するのはTextforceだけですが、ぶっちゃけDropboxに保存ができてHTMLプレビューに対応できれば何でも書けるんです。強力なマクロが搭載されているNebulous Noteに慣れている人はそれで十分書くことができます。

ですが、Nebulous NoteとTextforceとの違いはURLスキームによるブックマークレットとの連携。

Safariからブックマークレットを使ってデータを取得した後にホームボタンを
ダブルクリックしてアプリを切り替えるのって、何度も繰り返すと正直めんどくさくないですか？ボクはとても面倒に感じてました。

ですが、ブックマークレット起動後にTextforceを立ち上げるようにしておけば、わざわざホームボタンを触らなくても済むようになる。

地味なことかもしれないけど、時間短縮と誤動作防止には欠かせないと大切なポイントだと思っています。

ですから、今のボクがiPhoneでブログを書くためにはTextforceが必要なんです。

ちなみにこれがボクのTextforceのスクリーンショット。

1000000303 Photo by feelingplace

こんな風に書きたいテーマを1ファイルにして保存しています。（まだ7回残ってるのか…。）

さて、TextforceでHTMLプレビューをしたい時には条件があります。その条件とは、

1. Textforce内の設定でテキストファイル拡張子、htmまたはhtmlを追加する。
2. ファイルの拡張子をhtmまたはhtmlにする。

以上2点です。具体的に説明していきましょう。

まず、設定をタップ。

1000000309 Photo by feelingplace

すると下のような画面になるので、ファイル拡張子をタップ。

1000000310 Photo by feelingplace

+をタップして、htmまたはhtmlを追加して、以下の画面のような状態にしてください。

1000000311 Photo by feelingplace

ここまでできたらプレビューの準備は完了です。

次はプレビューの方法です。

いったんキーボードを閉じて右下にあるこのマークをタップ。

1000000315 Photo by feelingplace

するとメニューが立ち上がってくるので、
Quick Lookをタップ。

1000000316 Photo by feelingplace

すると…

1000000314 Photo by feelingplace

プレビューが表示されます。

実際書く時には、タグだけ見ててもなんのこっちゃわからないから、ブログ書きにはHTMLプレビューは必須ですね。

最後に。

今回も長くなってしまいましたが、
言いたかったことは、

1. Dropboxを保存先にしよう。
2. HTMLプレビューのできるエディタで書こう。

この2つ。後は自分にあったアプリを見つけるだけです。

さて、次回は第3回 画像・動画素材を準備しよう。です。ようやくアプリの
話になりますね。

それでは、また次回をお楽しみに。

追記。

今回の記事、全てiPhoneで書いてみました。こんな長文やスクリーンショットが入っていても何とか書けるんです。ってことを実証してみました(^-^)

関連がありそうなエントリー:

1. iBloggerに期待すること。
2. Writeroom
3. @ma2mars さんがFlickr2HTMLをカスタマイズ！Textforce・DraftPad対応版が公開されました！
4. 0から始めるiPhoneからのWordPress更新術。第9回 終わりに。一連の流れを振り返ろう。
5. ecto3を使ってみる。

SPONSORED LINK

2011/09/19追記

検索エンジンなどでこのページにたどり着いたみなさまへ。

ブックマークレットの最新版はブックマークレット | Feelingplaceに置いてあります。

大変お手数ですが、上記のリンク先をご覧いただきますようお願いいたしますm(_ _)m

youtube video on a truck? Photo by mark roquet

YouTubeの動画を貼りつけるためのタグを生成するBookmarklet、YouTube2HTMLを昨年12月半ばに公開させていただきました。

YouTube（チャンネル以外）からブログに貼りつけるHTMLを生成するBookmarklet。 | Feelingplace

久し振りにフォルテの動画でもブログにアップしようと思って起動させてみたところ、何だか吐き出すタグが以前と変わっていました。

もう何だか意味わかんないなぁと思いつつ、数日経ってからYouTubeをのぞいてみると、YouTubeで使われていた埋め込みコード自体が変更されていたことに気がつきました。

その影響でPipesの挙動も変わってしまったようで、全面的に修正が必要になりました。

修正版はこちら。

YouTube2HTML

YouTube2HTML（Textforce起動版）

YouTube2HTML（Textforce＋ATOK Pad連携版）

使い方はこれまで同様です。

現在YouTube2HTMLをお使いの方は、変更をお願いいたしますm(_ _)m

試しに貼りつけた動画がこちらです。

うーん、どうもiPhoneではうまく表示できないみたい…。

関連がありそうなエントリー:

1. YouTubeを貼りつけるためのタグを生成するブックマークレット、YouTube2HTMLを修正しました。
2. Textforce用Bookmarkletまとめに掲載していただきました。
3. 2011年1月のまとめ。
4. YouTube（チャンネル以外）からブログに貼りつけるHTMLを生成するBookmarklet。
5. YouTubeをブログに貼りつけるためのブックマークレット！YouTube2HTMLをリニューアルしました！

SPONSORED LINK

2011/09/19追記

検索エンジンなどでこのページにたどり着いたみなさまへ。

ブックマークレットの最新版はブックマークレット | Feelingplaceに置いてあります。

大変お手数ですが、上記のリンク先をご覧いただきますようお願いいたしますm(_ _)m

pipes 4 Photo by danmachold

2011.4.16追記

最新版を公開しています。始めてご利用の方はこちらをご利用ください。

Flickrから画像を取得するブックマークレット、Flickr2HTMLをバージョンアップ！セットから複数画像を1度に取得できるようになりましたっ！そして… | Feelingplace

2010年の10月に公開したBookmarklet、Filckr2HTML。

Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。 | Feelingplace

Flickr2HTML

先日、Bookmarkletの存在を知らなかったボクが1ヶ月半でBookmarkletを公開することができるまでにお世話になった10のサイト。 | Feelingplaceを書いてから改めて読み返してみて、改善の余地があることに気づきました。

試してみたらちゃんと動くようになったので、公開しておこうと思います。

どこが変わったかというと、FlickrのAPIkeyがなくても動くようになりました！

このBookmarkletであれば、FlickrのAPIkeyまで取って使わなくてもいいかなって手を出さなかった方でも、すぐに使い始めることができます！

ここには3タイプ（通常版・Textforce起動版・TextforceからATOK Pad連携版）を置いておきます。

Flickr2HTML(ver.2)

Flickr2HTML(ver.2 Textforce起動版)

Flickr2HTML(ver.2 Textforce ATOK Pad連携版)

使い方は以前公開したFlickr2HTMLと全く一緒。

テンプレートのカスタマイズももちろんできます(^-^)

もとのPipesはこちらになります。

テンプレートの修正については以前のエントリーをご参照くださいm(_ _)m

今回、どこを直したのかというと、データを取ってくるもとのPipesを見直しをしました。

具体的に言うと、前回のはFlickrのAPI・flickr.photos.getInfoを利用していましたが、

Flickr Services: Flickr API: flickr.photos.getInfo

flickr.photos.getInfo

今回はoEmbedを利用しています。

oEmbed

oEmbed

面倒なAPIkeyの取得の必要もなくなったFlickr2HTML ver.2。

Yahoo!PipesとFlickrのoEmbedサポートが止まらない限りは使えるBookmarkletになったと思います。

もしよければ、1度使ってみてくださいっ！

関連がありそうなエントリー:

1. 2010/12/19から2010/12/25のRSSチェック。
2. Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。
3. Textforce用Bookmarkletまとめに掲載していただきました。
4. YouTube（チャンネル以外）からブログに貼りつけるHTMLを生成するBookmarklet。
5. @ma2mars さんがFlickr2HTMLをカスタマイズ！Textforce・DraftPad対応版が公開されました！

SPONSORED LINK

2011/09/19追記

検索エンジンなどでこのページにたどり着いたみなさまへ。

ブックマークレットの最新版はブックマークレット | Feelingplaceに置いてあります。

大変お手数ですが、上記のリンク先をご覧いただきますようお願いいたしますm(_ _)m

YouTubeの動画をブログに貼りつけるブロガーさんはボク以外にもたくさんいると思います。

iPhoneからYouTubeを見ると、iPhone用に最適化されたページが表示されて見るだけなら快適なんですが、ブログに貼りつける為のHTMLをコピーしようとすると、デスクトップ用のFlickrに切り替えないとHTMLすら確認できません。

そこで、YouTube（チャンネル以外）からブログに貼りつける為のHTMLを生成するBookmarkletを作ってみました。

iPhone（iPad）からYouTubeの動画を貼りつけようととすると、いくつもステップを踏まないといけませんでしたが、これだと一発でHTMLが生成できます。

まずはデモをしてみましょう。

スクショ3 Photo by feelingplace

このBookmarkletをYouTubeのチャンネル以外のページで使うと…

スクショ4 Photo by feelingplace

こんな感じにブログに貼りつけるためのHTMLがプロンプトに表示されます。

スクショ5 Photo by feelingplace

iPhoneに最適化されたページで使っても…

スクショ7 Photo by feelingplace

こんな感じでブログに貼りつけるためのHTMLがプロンプトに表示されます。

どちらも生成されるHTMLは同じです。

実際にプロンプトに表示されたHTMLをコピーして貼りつけてみると、

こんな感じになります。

Bookmarkletはこちら。

というようにリンクを貼りたかったんですが、タグにiframeが含まれているせいかうまく貼れないのでテキストファイルを置いておきます。

YouTube2HTML

YouTube2HTML(Textforce)

（TextforceのATOK Pad連携版も作りたかったんですが、どうもうまく行きません。どなたか作っていただけると助かります(_ _)。）

以前作ったFlickr2HTMLのようにテンプレートを作って自由にカスタマイズできるようにしたかったんですが、Yahoo!Pipes側で安全を確保するために処理してしまうようなので固定にしました。

Pipes側の説明については以下をご覧ください。

Pipes – Frequently Asked Questuons

出力されるHTMLは現在YouTubeで提供されているベータ版のiframe埋め込みコードをベースにしてあります。

動画のサイズはYouTubeAPIのoEmbedを利用して取得しています。

YouTube API Blog: oEmbed supportoEmbed support

PC版から取ってくるよりも若干小さめのサイズにはなりますが、iPhoneからでもHTMLタグを生成できるようになるっていうのが1番の利点ではないでしょうか。

自分で試して範囲ではちゃんと動いていますが、不具合等ありましたら@feelingplaceまでTwitterでご連絡いただけると助かります。

すぐにお返事・修正は掛けられないかも知れませんが、できるだけ対応したいと思いますのでよろしくお願いいたします。

YouTubeAPIのoEmbedで出力されるデータが変わったら、このBookmarkletも修正する予定です。

これでボクも思う存分ウチのフォルテの動画をアップできるようになります(^_^)関連がありそうなエントリー:

1. Textforce用Bookmarkletまとめに掲載していただきました。
2. YouTubeの動画を貼りつけるためのタグを生成するBookmarklet、YouTube2HTMLを全面的に修正しました。
3. 2010/12/12から2010/12/18のRSSチェック。
4. YouTubeを貼りつけるためのタグを生成するブックマークレット、YouTube2HTMLを修正しました。
5. Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。

SPONSORED LINK

208 / 365 *** WOW *** Photo by Jessica Milena Castro

しつこいくらい書いていますが、ボクはiPhoneでブログを下書きしてそのまま公開してしまうほうが自宅のMacで書くよりも多いです。

その理由は単純で、自宅でMacを触っていられる時間が平日はあまり確保できないから。

逆に言えば、自分で自由に使える時間があまりないってこと。

やっぱり通勤途中とかの隙間の時間を使って書くしかないんですよ。

Textforceにはいろんな機能・連携するツールがいっぱいつまっているんですが、使い方を工夫すれば更に効率的にブログの下書きをすることができます。

今日はTextforceで効率的にブログの下書きをするために必要な3つのポイントをまとめてみたいと思います。

1.ATOK Padで書く場面を決める。

Textforceの売りの1つとして、ATOK Padとの連携があります

だからといってATOK Padを無理矢理使うことはありません。

必要な場面だけATOK Padで書くようにすれば、アプリを切り換えるだけの時間を削減できます。

例えばボクの場合は、Bookmarkletを多用する場面ではTextforceで、長文を書きたい場面ではATOK Padという使い分けをしています。

でも、Bookmarklet使うとATOK Padに強制的に移行するじゃんって思われた方は、もう少し辛抱して読み進めてくださいm(_ _)m

ATOK Padではよく使うタグを単語登録しておくと、さらに効率が上がるでしょう。

2.TextExpanderのスニペットを工夫する。

使っているブログシステムで異なるとは思いますが、WordPressを使っている人であればプラグイン用のショートコードを、はてなな人ならはてな記法をTextExpanderに登録しておくとかなり効率がアップします。

ボクの場合は、よく使うタグとショートコードを仕込んであります。

スクショ Photo by feelingplace

1つ気をつけたいのはどんな入力をするとTextExpanderが反応するようにするか。

iPhoneで打ち込むのに面倒なキーにしてしまうとあまり意味がありません。

もう1つは、「%|」でカーソル位置をコントロールすること。

ボクの場合、「.<p」で「<p></p>」と入力できるようにしてあるんですが、カーソルは開始タグと終了タグの間に来るようにしています。

こうすることですぐに本文を書くことができるようになるので、思考を止めてしまうこともありません。

3.Textforce対応Bookmarkletをカスタマイズする。

1.で何のこと？そのままでいいじゃん！と思われた方、お待たせしました。

今回の運用をする上での1番大きなポイントです。

アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記

@feelingplace さんのFlickrのブログ用画像HTML生成ブックマークレットをTextforce・DraftPadに対応させてみた。 « したっけ、鈍がめ 備忘録

@hiro45jpさんや@ma2marsさんが公開してくださっているTextforce連携のBookmarkletは、iPhoneのSafariでBookmarkletを起動してプロンプトで出てくるタグをコピーしてOKをタップすると、Textforceを経由してATOK Padを起動、文末にコピーしたデータを挿入するようになっています。

もちろん、このエントリーもBookmarkletのリンク部分以外は全てTextforceとTextExpander・3つのBookmarkletを駆使して書いています。

このままでも十分便利なんですが、Bookmarklet自体をちょこっと修正することで、ATOK Padを経由しなくてもいいようになります。

じゃあどうするのかというと、Bookmarklet終了後はTextforceを起動するだけにするんです。

詳しい解説は作者（@ytka）様のブログの開発者向け情報をご覧ください。

domo Apps
Textforce

ここにはこの情報を元にしてカスタマイズしたBookmarkletを置いておきます。

Flickr2HTML（Textforce起動版）
AppHTML（Textforce起動版）
ShareHTML（Textforce起動版）

ここに置いたBookmarkletはボクのpipesになっているので、pipesを自分でカスタマイズしてる方・AppHTMLのリンクシェアID・Flickr2HTMLのFlickr_API_Keyは各自で取得・ご確認の上、該当部分の修正をお願いします。（なぜかボクの環境では文字化けしてしまうので、「%27」を「’」に置き換えるとすっきりします。）

このBookmarkletだとTextforceのカーソル位置はiPhoneのSafariに移る前の位置を保持したままなので、ボクの場合は「.v」と打ち込むことでTextExpanderを経由してコピーすることを可能にしています。

さらに特定のファイル（blog.html）に流し込む必要もなくなるので、下記のエントリーで書いたように1ネタ1ファイルにしておいてもリネームする必要もなくなります。

iPhoneだけでblogを更新するための環境作り（ver.2） | Feelingplace

ということは、ネタさえTextforceに残しておけばいつでもブログの下書きができるってことです！

以上、ちょっとしたことかもしれませんが、Textforceで効率的にブログの下書きをするために必要な3つのポイントでした♫関連がありそうなエントリー:

1. @ma2mars さんがFlickr2HTMLをカスタマイズ！Textforce・DraftPad対応版が公開されました！
2. Textforceがアップデート！さぁ、TextExpanderを使おう！
3. iPhoneで使う書き心地よいノートとまだ手になじまないペン。
4. Textforce用Bookmarkletまとめに掲載していただきました。
5. iPhoneだけでblogを更新するための環境作り（ver.2）