LoginSignup
2

More than 5 years have passed since last update.

10分で作れるAMPページ

Last updated at Posted at 2018-06-30

長らく放置していたホームページを一からリニューアルするにあたり、せっかくなのでAMP(Accelerated Mobile Pages)に対応させてみようと思います。

1. AMPとは?

2. テンプレートの入手

いちからハンドコーディングするのもいいですが、AMPでWebページを作成する際の初期テンプレートは、下記URLから入手することが出来ます。

AMP Play ground

ソースコードをコピーし、任意のHTMLファイルに貼り付けて保存をするだけで、AMPページは完成です。

3. AMPテスト

念のため、先ほど作ったHTMLファイルがブラウザにAMPページとして認識されるかどうかを確認してみます。
HTMLファイルをサーバーにアップし、URLを下記のフォームに入力すると検証を行うことが出来ます。

AMPテスト

スクリーンショット 2018-06-30 21.17.26.png

↓↓↓

スクリーンショット 2018-06-30 21.17.07.png

無事、AMPページとして認識して貰えたようです。


以上で、AMPページの下準備は完了です。
今日はここまで。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2