IT 研修 JavaScript
2023 年 8 月 22–23 日
担当: 香川 考司(香川大学創造工学部)
自己紹介
配布プリント・練習問題
ダウンロード
サンプルプログラムと参考リンク
-
§ 1.4
alert1.html
(js),
alert2.html
(js),
console.html
(js),
- § 1.6
let.html
(js),
const.html
(js),
arithmetic.html
(js),
varSample1.html
(js),
varSample2.html
(js),
- § 1.7
hello.html,
domSample.html,
cssSample.html,
querySelector.html,
querySelector2.html,
MDN: CSS セレクター,
Document,
HTMLInputElement,
HTMLElement,
Element,
Node,
CSS プロパティリファレンス
- § 1.8
cube.js,
MDN: this,
アロー関数
- § 1.9
onclick.html,
addEventListener.html,
input.html
(js)(プリント不掲載),
factorial.html,
script.html
(js),
requestAnimationFrame.html
(js),
templateLiteral.html
(js),
requestAnimationFrame2.html
(js),
MDN: Date
- § 1.10
if.html
(js),
conditional.html
(js),
for.html
(js),
- § 1.11
forOf.html
(js),
array.html
(js),
array2d.html
(js),
higherOrderFunction.html
(js),
destructuring.html
(js),
spreadSyntax.html
(js),
MDN: 配列,
スプレッド構文,
残余引数
- § 1.12
this.html
(js),
- § 1.13
regexp.html
(js),
MDN: 正規表現,
String,
便利な文字列メソッド
- § 1.14
generator.html
(js),
logicTurtle.html
(js)(プリント不掲載),
primes.html
(js),
queens.html
(js),
MDN: function*
第 2 章
- § 2.2
MDN: Canvas API,
canvas.html
(js),
MDN:
JSON,
Base64,
データ URL,
bmp.html
(js),
MDN:
Fetch,
Polyfill,
CORS,
FormData,
URLSearchParams,
Promise,
ajax.html
(js),
async.html
(js),
サーバー側プログラム (Node.js) (「node findColor.js
」で実行。)
MDN:
WebSocket,
ws.html,
(js),
サーバー側プログラム (Node.js)
(保存したディレクトリーで「npm init -y
」「npm install -D ws
」しておく。
「node wsserver.js
」で実行。),
MDN: Web Storage API,
webstorage.html
(js)
MDN: File,
FileReader,
file.html
(js)
MDN: Worker,
Service Worker (MDN)
worker.html,
workerCreate.js,
worker.js,
MDN:
DeviceMotion,
DeviceOrientation,
Drag and Drop,
Touch,
- § 2.3
Vue.js,
React,
Electron,
- § 2.4
Node.js,
Deno,
npm,
webpack,
Browserify,
Rollup,
Vite,
esbuild,
Turbopack,
- § 2.4
TypeScript,
ClojureScript,
Clojure,
Google Closure Tools,
Kotlin,
WebAssembly,
Emscripten,
Pyodide,
PyScript,
参考リンク(全体)
ドキュメント
ランキングなど
オンライン処理系(JavaScript 特化型)
オンライン処理系(汎用)
Koji Kagawa