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
920
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
340
最近のプロジェクトを振り返ってみる
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
PCOVから学ぶコードカバレッジ #phpcon_odawara
o0h
PRO
0
130
Ruby and LLM Ecosystem 2nd
koic
1
1.5k
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
o0h
PRO
0
190
KagglerがMixSeekを触ってみた
morim
0
370
20260320登壇資料
pharct
0
160
車輪の再発明をしよう!PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
h1r0
3
500
「速くなった気がする」をデータで疑う
senleaf24
0
130
見せてもらおうか、 OpenSearchの性能とやらを!
shunta27
1
170
アーキテクチャモダナイゼーションとは何か
nwiizo
8
1.8k
Coding at the Speed of Thought: The New Era of Symfony Docker
dunglas
0
4.5k
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
shogogg
2
780
PHP でエミュレータを自作して Ubuntu を動かそう
m3m0r7
PRO
2
170
Featured
See All Featured
Building Applications with DynamoDB
mza
96
7k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
91
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
120
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
500
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
390
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
Designing for humans not robots
tammielis
254
26k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
160
Odyssey Design
rkendrick25
PRO
2
560
Testing 201, or: Great Expectations
jmmastey
46
8.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
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Λಡ͏ • ใͷ࣭ͱΛߴΊΑ͏ • ެࣜυΩϡϝϯτΛಡΉͷεΩϧ͕ඞཁ
ͨ͘͞ΜಡΜͰ׳ΕΑ͏ • ৽͍ٕ͠ज़ͷशಘ͕ૣ·Γɺ࣮ʹ͓͍ͯ৽͠ ͍ػೳ։ൃʹνϟϨϯδ͘͢͠ͳΔ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ