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
830
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
大塚真言
September 03, 2021
Tweet
Share
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
260
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
85
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
250
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
6.5k
PHP8をざっくり解説してみる
shingen29
0
290
最近のプロジェクトを振り返ってみる
shingen29
0
360
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
800
Stripe CLIを触ってみた!
shingen29
1
220
プロジェクト管理ツールとしてGitLabと向き合ってみる
shingen29
0
79
Other Decks in Programming
See All in Programming
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
110
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
180
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
GAEログのコスト削減
mot_techtalk
0
110
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
Honoをフロントエンドで使う 3つのやり方
yusukebe
4
2.1k
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
3
4.1k
Featured
See All Featured
Visualization
eitanlees
146
15k
How GitHub (no longer) Works
holman
313
140k
KATA
mclloyd
29
14k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Practical Orchestrator
shlominoach
186
10k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Fireside Chat
paigeccino
34
3.2k
Six Lessons from altMBA
skipperchong
27
3.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
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Λಡ͏ • ใͷ࣭ͱΛߴΊΑ͏ • ެࣜυΩϡϝϯτΛಡΉͷεΩϧ͕ඞཁ
ͨ͘͞ΜಡΜͰ׳ΕΑ͏ • ৽͍ٕ͠ज़ͷशಘ͕ૣ·Γɺ࣮ʹ͓͍ͯ৽͠ ͍ػೳ։ൃʹνϟϨϯδ͘͢͠ͳΔ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ