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 ページが機能していることを確認します。