螺旋階段を一歩ずつ

研究のタネから趣味のネタまで

AppStoreリンクの貼り方

昨日の記事 で使ったAppStoreリンクの貼り方をまとめてみます。

これ↓

App

FlickStackr - Flickr 価格: ¥170(記事公開時)

アプリを使ってます

AppStoreHelperというMacアプリで、Formatの指定ができるスゴいツールです。

ダウンロード先
ひとりぶろぐ » 【30倍速い】iPhone/Macブロガー専用htmlジェネレータAppStoreHelperテスト版

僕はRubyCocoa版の最新版(2013年6月現在)をダウンロードしました。

appstorehelper_dl by hironow365, on Flickr

使い方

Appを検索してCopy tagでオッケー。

appstorehelper by hironow365, on Flickr

Sphinxのディレクティブに合わせたFormatはこんな感じ

appstorehelper_format by hironow365, on Flickr
.. figure:: $sIconUrl$
    :target: $trackViewUrl$
    :alt: App
    :class: img-app-icon img-rounded pull-left

    `$appName$ <$trackViewUrl$>`_ 価格: $pricePrivate$(記事公開時)

指定したマクロは4つ。他にもたくさんのマクロを使うことができます。

$sIconUrl$:アイコン画像のURL
$trackViewUrl$:Appの固有ページのURL
$appName$:Appの名前
$pricePrivate$:Appの価格(円マークが未エスケープ)

Note

CSSBootstrapも使ってます)

/* image for app ad */
.img-app-icon {
    margin-right: 1.2em;
}

.caption {
    *zoom: 1;
    margin-top: 1.2em;
}

.caption:before,
.caption:after {
    display: table;
    line-height: 0;
    content: "";
}

.caption:after {
    clear: both;
}

具体例

iPhoneのアプリの他、iPad, Macのアプリも使えます。

iPhone

App

GoodReader for iPhone 価格: ¥450(記事公開時)

iPad

App

GoodReader for iPad 価格: ¥450(記事公開時)

Mac

App

Xcode 価格: 無料(記事公開時)