iOSでプログラミングする一番簡単な方法 SafariRun
そうだ、Safariをキャンバスにすればいいんだ。
DraftPadにプログラムを書いてSafariに実行させる。DraftPadで実行してもいいんですが、Safariだと良いことが二つあります。一つは、気に入ったらブックマークしておくだけで何度でも使える。もう一つが、別の環境でもSafariで実行できる。汎用性が高いです。DraftPad 1.6.2
分類: 仕事効率化,ユーティリティ
価格: 無料 (Manabu Ueno)
draftpad://self/web?source=<script>function main(x){link=%22data:text/html;charset=UTF-8,<meta name=viewport content=initial-scale=1><meta name=apple-mobile-web-app-capable content=yes><link rel=apple-touch-icon-precomposed href=%22+x.icon+%22><sc%22+%22ript>%22+encodeURIComponent(x.script)+%22</sc%22+%22ript>%22;s=%22https://dl.dropboxusercontent.com/u/56343898/data.html?%22+encodeURIComponent(link);draftpad.jump(s)}location=%22draftpad:///webdelegate?load=main%22</script>&script=<@@>&icon=http://icons.iconarchive.com/icons/graphics-vibe/developer/256/javascript-icon.png登録リンクはこちら→ http://tinyurl.com/n3no6u3
おもむろにプログラムを書く。書式はJavascriptです。たとえば、あるキーワードの含まれるページだけを過去の記事から抜粋する場合。site にブログのURLアドレスを入れ、Googleで検索します。スクリプトは下記の通り。これをDraftPadに書く。
site="http://d.hatena.ne.jp/wineroses/";
word=prompt("キーワードは？");
if(word) location="http://www.google.co.jp/search?q="+word+"+site:"+site;
SafariRunを実行するとSafariが起動しスクリプトが走ります。もしここに「Coltrane」と入れれば、過去に取り上げたコルトレーンのアルバムが絞り込める寸法。
とりあえずキャンセルし、箱ボタンから「ブックマーク」すれば、いつでも再利用できる。さらにiCloud経由でブックマークの共有が行なわれていれば、他のデバイスでも実行できます。その上、ブックマークからブックマークレットの部分をコピペすれば、プログラムを公開することさえできます。iOSで走るプログラムの完成です。
data:text/html;charset=UTF-8,%3Cmeta%20name=viewport%20content=initial-scale=1%3E%3Cmeta%20name=apple-mobile-web-app-capable%20content=yes%3E%3Clink%20rel=apple-touch-icon-precomposed%20href=http://icons.iconarchive.com/icons/graphics-vibe/developer/256/javascript-icon.png%3E%3Cscript%3Esite%3D%22http%3A%2F%2Fd.hatena.ne.jp%2Fwineroses%2F%22%3B%0Aword%3Dprompt(%22%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89%E3%81%AF%EF%BC%9F%22)%3B%0Aif(word)%20location%3D%22http%3A%2F%2Fwww.google.co.jp%2Fsearch%3Fq%3D%22%2Bword%2B%22%2Bsite%3A%22%2Bsite%3B%0A%3C/script%3E
dataスキームのプログラムなので、結構複雑なこともできる。DraftPadの URL Decode アシストを使い、元のスクリプトを取り出すのも簡単。良いことづくめのような気がしてきた。ここまでするなら、スクリプトをtinyurl.com経由で短縮URLにすればいいじゃん。
draftpad://self/web?source=<script>function main(x){link=%22data:text/html;charset=UTF-8,<meta name=viewport content=initial-scale=1><meta name=apple-mobile-web-app-capable content=yes><link rel=apple-touch-icon-precomposed href=%22+x.icon+%22><sc%22+%22ript>%22+encodeURIComponent(x.script)+%22</sc%22+%22ript>%22;s=%22http://tinyurl.com/api-create.php?url=%22+encodeURIComponent(link);q=new XMLHttpRequest();q.open(%22get%22,s,false);q.send(null);s=x.script+%22\n%22+q.responseText;draftpad.replace(s,s.length)}location=%22draftpad:///webdelegate?load=main%22</script>&script=<@@>&icon=http://icons.iconarchive.com/icons/graphics-vibe/developer/256/javascript-icon.png登録リンクはこちら→ http://tinyurl.com/pup54vo
このアシストを実行すると短縮URLに変わる。これを配布すれば、友だちにだってプログラムを渡すことができる。難しいアプリは作れないけれど、必要なアプリはその場で作れる。Appleの審査なんて要らない。手軽にプログラミングできる環境の出来上がり。
Javascriptを一から勉強するなら、この本がオススメです。必要な考え方が分かりやすく書いてある。後はネット上で調べると、参考になるスクリプトがいっぱいあります。マンガでわかるJavaScript [単行本]
作者: クロノス・クラウン 柳井 政和
価格: ￥ 1,690
