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のWebAPI 3選
Search
kuracchi
March 18, 2026
4
0
Share
MDNのWebAPI 3選
kuracchi
March 18, 2026
More Decks by kuracchi
See All by kuracchi
新卒1年目がTPACに参加したことをきっかけにMDNのWeb APIを全部読んでみた。
kura04
2
75
新卒目線で感じたAIレビュー機能開発の学びと課題
kura04
0
570
ChromeDevTools_MCPを活用したフロントエンド開発
kura04
0
82
Featured
See All Featured
Crafting Experiences
bethany
1
130
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Building Adaptive Systems
keathley
44
3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Become a Pro
speakerdeck
PRO
31
5.9k
Marketing to machines
jonoalderson
1
5.2k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
790
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Tell your own story through comics
letsgokoyo
1
910
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
70
39k
Typedesign – Prime Four
hannesfritz
42
3k
The Limits of Empathy - UXLibs8
cassininazir
1
320
Transcript
MDNのWeb API[spec]を 全部読んでみた 2025.02.18 くらっち 1
Web APIを全部読んでみた 2
Web API3選 3
HTML Drag and Drop API 4
ブラウザでドラッグ&ドロップを 実装できるAPI 5
HTMLをドラッグ可能にするには draggble属性をtrueに設定する 6
“draggble=true”の実装 7
ドラッグ開始時やドラッグ中、 ドロップした時の処理を実装可能 8
ドラッグイベントを利用したDnDの実装 9 推しWebAPI3選
HTMLとJavaScriptで 簡単にDnDが実装可能 10
Battery Status API 11
デバイスのバッテリー量や変化を 取得することが出来るAPI 12
今回注目するのは ブラウザ毎の実装方針 13
実装されていないブラウザがある 14 mdn, Battery Status API, https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API
プライバシー上の懸念により FireFoxから削除された 15 bleepingcomputer, Battery Status API being Removed from
Firefox due to Privacy Concerns, https://www.bleepingcomputer.com/news/software/battery-status-api-being-removed-from-firefox-due-to-privacy-concerns/
まだ実装されていないだけでなく 実装しないパターンもある 16
File System API 17
デバイスのファイルにアクセス 読み込みや書き込み等が可能なAPI 18
思い入れのあるAPIなので選出 19
思い入れのあるAPIとは? 20
OSSに初めてContributeする きっかけになったAPI! 21
MDNのtypoを修正 22
MDNにContributeするまで 23
2025年11月に開催された TPAC 2025に参加 24
Webは自分達が作っていくもの と意識が変わる 25
2025年12月に1人アドカレを行い WebAPIを1日1つまとめる 26
19日目のアドカレでtypoを発見 27
同期や先輩に相談し、 MDNにContributeすることを決心 28
MDNのtypoを修正(再掲) 29
TPACに参加したことで Webに対して行動することが出来た 30
ご清聴ありがとうございました! 31
©️ Cybozu, Inc. 32