$30 off During Our Annual Pro Sale. View Details »

MDN Web Docsから学ぶ 公式ドキュメントを読むメリット

Avatar for 大塚真言 大塚真言
September 03, 2021
Programming
0
900

MDN Web Docsから学ぶ 公式ドキュメントを読むメリット

Avatar for 大塚真言

大塚真言

September 03, 2021
Tweet

More Decks by 大塚真言

See All by 大塚真言
自社プロダクトを作ってみた.pdf
Avatar for 大塚真言 shingen29
0
300
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
Avatar for 大塚真言 shingen29
0
110
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
Avatar for 大塚真言 shingen29
0
290
ユースケース駆動開発で自社プロダクトを作ってみた！
Avatar for 大塚真言 shingen29
1
7.6k
PHP8をざっくり解説してみる
Avatar for 大塚真言 shingen29
0
320
最近のプロジェクトを振り返ってみる
Avatar for 大塚真言 shingen29
0
400
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう！
Avatar for 大塚真言 shingen29
2
880
Stripe CLIを触ってみた！
Avatar for 大塚真言 shingen29
1
250
プロジェクト管理ツールとしてGitLabと向き合ってみる
Avatar for 大塚真言 shingen29
0
120

Other Decks in Programming

See All in Programming
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
2.9k
テストやOSS開発に役立つSetup PHP Action
Avatar for Atsushi Matsuo matsuo_atsushi
0
140
開発に寄りそう自動テストの実現
Avatar for Hiroki Iseri goyoki
1
680
Developing static sites with Ruby
Avatar for Masafumi Okura okuramasafumi
0
190
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
300
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
Avatar for Maple fuuki12
0
210
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
Avatar for suna-big sunabig
0
140
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
Avatar for Shogo Fukami shogo4131
8
2.1k
Level up your Gemini CLI - D&D Style!
Avatar for Riccardo Carlesso palladius
1
180
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
300
Building AI Agents with TypeScript #TSKaigiHokuriku
Avatar for izumin5210 izumin5210
6
1.2k
新卒エンジニアのプルリクエスト with AI駆動
Avatar for Yuta Fukunaga fukunaga2025
0
180

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
187
29k
Docker and Python
Avatar for Tania Allard trallard
46
3.7k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
380
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.6k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
5k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

Transcript

  1. MDN Web Docs͔ΒֶͿ ެࣜυΩϡϝϯτΛಡΉϝϦοτ 2021/9/3 WebφΠτٶ࡚ vol.14 େ௩ਅݴ

  2. ࣗݾ঺հ ࠷ۙɺϥϯχϯά͸͡Ί·ͨ͠🏃

  3. ձࣾ঺հ ߹ಉձࣾϊϚυϦ ૑ۀظ໨ ϝϯόʔ໊ 8FCडୗ։ൃ ʢ-BSBWFM 7VFʣ ࣗࣾϓϩμΫτ։ൃ ʢ(P 3FBDUʣ

  4. None

  5. Έͳ͞Μʂ MDN Web DocsΛ ಡΜͰ·͔͢ʔʂʁ 🙋

  6. https://developer.mozilla.org/ja/docs/Web/HTML/Element/div

  7. ౰વɺಡΜͰ·͢ΑͶʁ 😤

  8. ಡΜͩ͜ͱ͕ͳ͍ ͨ·ʹ͔͠ಡ·ͳ͍ ↓ MDN Web DocsΛಡΉ ϝϦοτΛ͓఻͑Ͱ͖Ε͹ͱ

  9. MDN Web Docsͱ͸ • 2017೥ެ։ • GoogleɺαϜεϯɺMicrosoftɺW3CɺMozillaͦΕͧΕͷ ϒϥ΢βͳͲʹରԠٕͨ͠ज़ղઆͷυΩϡϝϯτΛҰຊԽ • Ҏલ͸֤ϒϥ΢β͝ͱʹυΩϡϝϯτ͕ଘࡏ͠ɺ։ൃऀ͸

    ۤ࿑͍ͯͨ͠ʢ͸ͣʣ • HTML/CSS/JavaScriptͷެࣜυΩϡϝϯτͱͯ͠޿͘ར༻ ͞Ε͍ͯΔ

  10. ͳͥ ެࣜυΩϡϝϯτ͕ඞཁ͔ʁ

  11. ৘ใͷ࣭ͱ઱౓ΛߴΊΔ

  12. Qiita΍ϒϩάͳͲͷ ೋ࣍৘ใ͸ ޡ͍ͬͯͨΓݹ͔ͬͨΓ͢Δ

  13. ࠷ۙɺࣾ಺Ͱى͖ͨ͜ͱΛ ྫʹઆ໌͠·͢

  14. JavaScriptͰ ΫϦοϓϘʔυίϐʔΛ࣮૷ 1. GoogleͰ 
 "JavaScript ΫϦοϓϘʔυ ίϐʔ" ͱݕࡧ 2.

    ݕࡧ্Ґͷϒϩάهࣄʹ࣮૷ํ๏Λൃݟ

  15. ͸͍ɺ׬੒ʂʁ

  16. Ͱ͸ͳ͘ ެࣜυΩϡϝϯτΛ ಡΉͱ

  17. https://developer.mozilla.org/ja/docs/Web/API/Document/execCommand

  18. https://developer.mozilla.org/ja/docs/Web/API/Document/execCommand

  19. ࠷ऴతʹ͸

  20. None

  21. https://developer.mozilla.org/ja/docs/Web/API/Clipboard

  22. ·ͱΊ • MDN Web DocsΛಡ΋͏ • ৘ใͷ࣭ͱ઱౓ΛߴΊΑ͏ • ެࣜυΩϡϝϯτΛಡΉͷ΋εΩϧ͕ඞཁ 


    ͨ͘͞ΜಡΜͰ׳ΕΑ͏ • ৽͍ٕ͠ज़ͷशಘ͕ૣ·Γɺ࣮຿ʹ͓͍ͯ΋৽͠ ͍ػೳ։ൃʹνϟϨϯδ͠΍͘͢ͳΔ

  23. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ