JavaScriptの実行環境として開発者ツールがよく使われます。便利な反面、手順などの説明は別途ドキュメントが必要になります。ドキュメントを見ながらコードを実行するのは、読み違えてしまったり、どこまで読んだか分からなくなるリスクがあります。 そこで使ってみたいのがjavascript-notebookです。簡易的なJavaSript版Jupyternote Bookです。

javascript-notebookの使い方

メイン画面です。テキストを編集したり、コードを記述できます。コードを実行すると、下の行に結果が出力されます。

コードは各ブロックで独立しているので、constを繰り返し使えます。

javascript-notebookは上のテキストエリアにコードを書いて、最後の行の評価結果が次のテキストボックスに表示されます。テキストの記述もできるので、説明はそこに記述すれば良いでしょう。ステップバイステップでプログラミングを学んだりするのに役立ちそうです。

javascript-notebookはHTML/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

js+help timcwinkler/javascript-notebook: Very simple self-contained javascript notebook