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