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
web over packaging
Search
Jxck
June 13, 2018
Technology
0
230
web over packaging
Web over Packaging
at #chromejp 2018/6/13
Jxck
June 13, 2018
Tweet
Share
More Decks by Jxck
See All by Jxck
IE Graduation (IE の功績を讃える)
jxck
22
15k
IE Graduation Certificate
jxck
6
6k
RFC 9111: HTTP Caching
jxck
0
630
tc39_study_2
jxck
1
5.8k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
1k
Web Components 元年 v3 / Web Components first year v3
jxck
1
970
Periodic Background Sync
jxck
0
530
Podcast over PWA
jxck
0
230
Yearly Web 2019
jxck
0
150
Other Decks in Technology
See All in Technology
DUSt3R, MASt3R, MASt3R-SfM にみる3D基盤モデル
spatial_ai_network
2
140
株式会社ログラス − エンジニア向け会社説明資料 / Loglass Comapany Deck for Engineer
loglass2019
3
32k
Wantedly での Datadog 活用事例
bgpat
1
470
kargoの魅力について伝える
magisystem0408
0
210
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
watsonx.ai Dojo #5 ファインチューニングとInstructLAB
oniak3ibm
PRO
0
170
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
1
220
第3回Snowflake女子会_LT登壇資料(合成データ)_Taro_CCCMK
tarotaro0129
0
190
終了の危機にあった15年続くWebサービスを全力で存続させる - phpcon2024
yositosi
13
11k
マイクロサービスにおける容易なトランザクション管理に向けて
scalar
0
130
Oracle Cloudの生成AIサービスって実際どこまで使えるの? エンジニア目線で試してみた
minorun365
PRO
4
280
Fanstaの1年を大解剖! 一人SREはどこまでできるのか!?
syossan27
2
170
Featured
See All Featured
A Philosophy of Restraint
colly
203
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
4 Signs Your Business is Dying
shpigford
181
21k
Docker and Python
trallard
42
3.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Building Your Own Lightsaber
phodgson
103
6.1k
Faster Mobile Websites
deanohume
305
30k
Documentation Writing (for coders)
carmenintech
66
4.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Statistics for Hackers
jakevdp
796
220k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
Transcript
None
None
• ◦ ◦ • ◦ ◦ • ◦ ◦
• • • • • •
https://google.com/amp/path to https://your-own-origin/path
None
None
in https://labs.jxck.io click https://labs.jxck.io/~~~/mozaic.sxg display as https://mozaic.fm click actual URL
application/signed-exchange;v=b0
⛓ + certificate chain in cbor
actual: https://labs.jxck.io/~~~/mozaic.sgx display: https://mozaic.fm/
None
• • ◦ • ◦ • ◦
webbundle = [ ; in UTF-8. magic: h'F0 9F 8C
90 F0 9F 93 A6', section-offsets: bytes .cbor {* ($section-name .within tstr) => [ offset: uint, length: uint] }, sections: [* $section ], length: bytes .size 8, ; Big-endian number of bytes in the bundle. ] $section-name /= "index" / "manifest" / "critical" / "responses" $section /= index / manifest / critical / responses responses = [*response]
Index for Response of index.html offset 100 length 200 Index
for Response of script.js offset 300 length 200 ... ... HTTP Header + index.html body HTTP Header + script.js body ... 100 300
• • • • • •
None
None
• ◦ ◦ • ◦ ◦ • ◦ • ◦
◦ • ◦ ◦
• ◦ ◦ • ◦ ◦ • ◦
• ◦ • ◦ • ◦ • ◦ • ◦
• ◦ • ◦
None