プログラムが動かない時

症状：何も表示されない。

エラーが出ていないかJavaScriptコンソールで調べる
Chrome: ⌘+Option+I（Windowsの場合はCtrl+Option+I）
Safari: ⌘+Option+I

症状：JavaScriptコンソールで見ると、エラーが出ている。

  1. Uncaught (in promise) ReferenceError: xxxxxx is not defined
    変数名や関数名にスペルミスがある
    変数がまだ宣言されていない
  2. Uncaught SyntaxError: missing ) after argument list (at sketch.js:xx:xx)
    「at sketch.js:xx:xx」の箇所にスペルミスがある。もしくは括弧が閉じられていない。
  3. Uncaught SyntaxError: Unexpected end of input (at sketch.js:xx:xx)
    function、if文、for文などの波括弧（{…}）がちゃんと閉じられていない。
  4. Uncaught SyntaxError: Unexpected token ‘}’ (at sketch.js:xx:xx)
    余計な文字が入っている（この場合、「}」が1つ多い）。
  5. Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘length’)
    インスタンスオブジェクトのメンバ変数「xxx」にアクセスしようとしているが、そもそもインスタンスが定義（初期化）されていない。
    もしくは、配列のメンバ変数を取得しようとしているが、そもそも配列が宣言されていない。

症状：プログラムを書き換えたけど、実行結果に変化がない。

  1. スケッチファイルをちゃんと保存したか確かめる。
  2. ブラウザのスーパーリロードを試す。
    ブラウザにキャッシュが残っているのが原因と思われるので、以下の手順で強制的に再読み込みする。
    ・Chrome: ⌘+Shift+R（WindowsはCtrl+Shift+R）
    ・Safari: Shiftを押しながら更新ボタン
  3. ブラウザを一旦閉じ、シークレットウィンドウ（プライベートウィンドウ）を開き、スケッチをそこにドラッグ＆ドロップして開く。
    ・Chrome: ⌘+Shift+N（WindowsはCtrl+Shift+N）
    ・Safari: ⌘+Shift+N
  4. スケッチを開いているウィンドウを閉じてから、ブラウザのキャッシュをクリアする。
    ・Chrome: メニューの「Chrome」から「閲覧履歴を消去…」を選択し、「キャッシュされた画像とファイル」にチェックを入れた状態で「データを削除」をクリックする（他のところにはチェックを入れなくていい）。

    ・Safari: メニューの「開発」>「キャッシュを空にする」をクリックする。