DraftPad用AppSearchをカスタマイズしやすくしました

といっても、色の指定をくっつけただけですが。


DraftPad用AppSearchの使い勝手が20%アップしました
WebDelegateの新技は助かります。DraftPadでAppStoreを検索するアシスト。最終的にリンクプレートを作るのですが、今まで一つだけ欠点があった。検索のために最初に書くキーワードが文中...
iPhone/iPad用のアプリを検索し、ブログに紹介用リンクプレートを貼り付けるためのアシスト。作った自分でもカスタマイズに手間取るので、配色のところだけアシストの末尾に置いてみました。あと、アイコン取得機能も復活させました。

draftpad://self/web?source=<meta name=viewport content=initial-scale=1><title><@></title><body bgcolor=gray><script>function main(x){type=(confirm(%22・iPhone用→[Cance]\n・iPad用→[OK]%22))? %22iPadSoftware%22:%22software%22;req=new XMLHttpRequest();req.open(%22get%22,%22http://itunes.apple.com/search?country=JP%26entity=%22+type+%22%26limit=100%26term=%22+encodeURIComponent(x.s),false);req.send(null);res=JSON.parse(req.responseText).results;for(i=0;i<res.length;i++){app=res[i];url=app.trackViewUrl.replace(/%26uo=4/,%22%22);link=%22http://click.linksynergy.com/fs-bin/stat?id=%22+x.LinkshareID+%22%26offerid=94348%26type=3%26subid=0%26tmpid=2192%26RD_PARM1=%22+url;name=app.trackName;icon=app.artworkUrl60;icon100=app.artworkUrl100;version=app.version;price=app.formattedPrice;artist=app.artistName;genres=app.genres;plate=%22<blockquote name=\"%22+name+%22\" style=\"background-color:%22+x.background+%22;padding:10px;border-radius:5px;border:1px solid %22+x.border+%22;\"><a href=%22+link+%22 style=\"color:%22+x.title+%22;\"><img width=80 align=left src=%22+icon100+%22 style=\"border-radius:5px;margin:1px 15px 1px 1px;box-shadow:1px 2px 3px gray;\"><font size=+1><strong>%22+name+%22 %22+version+%22</strong></font></a><br/><font size=-1 style=\"color:%22+x.color+%22;\">分類: %22+genres+%22<br/>価格: %22+price+%22 (%22+artist+%22)</font><br clear=all></blockquote>\n%22;document.write(%22<div style=color:white;background-color:black;padding:10px;><font size=+1><a onClick=draftpad.insert(%27\\n%22+icon100+%22\\n%27)><img align=left width=75 src=%22+icon+%22 style=border-radius:5px;></a><a onClick=draftpad.replaceCurrent(unescape(%27%22+escape(plate)+%22%27))><strong>%22+name+%22 %22+version+%22</strong></a><br></font><font size=-1>分類:%22+genres+%22<br>価格:%22+price+%22 (%22+artist+%22) <a href=%22+url+%22><img src=http://r.mzstatic.com/ja_jp/images/web/linkmaker/badge_appstore-sm.gif></a></font><br clear=all></div>%22)}document.write(%22<hr>%22)}location=%22draftpad:///webdelegate?load=main%22</script></body>&s=<@>&color=slate&title=darkblue&background=ghostwhite&border=lightgray&LinkshareID=uicvwrcQJ5k

登録リンクはこちら→ http://tinyurl.com/qan8xn6
末尾のLinkshareIDをご自分のリンクシェアIDに書き換えてください。



アプリ名を書いてアシストを起動すると、アプリのリストを生成します。iPhone/iPad両用。このリストでアイコンのところをタップするとアイコンのURLアドレス、タイトルの部分をタップすると紹介用のリンクプレートをDraftPadに貼りこみます。また、[App Store]ボタンでAppStoreを起動し、さらに詳細な説明を見ることができます。


DraftPad 1.6.2
分類: 仕事効率化,ユーティリティ
価格: 無料 (Manabu Ueno)

リンクプレートをブログで見ると、上のように表示されます。
で、今回の目玉はカスタマイズ。アシストの後ろのほう。color とか title とか並ぶ部分で配色を決めることにしました。それぞれの意味は下記のようになります。

 color : 説明文の色
 title : アプリのタイトルの色
 background : リンクプレートの背景色
 border : リンクプレートの縁取りの色


DraftPad 1.6.2
分類: 仕事効率化,ユーティリティ
価格: 無料 (Manabu Ueno)

「&color=gray&title=black&background=white&border=white」。シンプルにモノクロとか。


DraftPad 1.6.2
分類: 仕事効率化,ユーティリティ
価格: 無料 (Manabu Ueno)

「&color=black&title=#220000&background=#ebede2&border=#c8bbbe」。カラーコードを埋め込む方法も使えます。お好きにカスタマイズしてください。