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
350
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
16k
IE Graduation Certificate
jxck
6
6.3k
RFC 9111: HTTP Caching
jxck
1
800
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
660
Podcast over PWA
jxck
1
360
Yearly Web 2019
jxck
0
250
Other Decks in Technology
See All in Technology
Foxgloveについて 実際にExtensionを開発して公開するまでの話 / About Foxglove: The Story of Developing and Releasing an Extension
ry0_ka
0
300
インフラと開発の垣根を超えていき!〜元AWSインフラエンジニアがAWS開発で奮闘している話〜
hatahata021
3
300
AI Coding Agent時代のcdk-nagガードレール 〜組織ルールを強制CIで守り抜く設計の挑戦〜
mhrtech
3
430
非定型なドキュメントを効率よくリファクタする 〜えぇ!?仕様書27本の移行が1日で終わったって!?〜
subroh0508
2
560
AIレビューはどこまで任せられるのか?自動化と人が背負うレビューの境界
sansantech
PRO
3
1.1k
Kaggleで成長するために意識したこと
prgckwb
2
420
「早く出す」より「事業に効く」 ── 顧客の業務サイクルから逆算するAI時代の二重ループ開発と「変化の設計者」 / devsumi2026
rakus_dev
1
400
そのドキュメント、自動化しませんか?
yuksew
1
300
カードゲーム作りが教えてくれた プロダクトオーナーシップ
moritamasami
0
110
企業でAWS Organizationsを動かすための組織設計の考え方
nrinetcom
PRO
1
110
変更し続けられるシステムをどう保つか — AI時代のSSoTという設計原則
kawauso
0
150
10年目を迎えた「ABEMA」がどのように AI 活用を推進して、AI 駆動開発にシフトしているのか / How ABEMA, entering its 10th year, is promoting the use of AI and shifting toward AI-driven development
miyukki
0
290
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
For a Future-Friendly Web
brad_frost
183
10k
Designing for humans not robots
tammielis
254
26k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
Scaling GitHub
holman
464
140k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
260
How STYLIGHT went responsive
nonsquared
100
6.2k
How to train your dragon (web standard)
notwaldorf
97
6.7k
Exploring anti-patterns in Rails
aemeredith
3
440
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Designing for Timeless Needs
cassininazir
1
370
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