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
280
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
16k
IE Graduation Certificate
jxck
6
6.1k
RFC 9111: HTTP Caching
jxck
1
720
tc39_study_2
jxck
1
11k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
1.2k
Web Components 元年 v3 / Web Components first year v3
jxck
1
1.1k
Periodic Background Sync
jxck
0
580
Podcast over PWA
jxck
0
280
Yearly Web 2019
jxck
0
200
Other Decks in Technology
See All in Technology
Backlog AI アシスタントが切り開く未来
vvatanabe
1
140
Claude CodeでKiroの仕様駆動開発を実現させるには...
gotalab555
3
1.1k
家族の思い出を形にする 〜 1秒動画の生成を支えるインフラアーキテクチャ
ojima_h
3
1.2k
アカデミーキャンプ 2025 SuuuuuuMMeR「燃えろ!!ロボコン」 / Academy Camp 2025 SuuuuuuMMeR "Burn the Spirit, Robocon!!" DAY 1
ks91
PRO
0
150
プロダクトエンジニアリングで開発の楽しさを拡張する話
barometrica
0
190
AI時代の大規模データ活用とセキュリティ戦略
ken5scal
0
150
LLMをツールからプラットフォームへ〜Ai Workforceの戦略〜 #BetAIDay
layerx
PRO
1
1k
リモートワークで心掛けていること 〜AI活用編〜
naoki85
0
180
工業高校で学習したとあるエンジニアのキャリアの話
shirayanagiryuji
0
110
Rubyの国のPerlMonger
anatofuz
3
740
いかにして命令の入れ替わりについて心配するのをやめ、メモリモデルを愛するようになったか(改)
nullpo_head
7
2.7k
生成AI導入の効果を最大化する データ活用戦略
ham0215
0
160
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
We Have a Design System, Now What?
morganepeng
53
7.7k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Visualization
eitanlees
146
16k
Designing for humans not robots
tammielis
253
25k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
A Tale of Four Properties
chriscoyier
160
23k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Code Review Best Practice
trishagee
69
19k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Optimizing for Happiness
mojombo
379
70k
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