matuダイアリー

またまた、お仲間ブロガーが熱くて素晴らしいレビューをアップされていました。

• アプリ連携が素晴らしいアプリ『DraftPad』 – 春友日記　～なまらiPhone～
• Safariとの連携も絶妙な最強メモアプリ DraftPad を試す！［iPhone・iPad］［無料］ « したっけ、鈍がめ 備忘録

DraftPad (無料)。

シンプルでインプットとアウトプットの架け橋をしてくれそうな素晴らしいアプリだなとお二人のブログを読むと伝わってきます。
作者様も登場して、MyWebClipのときの盛り上がりを思い出しました(^^)
こういう連鎖いいですねー。Twitter時代ならではだと思います！

さて、お題のブックマークレットですが、SafariでWebページを閲覧中に選択したテキストをDraftPadに転送するというものです。早速ご紹介します♪

ブックマークレットの登録

これまで、何度かブックマークレットをご紹介させていただきましたが、今回も変わりません。

1. こちらのページをブックマークする
2. 1.で保存したブックマークを編集し、アドレスの「javascript:〜よりも前」(http://d.matu.biz/~?まで)を削除する
3. タイトルをわかりやすいように修正する

ちなみに、DraftPadへは

<a href="WebページのURL"<Webページのタイトル</a><改行>
[選択中のテキスト]<改行>

という書式で転送されるようにしてますので、気に入らなければ修正してみてください。

ブックマークレットの使い方

では、ブックマークレットの使い方です。ちょっと変わってます。

まずSafariを起動し、任意のページで先ほど登録したブックマークレットを起動します。このとき特に何が起きるでもなく元のページに戻ります。ページを遷移させる度に行う必要があります。ブックマークレットの起動はすぐですが、これがデメリット…。

次にDraftPadに送りたいテキストを選択し、画面を２本指でタップします。

するとこの通り、WebページのURLとタイトル、選択したテキストがDraftPadに転送されます。
テキストを選択しなかった場合は、WebページのURLとタイトルのみが転送されます。

なぜ２本指なのか

iPhoneでブックマークレットを使っている方はご存じかもしれないですが、Safariで選択したテキストをどうにか処理したいと思っても、ブックマークボタンをタップした瞬間に選択中の状態が解除されどうすることもできないんです。
iPadなら、Safariのツールバーを常に表示されるようにしておけば処理することができるんですが。
iPhoneで選択中のテキストを処理するためには、タッチイベント、ジェスチャーイベントを使えばできるようです。

• Safari Web Content Guide: Handling Events

いろいろとイベントはあるのですが、ここでは使うことの少ないであろう２本指でのスクリーンタップを使ってみました。
イベントの数が限られてるし、使いすぎると弊害も出てきそうだったので、できるだけイベントは使わないブックマークレットを紹介しようと思っていたのですが、Safari->DraftPad->hogeの連携が素敵すぎて、今回は使うことにしました(^^)

熱さ先行で書いてみたので、よりよい方法があるのかも知れません。気づきがあったらこのページを更新しておきます。
良かったら使ってみてくださいー(^o^)/~

追記

@kuracyanさんと＠ma2marsさんが素敵なまとめ記事というか一連の物語を記事にしてくれました！

• 最近の僕2010/09/02版 | Singer Song iPhone
  いつもお世話になっている@kuracyanさんの記事。人柄がにじみ出てますよねー！リンクしているのはアプリでも記事でもない、人なんだ！と思わされました。こういうつながりの機会を大切にしていきたいです！
• DraftPad とアプリ連携の最終的まとめ！［iPhone・iPad］開発者インタビューを追記 « したっけ、鈍がめ 備忘録 今回、作者さまやアプバンさんも巻き込んで精力的に働きかけていただいた@ma2marsさんの記事。皆さんにDraftPadを知ってもらいたいという熱意がひしひしと伝わってきます。今回少しですが、巻き込んでいただいてうれしかったです！

最後に、下手くそですが今回ご紹介したブックマークレットの使い方を動画でアップしてみました。手順がちょっとアレなんですが、Safari->DraftPad連携は本当に素敵です(^^)