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
270
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
710
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
新規事業におけるAIリサーチの活用例
ranxxx
0
140
経験がないことを言い訳にしない、 AI時代の他領域への染み出し方
parayama0625
0
130
本当にわかりやすいAIエージェント入門
segavvy
10
5.9k
Microsoft Defender XDRで疲弊しないためのインシデント対応
sophiakunii
3
400
組織内、組織間の資産保護に必要なアイデンティティ基盤と関連技術の最新動向
fujie
0
510
Expertise as a Service via MCP
yodakeisuke
1
140
Step Functions First - サーバーレスアーキテクチャの新しいパラダイム
taikis
1
270
「手を動かした者だけが世界を変える」ソフトウェア開発だけではない開発者人生
onishi
7
2.7k
QuickBooks®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
qbsupportinfo
0
100
激動の時代、新卒エンジニアはAIツールにどう向き合うか。 [LayerX Bet AI Day Countdown LT Day1 ツールの選択]
tak848
0
540
ML Pipelineの開発と運用を OpenTelemetryで繋ぐ @ OpenTelemetry Meetup 2025-07
getty708
0
230
Turn Your Community into a Fundraising Catalyst for Black Philanthropy Month
auctria
PRO
0
120
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Designing Experiences People Love
moore
142
24k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
RailsConf 2023
tenderlove
30
1.2k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
A designer walks into a library…
pauljervisheath
207
24k
Side Projects
sachag
455
43k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
370
A Modern Web Designer's Workflow
chriscoyier
695
190k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
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