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
330
0
Share
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
16k
IE Graduation Certificate
jxck
6
6.3k
RFC 9111: HTTP Caching
jxck
1
780
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.1k
Periodic Background Sync
jxck
0
650
Podcast over PWA
jxck
1
360
Yearly Web 2019
jxck
0
240
Other Decks in Technology
See All in Technology
権限管理設計を完全に理解した
rsugi
2
220
Anthropic AIネイティブ・スタートアップ構築のプレイブック を理解する
nagatsu
0
190
オンコールの負荷軽減のためのBits Assistant 活用方法 / How to Use Bits Assistant to Reduce the Workload on On-Call Staff
sms_tech
1
200
形式手法特論:公平性制約の位相的特徴づけ #kernelvm / Kernel VM Study Kansai 12th
ytaka23
1
440
「使われるデータ基盤」を目指してデータアナリストとワークショップをやった話
jackojacko_
2
890
Claude Codeですべての日常業務を爆速化しよう!
minorun365
PRO
16
14k
Geek Woman の育ち方 〜コミュニティとAIと〜
chicaco
0
430
サプライチェーン攻撃への備えについて考えている #湘なんか
stefafafan
3
2.4k
GitHub Copilot のこれまでとこれから: From Copilot to Collaborative Agents
yuriemori
1
200
Typiaで配信JSONの安全性を構造的に担保する(TSKaigi2026)
righttouch
PRO
1
180
CloudFront VPCオリジンとVPC Latticeサービスの内部ALBをマルチアカウントで一元利用しよう
duelist2020jp
5
240
テストコードのないプロジェクトにテストを根付かせる
tttol
0
200
Featured
See All Featured
Scaling GitHub
holman
464
140k
Chasing Engaging Ingredients in Design
codingconduct
0
200
Discover your Explorer Soul
emna__ayadi
2
1.1k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
240
Odyssey Design
rkendrick25
PRO
2
630
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
Technical Leadership for Architectural Decision Making
baasie
3
380
Crafting Experiences
bethany
1
160
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
220
Skip the Path - Find Your Career Trail
mkilby
1
130
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
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