iPadでブログ作成に使っているブックマークレット集 2012年版

iPad mini を注文しました。届くまでに、ブログ作成に使っているツール類を整理しようと思います。いずれもDraftPadに埋め込んでいくタイプです。

■Safari用ブックマークレット

BlogQuote：Webページをサムネ付きリンクにするとき使ってます。

javascript:t=document.title;h=location.href;p=document.getElementsByTagName("p");s="";for(key in p) s+=p[key].innerText;s=s.replace(/\n/g,"").substring(0,100);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/cool/shorten?'+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');

サムネイル付きでブログ記事を引用するブックマークレット BlogQuote - W&R : Jazzと読書の日々
前回作ったBlogClipの姉妹品。BlogClipも気に入ってるのですが、いつもいつも引用を探すのが面倒なこともあるので、本文中のテキストを丸々写してしまう暴挙に出てみました。意外と悪くない。Saf...

(修正版) サムネイル付き紹介リンクをDraftPadに貼り付ける BlogQuote

DraftClip：ネットからの引用文を付箋紙にして貼り付けます。

javascript:t=document.title;h=location.href;document.addEventListener('gesturechange',function(){s=window.getSelection();if(s!='')location.href='draftpad:///insert?caret='+encodeURIComponent('\n<blockquote style=\"background-color:ivory;padding:15px;border-top:1px solid goldenrod;border-left:1px solid goldenrod;border-right:3px solid goldenrod;border-bottom:3px solid goldenrod;border-radius:5px;\">'+s+'\n<br><b>via:<a href=\"'+h+'\" target=\"_blank\">'+t+'</a></b></blockquote>\n');});

DraftPadに引用を貼り付けるブックマークレット DraftClip - W&R : Jazzと読書の日々
「DraftPadにWebクリップはしないよな」と思ったので、ちょいと改造。引用や参照などでCSSやPタグを使わず"HTMLタグ"blockquote"のstyle指定する方法: 世界四季報分かりやす...

リンク作成：Safariで開いているサイトをリンクにします。

javascript:link='<a href="'+location.href+'">'+document.title+'</a>';location.href='draftpad:///insert?caret='+encodeURIComponent('\n'+link+'\n');

iPadのChromeでブックマークレットを呼び出す方法を考えてみた - W&R : Jazzと読書の日々
すぐバージョンアップが出るんじゃないかな。パッと見わかりにくいけど、ChromeでもJavascriptは走ります。URLスキームで他のアプリを呼び出すことも出来る。でも、そのための仕組みが用意されて...

ImageTaker：サイト上の画像を抽出し、アドレスを取得します。

javascript:h=encodeURIComponent(location.href);t=encodeURIComponent(document.title);b=document.images;a=new Array();for(i=0;i<b.length;i++)a[i]=b[i].src;for(i=0;i<a.length;i++){c=document.createElement('img');c.src=a[i];c.addEventListener('click',function(d){location.href='draftpad:///insert?caret=<a alt=\"'+t+'\" href=\"'+h+'\" target=\"_blank\"><img width=\"\" src=\"'+d.target.src+'\"></a>'});document.body.appendChild(c);document.write('<br>')}

DraftPadに画像タグを貼るブックマークレット ImageTaker - W&R : Jazzと読書の日々
テキスト・エディタだから画像が扱いにくいけど、そこを逆手に取ってHTMLタグで貼っていく。画像を一覧表示するブックマークレット | iPhone / iPad / Android 向けブックマークレッ...

PhotoPinTaker：PhotoPin.comのアイキャッチ画像を拾ってきます。

javascript:b=document.getElementsByClassName('preview_img');a=new Array();for(i=0;i<b.length;i++) a[i]=b[i];for(i=0;i<a.length;i++){c=document.createElement('img');c.id=a[i].id;c.src=a[i].href.replace('.jpg','_m.jpg');c.width=180;c.addEventListener('click',function(d){window.open('http://photopin.com/phpflickr/getsizes.php?id='+d.target.id)});document.body.appendChild(c);document.write('<b> </b>')}

PhotoPinTake2：Flickr情報表示からDraftPadに転送します。

javascript:d=document.createElement('div');d.innerHTML='<pre>'+document.getElementById('photo-html-link').innerHTML+'</pre>';location.href='draftpad://insert?caret=<a href=\"'+document.getElementsByTagName('a')[0].href+'\" target=_blank><img width=500 src=\"'+document.getElementsByClassName('image-container')[0].style.background.replace(/(.+)http(.+)_m\.jpg(.+)/,'http$2.jpg')+'\"></a>'+encodeURIComponent('\n<cite><img src="http://farm4.static.flickr.com/3329/favicons/72157601614001242_7730.png" width=16>'+d.innerText+'</cite>\n');

PhotoPinの写真をDraftPadに書き込むブックマークレット PhotoPinTaker（完成版） - W&R : Jazzと読書の日々
これで取り敢えずはうまくいくんじゃないかな。二段構えになってますけど、きちんとクレジットを拾うことができるので、このまま公開可能です。まず、PhotoPin.comに入り、検索をします。http://...

AmazonLinker：アマゾンのアフィリエイト・リンクを作ります。

javascript:AmazonID= "winerose-22"; URL="http://www.amazon.co.jp/exec/obidos/ASIN/"+document.getElementById('ASIN').value+"/"+AmazonID+"/ref=nosim/";IMAGE=document.getElementById('original-main-image').src;a=document.getElementById('btAsinTitle');TITLE=a.firstChild.textContent;NAME=a.parentNode.parentNode.getElementsByTagName('a');PUB="";DATE="";RANK="";a=document.getElementsByTagName('b');for(i=0; i<a.length; i++){b=a[i].innerHTML;if(b.indexOf('CD')==0)DATE=a[i].nextSibling.textContent;if(b.indexOf('出版社:')==0 || b.indexOf('レーベル:')==0 || b.indexOf('販売元:')==0)PUB=a[i].nextSibling.textContent;if(b.indexOf('Amazon ベストセラー')==0){RANK=a[i].nextSibling.textContent.replace(/\n|\(/g,'');break;}}TABLE='<table border="0" cellpadding="5"><tr><td valign="top"><a href="'+URL+'" target="_blank"><img src="'+IMAGE+'" width="160"></a></td><td valign="top"><font size="-1"><b><a href="'+URL+'" target="_blank">'+TITLE+'</a></b><br>'+NAME[0].textContent+DATE+'<br><br>'+PUB+'<br>'+RANK+'<br><a href="'+URL+'" target="_blank"><img src="https://images-na.ssl-images-amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp8._V192265084_.gif"></a></font></td></tr></table>';location.href="draftpad:///insert?after="+encodeURIComponent('\n'+TABLE+'\n');

最初の AmazonID="winerose-22" のところは、ご自分のIDに書き換えてください。

DraftPadでAmazonリンクを作るブックマークレット AmazonLinker - W&R : Jazzと読書の日々
「Amazon Linker」初号機。ブログで音楽の紹介をしてると、Amazonへのリンクは外せない。ところが結構これって手間が掛かります。今まではG-Toolsを使っていたのですが、ASINコードを...

（追記）アマゾンの仕様が変わったので改訂版 → こちら

■DraftPad用アシスト

AppStore検索：iPadアプリを紹介するリンク・プレートを作ります。

draftpad://self/web?source=<script>document.write(%22検索中....%22);location.href=%22draftpad:///webdelegate?load=f%22;f=function(x){t=x.t;s=x.s;genre=x.genre;id=x.id;p=Number(x.p);a=t.substring(0,p)+%22\n%22;b=t.substring(p);c=%22%22;x=new XMLHttpRequest();x.open(%22get%22,%22http://itunes.apple.com/search?country=JP%26entity=%22+genre+%22%26limit=1%26term=%22+encodeURIComponent(s),false);x.send(null);j=JSON.parse(x.responseText).results;for(i=0;i<j.length;i++){app=j[i];name=app.trackName;url=app.trackViewUrl;icon=app.artworkUrl100;version=app.version;price=app.formattedPrice;artist=app.artistName;genres=app.genres;c+=%22<div name=\"%22+name+%22\" style=\"position:relative;color:#2F2F7F;padding:15px;padding-left:95px;padding-right:128px;font-weight:normal;font-size:16px;background:#CFCFFF;width:300px;border:1px solid #2F2F7F;text-shadow:0 1px 0 #FFFFFF;border-radius:5px;\"><a href=\"http://click.linksynergy.com/fs-bin/stat?id=%22+id+%22%26offerid=94348%26type=3%26subid=0%26tmpid=2192%26RD_PARM1=%22+url+%22\"><img src=\"%22+icon+%22\" style=\"position:absolute;top:12px;left:12px;border-radius:5px;width:70px;box-shadow:1px 2px 3px gray;\"></a><div style=\"font-size:18px;font-weight:bold;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">%22+name+%22 %22+version+%22</div><div style=\"font-size:12px;font-weight:bold;\">カテゴリ:%22+genres+%22<br>価格:%22+price+%22 (%22+artist+%22)</div><div style=\"clear:left;\"></div><div style=\"position:absolute;right:10px;top:14px;\"><a href=\"http://click.linksynergy.com/fs-bin/stat?id=%22+id+%22%26offerid=94348%26type=3%26subid=0%26tmpid=2192%26RD_PARM1=%22+url+%22\"><img src=\"http://r.mzstatic.com/images/web/linkmaker/badge_appstore-lrg.gif\"></a></div></div>\n\n%22;}draftpad.replace(a+c+b,a.length);}</script>&t=<@@>&s=<@>&p=<#LOC>&genre=iPadSoftware&id=uicvwrcQJ5k

終わりの方の id=uicvwrcQJ5k は、ご自分のLinkShareIDに書き換えてください。iPhoneアプリの場合は、genre=iPadSoftwareをgenre=softwareにします。

DraftPadだけでAppStoreを検索しリンク・プレートを作るアシスト - W&R : Jazzと読書の日々
朝夕に少し、秋の気配。ここのところ実験中のリンク・プレート。これをアシストで実現する方法を考えてみました。うまく行ってるのかどうか、分からない。DraftPadアシストでDropboxのファイルを読み...

tableタグ変換：選択範囲のCSV形式をtableタグ形式に変換します。

draftpad://self/web?source=<script>location.href=%22draftpad:///webdelegate?load=f%22;f=function(q){t=q.t;s=q.s;p=q.p;l=q.l;a%3Dt.substr%280%2Cp%29%3Bb%3Dt.substr%28Number%28p%29%2BNumber%28l%29%29%3Bc%3D%22%5Cn%3Ctable%20width%3D100%25%20bgcolor%3Divory%20bordercolor%3Dgoldenrod%20border%3D0%20rules%3Dall%3E%22%3Bd%3Ds.split%28%22%5Cn%22%29%3Bfor%28i%20in%20d%29%7Bc%2B%3D%22%5Cn%3Ctr%3E%22%3Be%3Dd%5Bi%5D.split%28%22%2C%22%29%3Bfor%28j%20in%20e%29%20c%2B%3D%22%3Ctd%3E%22%2Be%5Bj%5D%2B%22%3C%2Ftd%3E%22%3Bc%2B%3D%22%3C%2Ftr%3E%22%3B%7Dc%2B%3D%22%5Cn%3C%2Ftable%3E%5Cn%22;draftpad.replace(a+c+b,p,0);}</script>&t=<@@>&s=<@>&p=<#LOC>&l=<#LEN>

DraftPadでCSV形式をtableタグに変換するアシスト - W&R : Jazzと読書の日々
とてもニッチな需要かも。ことの起こりは自分のDropboxにCSVファイルを見つけたこと。ジャズ・ミュージシャンの簡単データベースです。AppleWorksかExcelか、そこあたりで昔作ったらしい。...

iHatenaSyncに転送：原稿が出来たらCopy AllしてiHatenaSyncで投稿。

ihatenasync://

はてなダイアリーにiPadから簡単投稿できる iHatenaSync - W&R : Jazzと読書の日々
iPhone版が出たときからマークしてました。念願のユニバーサル化。はてなに特化したブログ投稿アプリです。基はWindowsMobile用のアプリですが、作者の方がiPhoneにも移殖。それがさらにi...

今も変わらず使っているのは、ここあたり。早くこいこい、iPad mini。
DraftPad用の自作アシスト集