はじめてのWebアプリ制作:公開して確かめる

ローカルで最終確認する

公開する study-log フォルダには次の3ファイルだけで動く状態を作ります。

study-log/
├── index.html
├── style.css
└── app.js

次を確認します。

  1. index.html を開いて入力・追加・削除ができる。
  2. 再読み込みしても記録が残る。
  3. ブラウザ幅を狭くしても操作できる。
  4. Consoleに赤いエラーがない。
  5. HTML内の style.css と app.js の綴りが実ファイルと一致する。

公開先では大文字と小文字が区別されます。ローカルで見えても公開後にCSSだけ消える場合は、参照名を最初に確認します。