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
大塚真言
September 03, 2021
Programming
0
890
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
大塚真言
September 03, 2021
Tweet
Share
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
290
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
100
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
290
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
7.4k
PHP8をざっくり解説してみる
shingen29
0
320
最近のプロジェクトを振り返ってみる
shingen29
0
390
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
870
Stripe CLIを触ってみた!
shingen29
1
240
プロジェクト管理ツールとしてGitLabと向き合ってみる
shingen29
0
110
Other Decks in Programming
See All in Programming
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
930
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.9k
CSC509 Lecture 05
javiergs
PRO
0
300
Catch Up: Go Style Guide Update
andpad
0
180
AIで開発生産性を上げる個人とチームの取り組み
taniigo
0
130
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
230
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
mhrtech
3
1k
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
ei_ei_eiichi
0
340
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1k
株式会社 Sun terras カンパニーデック
sunterras
0
230
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
990
Web技術を最大限活用してRAW画像を現像する / Developing RAW Images on the Web
ssssota
2
1.2k
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Embracing the Ebb and Flow
colly
88
4.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Code Reviewing Like a Champion
maltzj
525
40k
Git: the NoSQL Database
bkeepers
PRO
431
66k
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Λಡ͏ • ใͷ࣭ͱΛߴΊΑ͏ • ެࣜυΩϡϝϯτΛಡΉͷεΩϧ͕ඞཁ
ͨ͘͞ΜಡΜͰ׳ΕΑ͏ • ৽͍ٕ͠ज़ͷशಘ͕ૣ·Γɺ࣮ʹ͓͍ͯ৽͠ ͍ػೳ։ൃʹνϟϨϯδ͘͢͠ͳΔ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ