Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
web over packaging
Search
Jxck
June 13, 2018
Technology
360
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
web over packaging
Web over Packaging
at #chromejp 2018/6/13
Jxck
June 13, 2018
More Decks by Jxck
See All by Jxck
IE Graduation (IE の功績を讃える)
jxck
22
17k
IE Graduation Certificate
jxck
6
6.3k
RFC 9111: HTTP Caching
jxck
1
830
tc39_study_2
jxck
1
14k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
1.3k
Web Components 元年 v3 / Web Components first year v3
jxck
1
1.2k
Periodic Background Sync
jxck
0
670
Podcast over PWA
jxck
1
380
Yearly Web 2019
jxck
0
260
Other Decks in Technology
See All in Technology
DevelopersIO 2026 知識の地図を描く ─ オントロジーとは何か?
ishikawa_satoru
1
250
DWH の限界突破! AI エージェント向け爆速リアルタイムデータ基盤 ClickHouse
jozono
1
250
継続的なAIコスト最適化
bgpat
1
220
今こそ知りたいAmplifyGen2
mkdev10
2
160
Lambda MicroVMsが分からなすぎたので使い所を1から考えてみた
tsukuboshi
2
430
自律型 AI をセキュアに実装!Gemini と MIG で作る動的コード実行環境
recruitengineers
PRO
1
220
オブザーバビリティを高める AI エージェント体験を考える / Designing AI Agent Experiences That Enhance Observability
aoto
PRO
2
320
BedrockとLambdaで作る リアルタイム進行型推理ゲーム
kawametho
0
200
生成AIを使って「人が」考える技術 ― AI時代の人機共想と実践ノウハウ|UNITT AC2026
ishiirikie
0
560
生成AIで高い生産性を求められて、 悩み、乗り越えた話
mot_techtalk
2
130
AIに攻撃される前に、AIに攻撃させる
tsuchikazu
0
160
AI Made Us Faster at Solving the Wrong Problems
marceloancelmo
0
190
Featured
See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
300
For a Future-Friendly Web
brad_frost
184
10k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
370
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.3k
[RailsConf 2023] Rails as a piece of cake
palkan
59
7.1k
Navigating Weather and Climate Data
rabernat
0
550
Side Projects
sachag
456
43k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
260
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
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