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.4k
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.3k
How to create a service, How to google !
yoheimune
0
310
Machine Learning Basic and Python
yoheimune
1
520
Python Scraping and Web Apps for G's ACADEMY TOKYO
yoheimune
0
240
DevelopWorkflow and Solving Problems
yoheimune
0
450
Git and Github for Beginners
yoheimune
1
300
Data Science BOOTCAMP Practices - Recommendation
yoheimune
0
210
Data Science BOOTCAMP Practices
yoheimune
0
370
Machine Learning with Python
yoheimune
0
360
Other Decks in Technology
See All in Technology
Firestore → Spanner 移行 を成功させた段階的移行プロセス
athug
1
410
AWSで推進するデータマネジメント
kawanago
1
1.2k
テストを軸にした生き残り術
kworkdev
PRO
0
190
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
170
落ちる 落ちるよ サーバーは落ちる
suehiromasatoshi
0
150
2025年にHCP Vaultを学び直して見えた景色 / Lessons and New Perspectives from Relearning HCP Vault in 2025
aeonpeople
0
230
20250903_1つのAWSアカウントに複数システムがある環境におけるアクセス制御をABACで実現.pdf
yhana
3
520
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
20
9.5k
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.3k
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
1
1.5k
DDD集約とサービスコンテキスト境界との関係性
pandayumi
2
270
Automating Web Accessibility Testing with AI Agents
maminami373
0
1.2k
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Building an army of robots
kneath
306
46k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Navigating Team Friction
lara
189
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The World Runs on Bad Software
bkeepers
PRO
70
11k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
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 ;͒ΖΈʙ