Web関連の仕様書を読むモチベーション 【学⽣向け勉強会】teamLab×DMM tech meetup ~frontend~ ⼤貫 匠

© teamLab Inc ⾃⼰紹介 ⼤貫 匠 Onuki Takumi 2022年4⽉ 新卒⼊社 パッケージチーム フロントエンド班

© teamLab Inc ⾃⼰紹介 ⼤貫 匠 Onuki Takumi 2022年4⽉ 新卒⼊社 パッケージチーム フロントエンド班 休⽇の趣味 ● 動画を延々と⾒ている ● Web関連の仕様書を読む

© teamLab Inc Web関連の仕様書とは HTML Living Standard https://html.spec.whatwg.org/multipage/ CSS Box Model Module Level 4 https://drafts.csswg.org/css-box-4/ ECMAScript 2025 Language Specification https://tc39.es/ecma262/multipage/ Service Workers Nightly https://w3c.github.io/ServiceWorker/ WebAssembly Specification https://webassembly.github.io/spec/

© teamLab Inc Web関連の仕様書とは ● Web関連の技術は複数のブラウザで実装されるので、ブラウザ間でウェブ サイトの挙動を揃えるため「仕様書」が標準化されている。 ○ あくまで、ブラウザを実装する⼈たち向けの技術⽂書 ○ 仕様書を読めば⾃分でブラウザを作ることも（理論上は）可能

© teamLab Inc 💬 ブラウザを作りたい？ ➔ いいえ（憧れはちょっとあるけど……） 💬 仕事で必要？ ➔ いいえ（同僚で仕様書を読んでいるような⼈を知らない） 💬 新しい技術を学びたい？ ➔ いいえ 知らない技術に関して学びたければ、まず MDN Web Docs などを読んだほう が断然いい どうしてWeb関連の仕様書を読んでいるのか

© teamLab Inc どうしてWeb関連の仕様書を読んでいるのか ● 今まで学んできたことを別の視点から⾒ることで、新しい発⾒がある。 ○ MDN Web Docs などの解説は、主にウェブサイトを開発する⼈の⽬線で 書かれている。 ○ 仕様書には、ブラウザを実装する⼈を対象読者とした情報が多く書かれ ている。 ● なんとなく⾝についた「こう記述したらこういう動きをしそう」 のような予想の根拠が、明⽂化される。 個⼈的には「答え合わせ」に近い感覚がある。

© teamLab Inc ● Web関連の技術について、より深く理解できる。 特に内部的な動作を知ることで、より正確にブラウザの挙動を予想できるよう になる。 ● バグの調査などが効率化する。 MDN Web Docs も完全ではないから、疑義があれば仕様書の 定義を⾒に⾏く必要がある場⾯もたまにある。 その場合に、どこをどう⾒れば何が分かるのかがあらかじめ 把握できていると効率的。 Web関連の仕様書を読むことのメリット

© teamLab Inc ● Web関連の仕様を趣味で読んでいる。 ● 新しい発⾒が楽しい⼀⽅で、これまで⾝についた知識を再確認する楽しさもあ る。 ● Web関連の技術に対する理解を深めることができる。 まとめ