Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
大塚真言
September 03, 2021
Programming
930
0
Share
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
大塚真言
September 03, 2021
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
320
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
140
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
320
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
7.9k
PHP8をざっくり解説してみる
shingen29
0
350
最近のプロジェクトを振り返ってみる
shingen29
0
420
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
920
Stripe CLIを触ってみた!
shingen29
1
280
プロジェクト管理ツールとしてGitLabと向き合ってみる
shingen29
0
140
Other Decks in Programming
See All in Programming
[RubyKaigi 2026] Require Hooks
palkan
1
220
10年分の技術的負債、完済へ ― Claude Code主導のAI駆動開発でスポーツブルを丸ごとリプレイスした話
takuya_houshima
0
2.6k
AIエージェントで業務改善してみた
taku271
0
540
煩雑なSkills管理をSoC(関心の分離)により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
nrslib
4
990
CursorとClaudeCodeとCodexとOpenCodeを実際に比較してみた
terisuke
1
490
ソフトウェア設計の結合バランス #phperkaigi
kajitack
0
140
From Formal Specification to Property Based Test
ohbarye
0
200
10 Tips of AWS ~Gen AI on AWS~
licux
5
450
JAWS-UG横浜 #100 祝・第100回スペシャルAWS は VPC レスの時代へ
maroon1st
0
170
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
nealle
2
220
AIベース静的検査器の偽陽性率を抑える工夫3選
orgachem
PRO
3
350
Claude Codeをカスタムして自分だけのClaude Codeを作ろう
terisuke
0
140
Featured
See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
220
Marketing to machines
jonoalderson
1
5.2k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
Heart Work Chapter 1 - Part 1
lfama
PRO
6
35k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
320
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
380
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Darren the Foodie - Storyboard
khoart
PRO
3
3.3k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.4k
Designing for Timeless Needs
cassininazir
0
200
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Transcript
MDN Web Docs͔ΒֶͿ ެࣜυΩϡϝϯτΛಡΉϝϦοτ 2021/9/3 WebφΠτٶ࡚ vol.14 େ௩ਅݴ
ࣗݾհ ࠷ۙɺϥϯχϯά͡Ί·ͨ͠🏃
ձࣾհ ߹ಉձࣾϊϚυϦ ۀظ ϝϯόʔ໊ 8FCडୗ։ൃ ʢ-BSBWFM 7VFʣ ࣗࣾϓϩμΫτ։ൃ ʢ(P 3FBDUʣ
None
Έͳ͞Μʂ MDN Web DocsΛ ಡΜͰ·͔͢ʔʂʁ 🙋
https://developer.mozilla.org/ja/docs/Web/HTML/Element/div
વɺಡΜͰ·͢ΑͶʁ 😤
ಡΜͩ͜ͱ͕ͳ͍ ͨ·ʹ͔͠ಡ·ͳ͍ ↓ MDN Web DocsΛಡΉ ϝϦοτΛ͓͑Ͱ͖Εͱ
MDN Web Docsͱ • 2017ެ։ • GoogleɺαϜεϯɺMicrosoftɺW3CɺMozillaͦΕͧΕͷ ϒϥβͳͲʹରԠٕͨ͠ज़ղઆͷυΩϡϝϯτΛҰຊԽ • Ҏલ֤ϒϥβ͝ͱʹυΩϡϝϯτ͕ଘࡏ͠ɺ։ൃऀ
ۤ࿑͍ͯͨ͠ʢͣʣ • HTML/CSS/JavaScriptͷެࣜυΩϡϝϯτͱͯ͘͠ར༻ ͞Ε͍ͯΔ
ͳͥ ެࣜυΩϡϝϯτ͕ඞཁ͔ʁ
ใͷ࣭ͱΛߴΊΔ
QiitaϒϩάͳͲͷ ೋ࣍ใ ޡ͍ͬͯͨΓݹ͔ͬͨΓ͢Δ
࠷ۙɺࣾͰى͖ͨ͜ͱΛ ྫʹઆ໌͠·͢
JavaScriptͰ ΫϦοϓϘʔυίϐʔΛ࣮ 1. GoogleͰ "JavaScript ΫϦοϓϘʔυ ίϐʔ" ͱݕࡧ 2.
ݕࡧ্Ґͷϒϩάهࣄʹ࣮ํ๏Λൃݟ
͍ɺʂʁ
Ͱͳ͘ ެࣜυΩϡϝϯτΛ ಡΉͱ
https://developer.mozilla.org/ja/docs/Web/API/Document/execCommand
https://developer.mozilla.org/ja/docs/Web/API/Document/execCommand
࠷ऴతʹ
None
https://developer.mozilla.org/ja/docs/Web/API/Clipboard
·ͱΊ • MDN Web DocsΛಡ͏ • ใͷ࣭ͱΛߴΊΑ͏ • ެࣜυΩϡϝϯτΛಡΉͷεΩϧ͕ඞཁ
ͨ͘͞ΜಡΜͰ׳ΕΑ͏ • ৽͍ٕ͠ज़ͷशಘ͕ૣ·Γɺ࣮ʹ͓͍ͯ৽͠ ͍ػೳ։ൃʹνϟϨϯδ͘͢͠ͳΔ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ