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
300
Machine Learning Basic and Python
yoheimune
1
510
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
290
Data Science BOOTCAMP Practices - Recommendation
yoheimune
0
210
Data Science BOOTCAMP Practices
yoheimune
0
360
Machine Learning with Python
yoheimune
0
350
Other Decks in Technology
See All in Technology
怖くない!はじめてのClaude Code
shinya337
0
290
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
300
asken AI勉強会(Android)
tadashi_sato
0
140
2025-06-26 GitHub CopilotとAI駆動開発:実践と導入のリアル
fl_kawachi
1
240
Witchcraft for Memory
pocke
1
660
モバイル界のMCPを考える
naoto33
0
350
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
1
440
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
600
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
200
Should Our Project Join the CNCF? (Japanese Recap)
whywaita
PRO
0
290
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
170
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
310
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
694
190k
Music & Morning Musume
bryan
46
6.6k
Visualization
eitanlees
146
16k
Designing for Performance
lara
609
69k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Code Reviewing Like a Champion
maltzj
524
40k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
We Have a Design System, Now What?
morganepeng
53
7.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Side Projects
sachag
455
42k
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 ;͒ΖΈʙ