FAQ¶
AMP¶
- AMPとは?
- AMP(Accelerated Mobile Pages)とは、モバイル体験を「より高速に」「より快適に」するための新しい技術で、2017年11月現在、40億以上の AMPページと、2,500 万以上のAMPサイトに拡がっています。 AMPに対応することで「ユーザー体験の向上」と「アクセス数の増加」が大きく期待できます。
- AMPの公式ドキュメントはどこにありますか?
- https://www.ampproject.org/docs/ になります。
Rabbit¶
- Rabbitとは?
- AMP対応するためのクラウドサービスです。あわせてこちらも参照ください。
- Rabbitを試用することはできますか?
- Rabbitサービスの試用プランは準備しておりませんが,AMP ジェネレーター機能を無料ツールとして提供しております。 https://generator.rabbit.gomobile.jp/ からご利用可能です。
- どのプランを選べば良いですか?
- https://gomobile.jp/rabbit/ にプランによる違いを分かりやすくまとめた比較表がございますので,ご検討ください。
サイト開発¶
- AMPページはゼロから制作する必要がありますか?
Rabbit IDEで、オリジナルページからAMPページを生成する ジェネレーター機能 を提供しています。 本機能を利用することでページ制作のボリュームを大幅に削減することが可能です。
- 複数テンプレートで使用するHTMLを共通化するには?
スニペットという機能を提供していますので,共通化したい部分のHTMLをスニペットとして作成し,テンプレートにスニペットを埋め込むという使い方が可能です。
- オリジナルページのコンテンツをAMPページに流用するには?
CSS Selector または XPath を使ってオリジナルページからコンテンツを取得することが出来ます。Rabbit.Selector API または Rabbit.XPath APIを利用してコンテンツを取得し,テンプレートに変数を埋め込むことで可能です。
- Rabbitにアップロードしたファイルのパスは?
アップロードフォルダは __CONTENTS_ROOT__ 定数で取得できます。
<!--{= __CONTENTS_ROOT__ }-->/images/image.png
- imgタグをamp-imgに変換するには?
デフォルトスニペットとしてimgをamp-imgタグに変換するamp-imageスニペットを準備しています。テンプレートで,amp-imageスニペットを含んでいるamp-filtersスニペットを読み込むことで変換が可能です。 詳細は スニペット を参照ください。
- 特定条件の場合に要素を表示するには?
Rabbitの IF 文 を使用することが出来ます。
<!--{if 条件}-->表示する<!--{/if}-->
条件がオリジナルページの要素の有無の場合には,Rabbit.Selector APIのtest関数を使用することが出来ます。
<!--{if Rabbit.Selector.test(‘#sale-item)}-->セール商品です<!--{/if}-->
更に,Rabbit.Selector のエイリアス「S」を使って構文を短くすることも出来ます。
<!--{if S.test(‘#sale-item) === true}-->セール商品です<!--{/if}-->
- セレクタで要素を取得できない場合は?
XPathを使用することが出来ます。Rabbit.XPath を利用ください。