AMP

設定

必要な準備

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

  • HTML、CSS、JavaScript の基本的な知識
  • お好みのブラウザ
  • お好みのテキスト エディタ
  • お使いのマシンに Node.js と NPM をインストールしておくこと

開発環境を設定する

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

チュートリアルのスターター コードを ZIP ファイルとして、または次のように git コマンドを使ってダウンロードします。

git clone https://github.com/googlecodelabs/advanced-interactivity-in-amp.git

ステップ 2. 依存関係をインストールする

ダウンロードしたアーカイブ ファイルを解凍し(必要な場合)、そのディレクトリに移動します。npm install を実行して依存関係をインストールします。

cd advanced-interactivity-in-amp
npm install

ステップ 3. 開発用サーバーを稼働させる

node.js を使って開発用サーバーを起動します。

node app.js

次に、ウェブブラウザで http://localhost:3000 に移動して、AMP ページが機能していることを確認します。