ブログの記事をDraftPadにクリップしていく BlogClip

以前、ネット上の記事を切り取ってくるブックマークレットを作ったのですが、これにサムネイルが付くと分かりやすいなあ、と思い、改良してみました。


DraftPadに引用を貼り付けるブックマークレット DraftClip
ニュースの紹介で、どの部分に注目して欲しいか示しやすくなる。
ShareHTMLを参考にして、DraftClipを拡張しています。Safariで記事を選択すると、その部分を引用し、リンクをDraftPadに転送します。ShareHTMLの仕組みも取り入れ、ブログのサムネイルやはてブのブックマーク数も表示。背景に色を添えているので、どの範囲が引用なのか、見やすくなるんじゃないかと。



使い方は、下記ブックマークレットをSafariに登録するだけ。

Title: BlogClip
URL: javascript:t=document.title;h=location.href;document.addEventListener('gesturechange',function(){s=window.getSelection();if(s!='')location.href='draftpad://insert?after='+encodeURIComponent('\n<blockquote style=\"background-color:ivory;padding:15px;border-radius:5px;\"><a href=\"'+h+'\" target=\"_blank\" style=color:darkblue;><img align=left src=\"http://capture.heartrails.com/200x130/shadow?'+h+'\" width=200 height=130>'+t+'</a><a href=\"http://b.hatena.ne.jp/entry/'+h+'\" target=\"_blank\"><img src=\"http://b.hatena.ne.jp/entry/image/'+h+'\"></a><br><font size=-1>'+s+'</font><br clear=all></blockquote>\n');});

Safariで該当ページを開き、このブックマークレットを起動します。引用したい部分を範囲指定し、二本指で横方向に撫でるとDraftPadにタグが貼り付きます。


DraftPad 1.5.6 App Store
対象デバイス: all
カテゴリ: 仕事効率化   価格: ￥0
販売業者: Manabu Ueno
ブックマークレットの登録には、アシストで転送するのが便利です。

Title: Bookmarletに登録
URL: http:
Option: Copy Current Line or Selection

ブックマークレットにカーソルを合わせ、アシストを実行。やっていることは、カーソル行をクリップボードに保存しSafariを起動しているだけ。空白ページなのでエラーメッセージは出るけど無視して「ブックマークに追加」。このブックマークを編集すれば、クリップボードに入っているスクリプトのペーストで済む算段です。


ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記
ShareHtmlはお気に入りのサイトのブログで紹介する為のBookmarklet
ShareHTMLはHiro45jpさんの作品。ネット上のサイトを、サムネイル付きリンクに変える。文字だけだと、さみしいですもの。DraftPadでのブログ作成に欠かせません。


で、BlogClip。実はまだ話の序の口で、これには深い使い方が・・・ to be continued。
MyShortcutsを使い、iPadの通知センターにリンク集を作る方法
サムネイル付きでブログ記事を引用するブックマークレット BlogQuote