chakoku https://blog.hatena.ne.jp/chakoku/ chakokuのブログ(rev4) https://chakoku.hatenablog.com/ Scratch3の拡張機能を使って新しいブロックを作る時なかなかバグが取れない。実行環境がブラウザなので、ブラウザで表示されない場合に原因が特定しづらい。デバッグ*1する際、少し調べると、Chrome等のDevToolでデバッグするのが可能と分かった。ビルドは通ったけどブラウザ側で正しく動かないという場合、DevToolでコンソールを出しておくとどこでエラーになっているのかログが出されるので原因の特定が可能になる。さらに、JavaScriptのソース行にブレーク設定しておけばステップ実行することもできる。 以下は「拡張機能を作ってみよう」のサンプル(newblocks)のindex.jsにブレ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchakoku.hatenablog.com%2Fentry%2F2021%2F12%2F28%2F114515" title="Scratch3の拡張機能の開発にChromeのDevToolを使ってデバッグ - chakokuのブログ(rev4)" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/c/chakoku/20211228/20211228114453.png Hatena Blog https://hatena.blog 2021-12-28 11:45:15 rich https://chakoku.hatenablog.com/entry/2021/12/28/114515 1.0 100%