AMP

セットアップ

前提条件

このチュートリアルを始める前に、次のものが必要となります。

  • HTML、CSS、JavaScript の基本的な知識
  • JavaScript コンソールを確認できる任意のブラウザ
  • 任意のテキストエディタ

開発環境のセットアップ

ステップ 1. コードをダウンロードする

チュートリアル用のサンプルコードを ZIP ファイルとして、または git コマンドを使ってダウンロードします。

git clone https://github.com/googlecodelabs/accelerated-mobile-pages-foundations.git

ダウンロードしたアーカイブファイルを解凍し(必要な場合)、パソコンのコマンドラインを使ってプロジェクトディレクトリに移動します。

cd accelerated-mobile-pages-foundations

このプロジェクトディレクトリには、複数のサンプルリソース ファイルと、開始ページの article.html が含まれています。

ステップ 2. サンプルページを実行する

サンプルページをテストするには、ウェブサーバーからファイルにアクセスする必要があります。テストを目的として一時的なローカルウェブサーバーを作成するには、複数の方法があります。次のような選択肢がありますので、最適なものを選んでください。

注意: 本番環境では HTTPS を使用することを強くお勧めします。HTTPS には SEO など、セキュリティ以外のメリットもあります。このトピックについては、こちらの Google ウェブマスター向け公式ブログの投稿をご覧ください。

ローカルウェブサーバーをセットアップしたら、ブラウザでこちらの URL からサンプルの記事にアクセスします。

http://localhost:8000/article.html