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
The Extensible Web Sounds Funtastic
Search
Yohei Munesada
January 26, 2015
Technology
3
1.3k
The Extensible Web Sounds Funtastic
HTML5カンファレンス 2015のLT
The Extensible Webについて面白いと思ったことを、開発者の視点で共有したスライドです。
Yohei Munesada
January 26, 2015
Tweet
Share
More Decks by Yohei Munesada
See All by Yohei Munesada
G'sデータベース設計の講義
yoheimune
4
5.2k
How to create a service, How to google !
yoheimune
0
280
Machine Learning Basic and Python
yoheimune
1
490
Python Scraping and Web Apps for G's ACADEMY TOKYO
yoheimune
0
230
DevelopWorkflow and Solving Problems
yoheimune
0
430
Git and Github for Beginners
yoheimune
1
280
Data Science BOOTCAMP Practices - Recommendation
yoheimune
0
190
Data Science BOOTCAMP Practices
yoheimune
0
350
Machine Learning with Python
yoheimune
0
320
Other Decks in Technology
See All in Technology
AIエージェントキャッチアップと論文リサーチ
os1ma
5
440
コミュニティとおかねの話 / Community and Money
kgsi
0
100
バックエンドエンジニアによるフロントエンドテスト拡充の具体的手法
kinosuke01
1
410
非エンジニアにも伝えるメールセキュリティ / Email security for non-engineers
ykanoh
13
3.6k
リポジトリをまるっとAIに食わせるRepomixの話
yamadashy
0
240
みんなで育てるNewsPicksのSLO
troter
4
1k
Dapr For Java Developers SouJava 25
salaboy
1
120
SaaSプロダクト開発におけるバグの早期検出のためのAcceptance testの取り組み
kworkdev
PRO
0
140
20250326_管理ツールの権限管理で改善したこと
sasata299
0
140
新卒エンジニア研修の試行錯誤と工夫/nikkei-tech-talk-31
nishiuma
0
150
空が堕ち、大地が割れ、海が涸れた日~もしも愛用しているフレームワークが開発停止したら?~ #phperkaigi 2025
77web
2
950
fukuoka.ts #3 社内でESLintの共通設定を配りたい2025年春版
pirosikick
1
270
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
35
1.7k
Documentation Writing (for coders)
carmenintech
69
4.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
11
600
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
460
Six Lessons from altMBA
skipperchong
27
3.7k
Gamification - CAS2011
davidbonilla
80
5.2k
Thoughts on Productivity
jonyablonski
69
4.5k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
We Have a Design System, Now What?
morganepeng
51
7.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Transcript
The Extensible Web Sounds Fantastic फఆ༸ฏ@yoheiMune HTML5 Conference 2015 LT
https://flic.kr/p/gPxhdF
फఆ༸ฏat HTML5ϏΪφʔζ About me http://www.yoheim.net
I talk about The Extensible Web
͜Ε͔ΒͷWebʹڵຯͷ͋Δਓ I talk to
I talk because 㾎 ໘ന͍͔Βڞ༗͍ͨ͠ 㾎 ࢍಉऀ͕૿͑ͨΒ͍͍ͳ
What is The Extensible Web? https://flic.kr/p/5JXFE1
The Extensible Web is ৽͍͠Webඪ४Խͷߟ͑ํ
ඪ४Խ৫Ͱ͋ΔW3Cͱϒϥβϕϯμ͚ͩͰͳ͘ɺ Web։ൃऀר͖ࠐΜͰWebͷະདྷΛ֦ு͍ͯ͘͠ The Extensible Web is ৽͍͠Webඪ४Խͷߟ͑ํ
ݱঢ় ඪ४Խ ϒϥβ
ඪ४Խ ϒϥβ ։ൃऀ ݱঢ়
ඪ४Խ ϒϥβ ։ൃऀ ͕͔͔࣌ؒΔ ݱঢ়
ཧ ։ൃऀ
ཧ ։ൃऀ ϒϥβ
ཧ ։ൃऀ ϒϥβ
ඪ४Խ ։ൃऀ ཧ ϒϥβ
ඪ४Խ ։ൃऀ ཧ ϒϥβ
ඪ४Խ ։ൃऀ ͍αΠΫϧΛճ͢ ཧ ϒϥβ
Webʹ֦ுͰ͖ΔϙΠϯτ͕গͳ͍
։ൃऀʹϢʔεέʔεΛఏڙ͢ΔͷͰͳ͘ɺ Մೳੑͱͦͷಓ۩Λఏڙ͢Δ Webʹ֦ுͰ͖ΔϙΠϯτ͕গͳ͍
։ൃऀʹϢʔεέʔεΛఏڙ͢ΔͷͰͳ͘ɺ Մೳੑͱͦͷಓ۩Λఏڙ͢Δ ϨϕϧͳAPIΛఏڙ͢Δ Webʹ֦ுͰ͖ΔϙΠϯτ͕গͳ͍
The Extensible Web is Injected to Web Components Low Level
High Level HTML Imports Custom Elements Shadow DOMs Templates Polymer X-Tag
·ͱΊΔͱ
·ͱΊΔͱ ։ൃऀ ϒϥβ
·ͱΊΔͱ ඪ४Խ ։ൃऀ ϒϥβ ͍αΠΫϧΛճ͢
·ͱΊΔͱ ඪ४Խ ։ൃऀ ͍αΠΫϧΛճ͢ ϒϥβ ϨϕϧAPIͷఏڙ ϒϥβඪ४Խ
·ͱΊΔͱ ඪ४Խ ։ൃऀ ͍αΠΫϧΛճ͢ ϒϥβ Ϩϕϧ"1*ͷఏڙ ϒϥβඪ४Խ The Extensible Web
ϨϕϧAPI͕͑Δͱ͍͏͜ͱɾɾɾ ໘ന͍ͱ͜Ζᶃ
ϨΰϒϩοΫ͕͋ͬͯ https://flic.kr/p/4GWFXM
͜Μͳͷͱ͔ https://flic.kr/p/8iN24A
͜Μͳͷͱ͔ https://flic.kr/p/bPvScR
͜Μͳͷͱ͔ https://flic.kr/p/eKgHkd
࡞ΕͪΌ͏Θ͚Ͱ͢ʂ
ͱͬͯ໘നͦ͏Ͱ͢ʂʂ
༷ʑͳϨϕϧͰະདྷʹߩݙͰ͖Δ ໘ന͍ͱ͜Ζᶄ
୭ͰະདྷʹߩݙͰ͖Δ 㾎 ඪ४ԽΤσΟλͱͯ͠׆༂͢Δ 㾎 WGͷϝʔϦϯάϦετ'PSVNʹࢀՃ͢Δ 㾎 ࣗͷχʔζʹ߹ΘͤͨϥΠϒϥϦΛ࡞ͬͯެ։͢Δ 㾎 ެ։͞Ε͍ͯΔϥΠϒϥϦΛ͏ɺIssueϓϧϦΫ͢Δ 㾎
͖ͳϥΠϒϥϦͷGithubͰStar͢Δ
ࣗͳΓʹWebͷະདྷʹߩݙͰ͖Δʂ
ͱͬͯ໘നͦ͏Ͱ͢ʂʂ
The Extensible Web is 㾎 Web։ൃऀWebͷະདྷΛ࡞ΕΔʂ 㾎 ָ͍͠ͷ͕͍ͬͺ͍࡞ΕΔʂ 㾎 ༷ʑͳϨϕϧͰWebͷະདྷͷߩݙ͕Ͱ͖Δʂ
·ͱΊ
·ͱΊ Sounds Fantastic! 㾎 Web։ൃऀWebͷະདྷΛ࡞ΕΔʂ 㾎 ָ͍͠ͷ͕͍ͬͺ͍࡞ΕΔʂ 㾎 ༷ʑͳϨϕϧͰWebͷະདྷͷߩݙ͕Ͱ͖Δʂ The
Extensible Web is
Θͨ͠ HTML5 Experts ʹͳͬͯߩݙ͍ͨ͠ Ͱ͢
Enjoy Your Web!
Thank you http://www.yoheim.net @yoheiMune ;͒ΖΈʙ