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

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

Ca1357a6e793898d30cec23068c3cb36?s=47 大塚真言
September 03, 2021
Programming
0
450

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

Ca1357a6e793898d30cec23068c3cb36?s=128

大塚真言

September 03, 2021
Tweet

More Decks by 大塚真言

See All by 大塚真言
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
0
20
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
0
29
ユースケース駆動開発で自社プロダクトを作ってみた！
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
1
1.3k
PHP8をざっくり解説してみる
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
0
140
最近のプロジェクトを振り返ってみる
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
0
200
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう！
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
2
600
Stripe CLIを触ってみた！
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
1
150
プロジェクト管理ツールとしてGitLabと向き合ってみる
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
0
19
FirestoreのGeoPoint型を使いこなす
Ca1357a6e793898d30cec23068c3cb36?s=48 shingen29
1
290

Other Decks in Programming

See All in Programming
バンドル最適化マニアクス at tfconf
3aebd86547bfc5cdb451d5f2f95ed5d8?s=48 mizchi
4
2.3k
httputil.ReverseProxy でもリトライがしたい
8ad12d1da761245e3cf713bc3c2904b2?s=48 toga4
0
120
SRE bridge the gap: Feature development to Core API / 機能開発チームとコアAPIチームの架け橋としてのSRE
5520f7e791c2f63da603f6b089b07c6f?s=48 kenzan100
1
370
Better Reliability through Observability (and Experimentation)
8c73ec710b03be8909e71ad500866934?s=48 ksatirli
PRO
1
360
Monadic Java
9eafc29df96e6aaf4a3eb4c0209086ae?s=48 mariofusco
4
260
Cloud-Conference-Day-Spring Cloud + Spring Webflux: como desenvolver seu primeiro microsserviço reativo em Java?
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
150
[RailsConf 2022] The pitfalls of realtime-ification
52cc8a838bf44a589d2572833b2dd1b9?s=48 palkan
0
240
GraphQL+KMM開発でわかったこと / What we learned from GraphQL+KMM development
E505897a79eede1a676f92740261e8f8?s=48 kubode
0
130
About Type Syntax Proposal
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
1
1.2k
Jetpack Compose 頑張らないPreviewParameterProvider
785263a3fda3ca9334daeac85c32927f?s=48 horie23
0
110
Viteはいいぞ/Vite is Good
309384d4f7b37d3532fd81800d356bcf?s=48 dojineko
1
110
You CANt teach an old dog new tricks
Bd5b8981a308c94b642befb656d8cf8f?s=48 michaelbukachi
0
120

Featured

See All Featured
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
172
8.3k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Art, The Web, and Tiny UX
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
280
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
103
16k
Unsuck your backbone
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
659
55k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.2k
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
Happy Clients
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
89
5.5k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k
Automating Front-end Workflow
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1351
200k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k

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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ