新AppHtmlへの移行アシスタントツールを作りました

Main

タイミング逃した感じがしますが旧AppHtmlのデザインテンプレートを新AppHtmlに移行するためのアシスタントツールを作りました。

旧AppHtmlブックマークレットからテンプレートを抽出して新AppHtmlの予約語に変換するツールです。変換後は新AppHtmlのブックマークレット版、Web版、AppHtmlMEへ貼り付けます。ブログで紹介されている旧AppHtmlのカスタマイズ・テンプレートにも適用可能です。

旧AppHtmlのブックマークレットをコピー

ブラウザに登録してあるAppHtmlのブックマークレットを編集状態にして、URLにあるjavascript:から始まる文字列を全てコピーします。

old-AppHtml

移行アシスタントに貼り付けて実行

AppHtml移行アシスタントのページにアクセスします。

[sharepost url=”http://dl.dropboxusercontent.com/u/4670649/javascript/apphtmlbkmkdecoder.html” hatebu=”false”]

コピーしたブックマークレットをテキストエリアにそのまま貼り付けます。旧AppHtmlのブックマークレットの場合はチェックボックスをオンにしたまま「実行」ボタンをクリック。

Paste Area

ブックマークレットからテンプレート部分のみを抽出、エンコード(unescape関数)、新AppHtmlがサポートしていない予約語を変換します。変換した予約語は確認できるように表示します。

Converted Template

Web版またはAppHtmlMEの場合は、抽出・変換されたHTMLをそのままテンプレートとして利用できます。

新AppHtmlでテンプレートをカスタマイズ

ブックマークレット版について若干補足します。AppHtmlブックマークレット・メーカーで(検索対象)からiPhoneやiPad等を選択して(出力先)と(検索件数)をプルダウンから指定します。(書式テンプレート)はそのままにして下のテキストエリアに移行アシスタントで抽出・変換したHTMLを貼り付けます。

AppHtml Template Customize

必要に応じてスクリーンショットの画像長辺やユニバーサルアプリの画像倍率、PHGアフィリエイトトークンを指定してBookmarkletを生成をクリックしてブックマークレットの完成です。

新AppHtmlでサポートしていない旧予約語は類似のものに変換していますので、変換後のテンプレートが正しく表示されているか確認し適宜修正してください。

HTMLテンプレートから旧予約語の変換が可能

移行アシスタントはHTMLテンプレートの予約語変換機能だけとしても使えます。たとえばブログ等で旧AppHtmlのテンプレートとして紹介されているテンプレート(改行は削除)を貼り付ければ、新旧の予約語を変換することができます。その場合は、チェックボックスの「旧ブックマークレット」をオフにしてください。

新旧AppHtmlの予約語を変換対比表

新AppHtmlは音楽や映画などのコンテンツ拡大にともなって旧AppHtmlの予約語を変更または削除しています。移行アシスタントはこの対比表に基づいて変換しています。

予約語
アプリ名 appname name
バージョン version
価格 price
タイトル title name version (price)
カテゴリ category
サイズ appsize
発売日 pubdate
販売元 seller
販売元サイト sellersite sellerurl
販売元 iTunes selleritunes artisturl
アイコンURL icon175url icon100url
icon100url
icon75url icon100url
icon53url icon60url
リンクシェアURL linkshareurl url
アプリURL url
稼働条件

moveos
メインOS os

ゲームセンター対応 gamecenter
ユニバーサル対応 univ

言語 lang

レーティング rating
現バージョン評価 curverrating curuserrating
現バージョン星 curverstar curuserrating
現バージョンレビュー数 curreviewcnt curuserratingcnt
全バージョン評価 allverrating userrating
全バージョン星 allverstar userrating
全バージョンレビュー数 allreviewcnt userratingcnt
アプリ説明 desc
新機能説明 descnew
スクリーンショット1 image1
スクリーンショット2 image2
スクリーンショット3 image3
スクリーンショット4 image4
スクリーンショット5 image5
Univスクリーンショット1 univimage1

Univスクリーンショット2 univimage2

Univスクリーンショット3 univimage3

Univスクリーンショット4 univimage4

Univスクリーンショット5 univimage5

テンプレートのカスタマイズについて

テンプレートをカスタマイズする際にはアップル社のガイドラインを参照するようにしてください。