演習の流れ

この授業で DOM を学んでいくにあたっての演習の流れを説明します

1. コードを書く

HTML ファイルを作成して、そこにコードを書いていきます

2. HTML ファイルをローカルで立ち上げる

VS Code の「Live Server」という拡張機能を使用します

Live Server をインストールすると、VS Code 右下のステータスバーに「Go Live」と書かれたボタンが出てきます
これを、HTML ファイルをエディタで開いている状態で押すと、ローカルサーバー上のウェブページを見ることができます
※GitHub Pages などとは違ってローカルで動かしているので自分からしか見られません!

立ち上げた HTML のページを見て、動作を確認しましょう！