iPhoneだけでブログを書くフロー – アプリレビュー編

モブログというと写真一枚に短文という簡単な構成で考えがちです。もちろん長文で画像たくさんのモブログもありますが、それは稀でしょう。なぜなら面倒くさいから。

iPhoneだけでしっかりしたアプリレビューは書けないのかとずっと考えてきました。それも割と楽をして。3年ぐらい思い返してはああでもないこうでもないと書いては消してきたフローが今回初めて結論に至ったのでまとめました。
かなり自分専用な手順ですが参考になるだろうか。

簡単に説明すると、WordpressのブログにHTMLを自分で書いてアップロードするまでの手順です。自分の使っているアプリで説明していますが、これでないとならないものはそんなに無いはずです。適宜自分の環境に読み替えてください。

まずは情報収集

まずはここから。俺の情報収集ツールはGoogle ReaderかTwitterです。iPhoneだと現在ReederとTwittelator Proを使っています。あとは新着と値下げチェックにCatchApp等をチェックしたりします。

Reeder 2.3.1(¥350)

Reeder 2.3.1
ニュース
価格: ¥350
2011/03/12
iPhone、iPod touch および iPad 互換 iOS 3.0 以降が必要

Twittelator Pro – Twitter Client 4.6.1(¥600)

Twittelator Pro – Twitter Client 4.6.1
ソーシャルネットワーキング
価格: ¥600
2011/04/05
iPhone、iPod touch および iPad 互換 iOS 3.1.3 以降が必要

CatchApp 2.1.1(無料)

CatchApp 2.1.1
仕事効率化
価格: 無料
2011/02/09
iPhone、iPod touch および iPad 互換 iOS 3.1 以降が必要

これらで情報を集めてアプリを物色して、特に気に入ったものはレビューを、最近書けてませんが、書くわけです。

アプリを試す時はスクリーンショットを撮りながら

もうクセになっています。初回起動時しか表示されない重要な情報もあります。アカウント作成画面もスクリーンショットを撮る為に2度やるのは面倒だし迷惑でしょう。

この段階ではレビューを書くかは決まっていませんが、アプリの説明やApp Storeのスクリーンショットやアプリアイコンから期待値が上がったアプリではまず撮るようにしています。

減点法ではなく加点法で評価する

これは大事。減点法では全てのアプリを評価する事はできません。1つでも他に無かったり、自分が欲しかった、探していた機能があれば、そのアプリは良いアプリです。批判するぐらいならさっさと削除します。起動して数秒で削除したアプリは数えきれません。

良い所を見つけていって、このアプリは人に教えたいと思ったらレビューを書く決定をします。

要点を片っぱしからメモる

書くと決めたらアプリの全機能からポイントになる機能を全てメモします。このアプリはどういうアプリなのか。どんな機能があるのか。目玉機能は何なのか。こう使うと良いんじゃないか。他にこのアプリと組み合わせたら化けるんじゃないか。思いつくままに書き出します。

この段階では自分以外に誰も文章を読みません。好き勝手に書きましょう。書くアプリはご自由に。俺は現在マギノートを使っています。

マギノート 1.3.1(¥115)

マギノート 1.3.1
仕事効率化
価格: ¥115
2010/08/24
iPhone、iPod touch および iPad 互換 iOS 3.0 以降が必要

マギノートは箇条書きでメモできるアプリです。メールでエクスポートできるので、まとまったらEvernoteにメールしています。

iPOBW_1104_01.jpg
iPOBW_1104_02.jpg

まとまったら大枠を決める

書くことがまとまったのでアウトラインを決めましょう。箇条書きでざっくりと割ります。この時点で脳内ではレビューが書き終わっているレベルです。そのまま小見出し(HTMLの要素でいうとh2やh3とか)に使えるように書くと後が楽です。

文章を書くアプリはご自由に。俺はここからNebulous Notesを使います。Dropbox対応のテキストエディタ。

Nebulous Notes (for Dropbox) 4.3.1(¥230)

Nebulous Notes (for Dropbox) 4.3.1
仕事効率化
価格: ¥230
2011/03/02
iPhone、iPod touch および iPad 互換 iOS 3.1 以降が必要

内容が決まったらスクリーンショットを編集する

iPhoneのスクリーンショットには大体ステータスバーが付いています。好き好きですが、俺はレビューに使うスクリーンショットのステータスバーは切り抜きます。この用途では数々のアプリを試してきました(タッチパネルの制約なのか、正確に範囲選択できるものが少ない)がPastebotに落ち着きました。写真アプリからコピーするだけでPastebotに貯まるのが楽でいい。切り抜いた後でカメラロールに保存しておきます。

iPOBW_1104_03.jpg
iPOBW_1104_04.jpg

これがメイン機能ではありませんが、素晴らしいアプリなのでオススメです。

Pastebot — コピー&ペースト強化ソフト 1.4.1(¥450)

Pastebot — コピー&ペースト強化ソフト 1.4.1
仕事効率化
価格: ¥450
2010/12/01
iPhone、iPod touch および iPad 互換 iOS 3.0 以降が必要

切り抜きが終わったら加工してリサイズをします。このブログのレイアウトだとポートレートモードのスクリーンショットを2枚並べるとはみ出してしまうので75%ぐらいにリサイズします(3GSでの話)。この用途はリサイズ専用アプリもありますが、加工とリサイズが一緒にできるのでPhotogeneを使います。

iPOBW_1104_05.jpg
iPOBW_1104_06.jpg

文字を入れる必要があれば現在はiPhotonがオススメです。縁取りありの文字入れができるのはこのアプリだけ。視認性が全く違います。開発終了は本当に残念です。また探さなくては。

iPOBW_1104_07.jpg

スクリーンショットの加工は必要に応じてアプリを行ったり来たりする事になりますが、あまり何度も保存して加工を繰り返すと画質が落ちてしまう事があります。

完成したスクリーンショットはまだアップロードしません。次のステップで本文を書いている最中に過不足があると面倒になります。

Photogene 2.61(¥230)

Photogene 2.61
写真
価格: ¥230
2010/08/28
iPhone、iPod touch および iPad 互換 iOS 4.0 以降が必要

iPhoton 1.2.1(無料)

iPhoton 1.2.1
写真
価格: 無料
2010/11/13
iPhone、iPod touch および iPad 互換 iOS 4.1 以降が必要

本文を書く

最も苦労するスクリーンショットの加工が終わりました。本文を書きましょう。もうすっかり頭の中に全体像が出来上がっているはずなのですぐに書けるかと思います。アウトラインを書いたエディタを起動してガリガリ書きます。

画像を挿入する所は、分かりやすく画像のファイル名にする予定の名前を書いておくと良いですよ。この記事ならiPOBW_1104_01.jpgとか。

画像をリネーム・アップロードする

本文が書き終わりました。仕上げ段階に入ります。スクリーンショットは今カメラロールにあります。これをリネームしてアップロードします。写真アプリではできません。GoodReaderを使いましょう。

Import picturesをタップすると写真アプリの画像一覧が開くので、カメラロールからスクリーンショットをタップするとGoodReaderに取り込みが完了します。複数選択できないので一枚ずつ取り込むしかありません。

iPOBW_1104_08.jpg
iPOBW_1104_09.jpg

取り込んだ画像はMy Documentsに保存されています。未使用ファイルなので青くPicture xx.jpgという名前になっているはずです。

右上のActionsボタンをタップして画像を一つ選択後、下部メニューからRenameをタップ。リネームします。拡張子まで書くは必要ありません。リネームは一つずつしかできないのが面倒。複数選択して連番を付けられるようにしてほしい。

iPOBW_1104_10.jpg
iPOBW_1104_11.jpg

リネームが終わったらDropboxのPublicフォルダに画像をアップロードします。GoodReaderのトップ画面からWeb Downloads→Connect to Servers→Dropboxをタップ。

iPOBW_1104_12.jpg
iPOBW_1104_13.jpg

Publicの右側矢印をタップして、フォルダを開いてからUploadボタンをタップ。記事ごとにフォルダを分けておくのも良いですね。アップロードするファイルを選択して右下のUpload xx itemをタップ。複数選択できます。

iPOBW_1104_14.jpg
iPOBW_1104_15.jpg

これでアップロードが完了しました。

GoodReaderからDropboxに接続していない or Dropboxアカウントを持っていない場合

Connect to ServersをタップするとCreate New Connection to:という項目にDropboxがあるので、タップするとログイン画面に移行します。

アカウントを持っていない場合は作りましょう。iPhoneでも対応しているアプリが多いですし、端末間のファイルの受け渡しに便利です。

このURLからアカウントを作成すると、初期のファイル容量2GBから250MB増えます(俺も増えて嬉しいです)。
http://db.tt/Cd0D5aA

PublicフォルダのURLを調べる

DropboxのリンクにはPublic LinkとShareable Linkの2種類あります。今回必要なのはPublic Link。なのでPublicフォルダにアップロードしました。

PublicフォルダのURLを調べる方法は2種類ありますが、全環境で共通なのは、WebのDropboxにアクセスしてPublicフォルダ内のファイルを開く事です。以下のようなURLになっているのでhttpsのsを削除してhttp://に、?を含め以降も削除します。
https://dl.dropbox.com/u/数字/ファイル名?なんたらかんたら

http://dl.dropbox.com/u/数字/
これがあたなたのアカウントのPublicフォルダのURLです。メモして保存しておきましょう。次のステップで必要になります。

GoodReader for iPhone 3.5.1(¥600)

GoodReader for iPhone 3.5.1
仕事効率化
価格: ¥600
2011/03/11
iPhone、iPod touch および iPad 互換 iOS 3.1 以降が必要

本文をマークアップする

本文と画像が用意できました。最終的にマークアップします。俺はNebulous NotesとTextExpander、それにブラウザでブックマークレットを使ってマークアップをします。タグで囲う等の簡単なものはNebulous Notesのマクロで済ませ、リンクや引用はブックマークレットを使って取得。コピーしてバックグラウンドのPastebotにどんどん保存。済んだらNebulous Notesに次々ペースト。よく使う単語やタグのセットはTextExpanderで楽に入力。最終的にNebulous Notesで記事を完成させます。

Nebulous Notesのマクロについてここでは説明しません。以前に記事を書いているのでそちらをご覧ください。
Nebulous Notes – マクロ機能搭載のDropbox対応テキストエディタの【マクロを使う】というセクションです。

ブックマークレットは普通のサラリーマンのiPhone日記さんから。Bookmarkletカテゴリを見ると使いたくなるブックマークレットがたくさんあります。本当に素晴らしい。主にAppHTMLを使わせてもらってます。感謝。

画像を挿入する予定の場所には既にファイル名だけが入力してあると思います。前のステップで調べたPublicフォルダのURLをその前にペーストしてURLを完成させましょう。
Nebulous NotesにはHTMLプレビュー機能があるので、画像のリンク切れが無いか確認してください。

TextExpander 1.1.8(¥600)

TextExpander 1.1.8
仕事効率化
価格: ¥600
2010/11/11
iPhone、iPod touch および iPad 互換 iOS 3.1 以降が必要

記事を投稿する

記事が完成しました。スクリーンショットはDropboxにアップロード済み。Nebulous Notesには完パケの記事が出来上がっています。Wordpressアプリにペーストしてタイトルを入力。タグやカテゴリを設定してアップロードしましょう。

WordPress 2.7.2(無料)

WordPress 2.7.2
ソーシャルネットワーキング
価格: 無料
2011/04/05
iPhone、iPod touch および iPad 互換 iOS 3.1.3 以降が必要

お疲れさまでした。

あとがき

詳細とは言えない説明でしたが(完全に説明するとこの3倍はかかる)参考になるでしょうか。あんまりならない気もしますが。

広告

iPhoneだけでブログを書くフロー – アプリレビュー編」への1件のフィードバック

  1. 参考になりました。スクショの加工は確かにステータスバーが気になってます。

    iPhotonicが開発終了は初耳でした。

    また、寄らせてもらいます。

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中