PicasaHtml2 for DraftPad

このエントリーをはてなブックマークに追加 Pocket

[MarsEdit] アルバムが選択できるようになった PicasaHtml2 - Textforce/DraftPad で開くオプションも♪ で iOS 向けのブックマークレットを作成しましたが、DraftPad のアーキテクチャが素敵なので DraftPad のアシストとして PicasaHtml2 を作り直しました。PicasaHtml 2.1 としています。

以下は DraftPad にアシストをインポートするリンクです。

PicasaHtml for DraftPad

追記: 最新版は こちら です。

導入と使用方法

iPhone または iPad で上記のリンクをタップしてください。

▼ DraftPadが起動されてアシストの登録画面が表示されます。
1000000140.png

▼アシストを起動すると、初回は設定画面が表示されます。
1000000148.jpg

▼ Picasa のユーザID を入力して [保存] ボタンをタップしてください。
あ。画像内にクリックって書いちゃったw
1000000149.jpg

▼メイン画面にもどりますので、[リロード] ボタンをタップしてください。
なお、初回以外はアシスト起動後に自動的にアルバム一覧がロードされます。
1000000150.jpg

▼ロードちう
1000000144.png

▼アルバム一覧がロードされました。
1000000147.png

▼アルバムを選択して…
1000000151.png

▼ [Get Photos] ボタンをタップしてください。
1000000158.jpg

▼写真のロードちう
1000000154.png

▼じゃーん。
1000000161.png

▼下の方にプレビューも表示されます。
1000000156.png

▼ [Insert to DraftPad] ボタンをタップすると…
1000000160.jpg

▼ DraftPad に生成した HTML が追記されます。
1000000157.png

あとがき

今回は jQuery Mobile と HTML5 に挑戦してみました。

jQuery Mobile はスマートフォンやタブレットに最適化されたページを HTML の記述だけで生成してくれるのが感動的です。アプリケーションロジックは Javascript でコーディングする必要はありますが。

本エントリは、以下の手順で書いてみました。

  1. スクリーンショットを撮影
  2. 必要に応じて iPhoton で画像を加工
  3. PictShare でアルバムを作成して Picasa にアップロード
  4. PicasaHtml2 for DraftPad でアルバムを指定して HTML を生成
  5. DraftPad で HTML を Dropbox に保存
  6. MarsEdit で文章を書いて仕上げ

するぷろが Blogger 対応したら iPhone だけで完結させることもできるんだけどなぁ…
BlogPress は不安定で使う気がしないし…

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

PictShare - multiple photos/movies uploader 2.1.2App
iPhone、iPod touch および iPad 互換 iOS 4.0 以降が必要
カテゴリ: ソーシャルネットワーキング 価格: ¥230
更新: 2011/06/08

DraftPad 1.4App
iPhone、iPod touch および iPad 互換 iOS 3.1 以降が必要
カテゴリ: 仕事効率化 価格: 無料
更新: 2011/03/24

MarsEdit 3.3App
Mac OS X 10.6.6以降
カテゴリ: ソーシャルネットワーキング 価格: ¥4,600
更新: 2011/05/27

関連記事

0 コメント: