AMP
Something went wrong while trying to load more search results.
We apologize for the inconvenience caused.
Please try again later.

;(

Something went wrong…

…while trying to load the search results.
We apologize for the inconvenience caused.
Please try again later.

設定

必要な準備

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

  • 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