Upgrade to Pro — share decks privately, control downloads, hide ads and more …

文法で学ばないJavaScript

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on.
Avatar for ufoo68 ufoo68
January 21, 2026

 文法で学ばないJavaScript

Avatar for ufoo68

ufoo68

January 21, 2026
Tweet

More Decks by ufoo68

Other Decks in Programming

Transcript

  1. 自己紹介 • 名前 ◦ 松永勇太(@ufoo_yuta) • 出身学科 ◦ 大阪工業大学ロボット工学科 •

    職業 ◦ Webエンジニア • すきなこと ◦ シンプルなものづくり
  2. Web API Web APIは、JavaScriptがブラウザの機能を呼び出す仕組み • インターネット通信(fetch) • タイマー実行(setTimeout) • 画面操作(document)

    • ストレージへのアクセス(localStorage) • デバイスからの入力(MediaDevices) JavaScriptはOSへの干渉ができないので、Web APIを介する
  3. イベントループ イベントループとは、「JavaScriptをいつ実行していいか」を決める仕組み fetch(https://xxx) .then(hoge) Web API イベントループ https://xxxとの通信 通信完了 hogeの実行を許可

    Web API(fetch)でhttps://xxxへの通信後に、hogeという処理を実行させる例↑ イベントループの采配で、 hogeの実行タイミングが決まる
  4. JavaScriptの実行速度は遅い? 現代のJavaScriptは十分な性能 • JIT(Just In Time)コンパイラを持っている ◦ スクリプト言語の処理速度を最適化する仕組み ◦ 実行しながら処理の最適化がされる

    • 内部処理はネイティブが動いている ◦ C/C++が実行しているので早い • 文字列処理はかなり早い ◦ 正規表現は高度に最適化されている
  5. JavaScriptをブラウザ以外で動かす方法 3つの環境(ランタイム)がある • Node.js ◦ 一番歴史があるので、情報も多い ◦ その分負の遺産多め • Deno

    ◦ Node.jsの反省を活かして設計された ◦ Node.jsとの互換性が弱いので、現場で使いにくい • Bun ◦ Denoよりは互換性が強い ◦ 開発体験も良くて、実行速度も一番早い
  6. JavaScriptの仕様はどこが決めている? • JavaScript ◦ ECMA-262 ▪ JavaScriptの仕様そのもの ▪ ECMA Scriptとも呼ばれる

    ◦ TC39 ▪ ECMAScriptを策定する専門委員会 • Web API ◦ 2つの団体が決めている ▪ W3C ▪ WATWG