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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
大塚真言
September 03, 2021
Programming
940
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
大塚真言
September 03, 2021
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
330
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
150
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
340
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
8.1k
PHP8をざっくり解説してみる
shingen29
0
360
最近のプロジェクトを振り返ってみる
shingen29
0
430
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
940
Stripe CLIを触ってみた!
shingen29
1
290
プロジェクト管理ツールとしてGitLabと向き合ってみる
shingen29
0
150
Other Decks in Programming
See All in Programming
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
dachi023
0
6.8k
プロポーザルを書いてもらう
pvcresin
0
570
SlackアプリとLambdaの 連携を構築した話
pawn_4_s
1
130
楽しそうなつよつよエンジニアと目が死んでる僕/A brilliant engineer having a blast, and dead-eyed me.
3l4l5
2
220
全PRの83%がAIレビューだけでマージできるようになった開発組織はその後どうなったか
athug
1
1.9k
Detecting Compromised CI with eBPF and Cilium Tetragon
lizrice
0
230
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
450
KotlinConf Extended South Korea 2026 Keynote
l2hyunwoo
0
120
【デモ】Kiroで体験する仕様駆動開発|設計からコーディングまでAIと進める開発フロー
cmkudo
0
290
ドリフトを絶対に許さない(?)CDK運用 / CDK Ops with Zero Tolerance for Drifts (?)
akihisaikeda
1
220
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
ternbusty
1
170
Built Our Own Background Agent at LayerX
layerx
PRO
10
5.9k
Featured
See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
550
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
240
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
660
Believing is Seeing
oripsolob
1
200
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
470
Music & Morning Musume
bryan
47
7.3k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
540
Odyssey Design
rkendrick25
PRO
2
770
SEO for Brand Visibility & Recognition
aleyda
0
4.7k
30 Presentation Tips
portentint
PRO
1
370
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Λಡ͏ • ใͷ࣭ͱΛߴΊΑ͏ • ެࣜυΩϡϝϯτΛಡΉͷεΩϧ͕ඞཁ
ͨ͘͞ΜಡΜͰ׳ΕΑ͏ • ৽͍ٕ͠ज़ͷशಘ͕ૣ·Γɺ࣮ʹ͓͍ͯ৽͠ ͍ػೳ։ൃʹνϟϨϯδ͘͢͠ͳΔ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ