iPhone/iPadアプリ紹介AppHTMLをカスタマイズしてみました

オリジナリティを醸したい。


AppHtmlメーカー
検索対象を指定して下さい(随時追加予定...)

お世話になってるAppHTML。iPhone/iPadアプリの紹介リンクをDraftPadに書き出します。基本はブックマークレットですが、これをMyShortcutsに登録しておけば、通知センターから活用できます。Safariの起動を待たなくても呼び出せる。

iOS/Macアプリ紹介のAppHtmlが大幅リニューアル | 普通のサラリーマンのiPhone日記


書式テンプレートは、昨日のタグでカスタマイズしました。

<div name="${title}" 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="${linkshareurl}"><img src="${icon100url}" style="position:absolute;top:12px;left:12px;width:70px;"></a><div style="font-size:18px;font-weight:bold;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">${title}</div><div style="font-size:12px;font-weight:bold;">カテゴリ: ${category} <br>販売元: ${seller} </div><div style="clear:left;"></div><div style="position: absolute;right:10px;top:14px;"><a href="${linkshareurl}"><img src="http://r.mzstatic.com/images/web/linkmaker/badge_appstore-lrg.gif"></a></div></div>

iPhone/iPadで読める脱力系4コマまんが「海底あるある」


f:id:wineroses:20120809001336j:image

ところが、このままMyShortcutsに登録しても動かないんです。エンコードが必要。方法は、一度Safariに登録するだけ。すると、次に「編集」で開いたとき、ブックマークレットの特殊記号だけエンコードされてます。これをMyShortcutsに持っていく。

MyShortcutsでJavascriptを動かしDraftPadに貼り付ける方法


MyShortcuts+Viewer 1.2(¥85)
カテゴリ: ユーティリティ, 仕事効率化
販売元: Unit Kay - Takeyoshi Nakayama

こんな感じになります。書式テンプレートの書き換えは面白いですね。自分だけのリンク・プレートが作れる。ブログに変化を持たせる小技になります。


書式テンプレートにこんな変数が使えます(主なものだけ)。

${appname}    アプリの名前
${version}    バージョン
${price}      値段
${title}        上の三つを合わせたもの
${linkshareurl} アプリのURLアドレス
${icon100url}   アイコンのURLアドレス
${seller}   販売元
${category} カテゴリー
${appsize}  サイズ
${pubdate}  公開日
${rating}   レーティング
wineroses
wineroses