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
220
Data Science BOOTCAMP Practices
yoheimune
0
370
Machine Learning with Python
yoheimune
0
360
Other Decks in Technology
See All in Technology
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
260
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
7
890
まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。
yamada_r
2
120
roppongirb_20250911
igaiga
1
250
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
570
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
ganota
2
320
Automating Web Accessibility Testing with AI Agents
maminami373
0
1.3k
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
4
590
Snowflake Intelligence × Document AIで“使いにくいデータ”を“使えるデータ”に
kevinrobot34
1
120
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
200
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1.2k
Firestore → Spanner 移行 を成功させた段階的移行プロセス
athug
1
500
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Context Engineering - Making Every Token Count
addyosmani
3
60
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
4 Signs Your Business is Dying
shpigford
184
22k
Six Lessons from altMBA
skipperchong
28
4k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Code Review Best Practice
trishagee
71
19k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
930
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 ;͒ΖΈʙ