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コマまんが「海底あるある」
ところが、このままMyShortcutsに登録しても動かないんです。エンコードが必要。方法は、一度Safariに登録するだけ。すると、次に「編集」で開いたとき、ブックマークレットの特殊記号だけエンコードされてます。これをMyShortcutsに持っていく。
MyShortcutsでJavascriptを動かしDraftPadに貼り付ける方法
こんな感じになります。書式テンプレートの書き換えは面白いですね。自分だけのリンク・プレートが作れる。ブログに変化を持たせる小技になります。
書式テンプレートにこんな変数が使えます(主なものだけ)。
${appname} アプリの名前 ${version} バージョン ${price} 値段 ${title} 上の三つを合わせたもの ${linkshareurl} アプリのURLアドレス ${icon100url} アイコンのURLアドレス ${seller} 販売元 ${category} カテゴリー ${appsize} サイズ ${pubdate} 公開日 ${rating} レーティング