JS Notebook
JS Notebookとは，主にJavaScriptの自主学習で使用することを想定した，説明中に挿入されているコードをそのまま実行する学習用のページです．説明とソースコードと実行結果を比べながら学習でき，さらにソースコードを編集して違いを見ることもできます．
学習用ページ
基本文法関連
JavaScriptの基本的な文法を説明しています．
グラフィックス関連
Canvas APIの使い方を以下のリンクで説明しています．
サウンドプログラミング関連
サウンドプログラミングのワークショップを行いました．その資料を以下にまとめてあります．
| 章 | リンク |
|---|---|
| 0 | はじめに |
| 1 | 基本的な文法，Sin波の鳴らし方，音量の変更 |
| 2 | 周波数の変え方，和音を鳴らす，矩形波の合成，楽器音 |
| 3 | 波形を可視化する |
| 3の関連ページ | Canvas APIの使い方 |
| 4 | ビブラート，FM音源，アナログシンセサイザー |
| 5 | 畳み込み演算 |
| アクティビティ | キーボードのひな形，ボタンクリックで音を鳴らす，クラス |
ファイル操作関連
ローカルファイルをアップロードする方法と，Webページ側にあるデータをローカルにダウンロードする方法を説明しています．
DOM要素関連
DOM要素の取得・作成方法を以下のリンクで説明しています．
テキストを作りたい方へ
書式などを以下のページにまとめてあります
Change log
| 日付 | 種別 | 変更点 |
|---|---|---|
| 2020/ 5/ 5 | 変更 | 図の形式をPNGからSVGに変更 |
| 2022/ 8/21 | 機能追加 | 簡単な図形描画のためにMermaidに対応させた |
| 2022/ 9/26 | 追加 | ファイル操作を追加 |
| 2022/10/ 4 | 変更 | プログラムコードを実行する部分の処理を刷新 |