設定
必要な準備
このチュートリアルを始める前に、次のものが必要となります。
- 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 ページが機能していることを確認します。