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
5k
How to create a service, How to google !
yoheimune
0
270
Machine Learning Basic and Python
yoheimune
1
440
Python Scraping and Web Apps for G's ACADEMY TOKYO
yoheimune
0
210
DevelopWorkflow and Solving Problems
yoheimune
0
400
Git and Github for Beginners
yoheimune
1
250
Data Science BOOTCAMP Practices - Recommendation
yoheimune
0
170
Data Science BOOTCAMP Practices
yoheimune
0
340
Machine Learning with Python
yoheimune
0
300
Other Decks in Technology
See All in Technology
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
160
マイクロサービス環境におけるDB戦略 in DMMプラットフォーム
pospome
11
3k
LLMプロダクト事業の立ち上げにおける挑戦
layerx
PRO
7
1.5k
期待しすぎずに取り組む両面 TypeScript
shozawa
4
470
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
210
Tohoku.Tech #1 「Cursorを使ったRaspberry Piの開発」by ねこまた
jun2882
0
250
技術イベントはなんとかひねり出す 日経の技術広報の取り組み/techpr3
nishiuma
0
230
単回帰分析について数式を追いながら実装してみた
kentaitakura
0
500
ハイパフォーマンスな組織をつくるための開発生産性の考え方 / developer-productivity-high-performer-link-and-motivation
lmi
3
270
どう買う?Azure
kuniteru
1
190
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
7
100k
依存ライブラリはどこに?
takesection
0
110
Featured
See All Featured
How to name files
jennybc
62
92k
Scaling GitHub
holman
456
140k
Rails Girls Zürich Keynote
gr2m
91
13k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
58
14k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
28
5.9k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
How STYLIGHT went responsive
nonsquared
92
4.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
350
18k
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 ;͒ΖΈʙ