Textwellだけでアプリの紹介リンクを作れる便利なAppSearch。

f:id:chiroru_27:20131018184800j:plain
DraftPadの中で一番使ったアシスト「AppSearch」。
早速winerosesさんがTextwell版を公開してくれました！
Textwellでアプリの紹介リンクを作成する AppSearch - W&R : Jazzと読書の日々

アプリ紹介をする人には重宝すること間違い無しのアクションです
ぜひ使ってみて下さい！

この記事では画像サイズ変更など
私のスタイルに合わせて少し弄ったソースを紹介します。

どうも、@chiroru_27 です
さて、これで第三回目。
今回は私が最も多用しているDraftPadアシスト「AppSearch」のTextwell版の紹介です。
↓ こんな感じで紹介リンクを作成してくれる凄いやつ。

Textwell 1.1.4
分類: 仕事効率化,ユーティリティ
価格: ¥300 (Sociomedia)

AppSearch

このアクションはwinerosesさんが公開したTextwell版をイジったものです。
以下の変更に興味のない方はwinerosesさんのをどうぞ。
Textwellでアプリの紹介リンクを作成する AppSearch - W&R : Jazzと読書の日々

変更点。

## 変更点
2013年10月17日

出力画像URLに「100x100-75」を追加。

iPad miniなどで表示してもギザギザにならないようにしました。

アイコンをタップした場合の処理を変更。

タイトルをタップした時と同様に、プレートを作成するようにしました。

アフィリエイト関連の設定を削除。

styleを削除し、class='applink'に変更。

不要になったリンクプレートの設定も削除しました。

blockquote要素をdiv要素に変更しました。

imgのstyleを削除しました。

比較

上がオリジナル、下が調整後です。

f:id:chiroru_27:20131018184800j:plain
※iPad miniで表示させた場合です。PCではオリジナルでも綺麗に表示されます。
ファイルサイズも小さくなるので、読み込み時間短縮にもなると思います。
追記
2013年10月21日
~~iOS7にした所ギザギザにはならなくなりました。~~　訂正：変わっていませんでした。
またCSSを少し修正しました。

今回の比較は以下の環境のものです。

iOS6の最新
Safari

ソース

styleを削除したので、cssの編集が必要です。
cssはアクションの下にあります。

アクション

>>登録はこちら。

color="slate";
title="darkblue";

type=(confirm("・iPhone用→[Cance]\n・iPad用→[OK]"))? "iPadSoftware":"software";
q=new XMLHttpRequest();
q.open("get","http://itunes.apple.com/search?country=JP&entity="+type+"&limit=100&term="+encodeURIComponent(T.current),false);
q.send(null);
res=JSON.parse(q.responseText).results;
document.write("<meta name=viewport content=initial-scale=1><title>"+T.current+"</title>");
for(i=0;i<res.length;i++){
  app=res[i];
  url=app.trackViewUrl;
  link=url;
  name=app.trackName;
  icon=app.artworkUrl60;
  icon100=app.artworkUrl100.replace(/(\.[^.]+$)/ , ".100x100-75$1");
  version=app.version;
  price=app.formattedPrice;
  artist=app.artistName;
  genres=app.genres;
  plate="<div name='"+name+"' class='applink'><a href="+link+" style='color:"+title+";'><img width=80 align=left src="+icon100+"><font size=+1><strong>"+name+" "+version+"</strong></font></a><br/><font size=-1 style='color:"+color+";'>分類: "+genres+"<br/>価格: "+price+" ("+artist+")</font><br clear=all></div>\n";
  sample="<div style=color:white;background-color:black;padding:10px;><a onClick=T('replaceCurrent',{text:unescape('"+escape(plate)+"')})><img align=left width=75 src="+icon+" style=border-radius:5px;><strong>"+name+" "+version+"</strong></a><br>分類:"+genres+"<br>価格:"+price+" ("+artist+") <a href="+url+"><img src=http://r.mzstatic.com/ja_jp/images/web/linkmaker/badge_appstore-sm.gif></a><br clear=all></div>";
  document.write(sample);
}
document.write("<hr>");

CSS

/* applink */
.entry-content div.applink {
  background: white;
  padding: 10px;
  border-radius: 2px;
  border: 1px solid LightGray;
  min-height: 100px;
}

.entry-content div.applink img {
  border-radius: 20px;
  margin: 1px 15px 1px 1px;
  border: 1px white solid;
}