Web関連の仕様書を読むモチベーション

Transcript

1. Web関連の仕様書を読むモチベーション 【学⽣向け勉強会】teamLab×DMM tech meetup ~frontend~ ⼤貫 匠
2. © teamLab Inc ⾃⼰紹介 ⼤貫 匠 Onuki Takumi 2022年4⽉ 新卒⼊社 パッケージチーム フロントエンド班
3. © teamLab Inc ⾃⼰紹介 ⼤貫 匠 Onuki Takumi 2022年4⽉ 新卒⼊社 パッケージチーム フロントエンド班 休⽇の趣味 • 動画を延々と⾒ている • Web関連の仕様書を読む
4. © 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/
5. © teamLab Inc Web関連の仕様書とは • Web関連の技術は複数のブラウザで実装されるので、ブラウザ間でウェブ サイトの挙動を揃えるため「仕様書」が標準化されている。 ◦ あくまで、ブラウザを実装する⼈たち向けの技術⽂書 ◦ 仕様書を読めば⾃分でブラウザを作ることも（理論上は）可能
6. © teamLab Inc 💬 ブラウザを作りたい？ ➔ いいえ（憧れはちょっとあるけど……） 💬 仕事で必要？ ➔ いいえ（同僚で仕様書を読んでいるような⼈を知らない） 💬 新しい技術を学びたい？ ➔ いいえ 知らない技術に関して学びたければ、まず MDN Web Docs などを読んだほう が断然いい どうしてWeb関連の仕様書を読んでいるのか
7. © teamLab Inc どうしてWeb関連の仕様書を読んでいるのか • 今まで学んできたことを別の視点から⾒ることで、新しい発⾒がある。 ◦ MDN Web Docs などの解説は、主にウェブサイトを開発する⼈の⽬線で 書かれている。 ◦ 仕様書には、ブラウザを実装する⼈を対象読者とした情報が多く書かれ ている。 • なんとなく⾝についた「こう記述したらこういう動きをしそう」 のような予想の根拠が、明⽂化される。 個⼈的には「答え合わせ」に近い感覚がある。
8. © teamLab Inc • Web関連の技術について、より深く理解できる。 特に内部的な動作を知ることで、より正確にブラウザの挙動を予想できるよう になる。 • バグの調査などが効率化する。 MDN Web Docs も完全ではないから、疑義があれば仕様書の 定義を⾒に⾏く必要がある場⾯もたまにある。 その場合に、どこをどう⾒れば何が分かるのかがあらかじめ 把握できていると効率的。 Web関連の仕様書を読むことのメリット
9. © teamLab Inc • Web関連の仕様を趣味で読んでいる。 • 新しい発⾒が楽しい⼀⽅で、これまで⾝についた知識を再確認する楽しさもあ る。 • Web関連の技術に対する理解を深めることができる。 まとめ