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
Compression Streams API によるブラウザネイティブなデータ圧縮/jsfe...
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kenichiro Kishida
December 13, 2025
Technology
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Compression Streams API によるブラウザネイティブなデータ圧縮/jsfes2025
Kenichiro Kishida
December 13, 2025
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Compression Streams API によるブラウザネイティブなデータ圧縮 /phpstudy-182
sizuhiko
0
100
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
240
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
sizuhiko
1
450
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
220
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
400
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
270
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
450
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
sizuhiko
2
1.5k
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
400
Other Decks in Technology
See All in Technology
Deep Data Security 機能解説
oracle4engineer
PRO
3
1k
これだけは抑えておきたい!後悔しない re:Invent の過ごし方 / AWS re:Invent 2026 prestudy
kinunori
2
670
Technical Project Manager の役割とやりがい、少しだけ AI
yoshiiryo1
0
570
re:Invent の去年のスケジュールを公開します!
miu_crescent
PRO
0
190
企画からFlutter実装まで、1つの機能を一貫して開発したプロセスと成果物
khiroyuki1003
0
130
慶應義塾大学 AI実践05 論文執筆の仕組み化
keio_smilab
PRO
6
3.4k
FinOpsを導入してマルチプロダクトのコスト最適化を実現する
kworkdev
PRO
0
110
続・ソフトウェアアーキテクトのための意思決定術: Decision Readiness, Revisited — When AI Changes the Economics of Software Architecture
snoozer05
PRO
1
160
【Oracle AI SPOTLIGHT ウェビナー】事例から見る!なぜOCIが選ばれたのか ― AI時代のクラウド戦略を紐解く ―
oracle4engineer
PRO
1
150
詳解 never 型 - ボトム型の性質を深掘り
nealle
0
140
増え続けるプロダクトの品質をどう担保するか。ProductSpecとTypeScriptによる取り組み
joere
3
340
[FECONF-2026] 신대륙을 향한 카카오페이증권 프론트엔드 항해기 (이주승)
l1ghthouse
0
360
Featured
See All Featured
The Language of Interfaces
destraynor
162
27k
Designing Experiences People Love
moore
143
24k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
How STYLIGHT went responsive
nonsquared
100
6.3k
Google's AI Overviews - The New Search
badams
0
1.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
Technical Leadership for Architectural Decision Making
baasie
3
620
Discover your Explorer Soul
emna__ayadi
2
1.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
sira's awesome portfolio website redesign presentation
elsirapls
0
490
Transcript
KFGFT+4ࡇ ,FOJDIJSP,JTIJEB !TJ[VIJLP $PNQSFTTJPO4USFBNT"1* ʹΑΔ ϒϥβωΠςΟϒͳσʔλѹॖ
,FOJDIJSP,JTIJEB ӬͷσΟεςΟϯάΠογϡτɾΤϯδχΞ੍ʹ͓͚Δ %JTUJOHVJTIFE$SFBUPS TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ
Έͳ͞Μ (PPHMF.BQͷϧʔτݕࡧ݁ՌΛ Ωϟογϡͯ͠Έ͍ͨʂ ͱࢥͬͨ͜ͱ͋Γ·ͤΜ͔ʁ
͋Γ·͢ΑͶʁ
Ͷʁ
wݸਓ8FCαʔϏεͰɺυϥΠϒͷϧʔτڞ ༗ΞϓϦΛ࡞Γͨ͘ͳͬͨ wݸਓ8FCαʔϏεͳͷͰɺӡ༻ࢿۚΛͳΔ ͍͑ͨ͘ wϨΪϡϨʔγϣϯͷൣғͰ"1*ͷ݁ՌΛͳ Δ͘Ωϟογϡͯ҆͘͠ӡ༻Ͱ͖ΔΑ͏ ʹ͍ͨ͠ ͋Δͷ͜ͱ
w౦ژεΫΤΞΨʔσϯ͔Β৽॓·Ͱͷܭࢉ ݁Ռ .# w͔ࣗΒݝͷ͓ڶഴ͞Μ·Ͱͷܭࢉ ݁Ռ .#
wϩʔΧϧετϨʔδ.#ఔ w(PPHMF$MPVE'JSFTUPSF.# ͨͱ͑
ෳࡶͳϧʔτΛઃఆ͢Δͱ ͋ͬͱ͍͏ؒʹ.# ͱ͔͍ͬͯ͠·͏
w8FCඪ४ͳͷͰɺϥΠϒϥϦґଘ͕ͳ͍ɻ όϯυϧαΠζ͕େ͖͘ͳΒͳ͍ wϒϥβͰ/PEFKTαʔόʔͰಉ͡ ίʔυͰͰ͖ΔʢϩʔΧϧετϨʔδͱ (PPHMF$MPVE'JSFTUPSFʣ wωΠςΟϒ࣮ͳͷͰ͍ʂ $PNQSFTTJPO4USFBNT"1*
w͔ࣗΒݝͷ͓ڶഴ͞Μ·Ͱͷܭࢉ ݁Ռ .# wܭࢉ݁ՌΛѹॖ .# ʹѹॖͰ͖Δ
ίʔυྫ
ίʔυྫ
w8FCαʔόʔɺσʔλసૹྔΛݮΒ͠ද ࣔΛ্͛ΔͨΊɺ(;*1ͳͲͰϑΝΠ ϧΛѹॖͯ͠৴͍ͯͨ͠ wΫϥΠΞϯτଆͰѹॖͯ͠ૹ৴͍ͨ͠ͳ ͲͷܦҢͰ8FC4USFBN"1*͕ొ wͦͷ্ʹ$PNQSFTTJPO4USFBNΫϥ ε͕Ճ͞Εͯ%&'-"5&(;*1͕ +BWB4DSJQU͔Β͑ΔΑ͏ʹͳͬͨ $PNQSFTTJPO4USFBNT"1*
શମϑϩʔ ϧʔτܭࢉ JSON.stringify & ѹॖ ετϨʔδ ղౚ & JSON.parse දࣔ
Կ͔ྑ͘ͳ͍ͱ͜Ζ͋Γ·͢ΑͶʁ
શମϑϩʔ ϧʔτܭࢉ JSON.stringify & ѹॖ ετϨʔδ ղౚ & JSON.parse දࣔ
%BUFͱ͔͋ͬͨΒμϝʂ
Ͱ͖Δࢠ https://github.com/ fl ightcontrolhq/superjson
4VQFSKTPO https://github.com/ fl ightcontrolhq/superjson
શମϑϩʔ ϧʔτܭࢉ SuperJSON.stringify & ѹॖ ετϨʔδ ղౚ & SuperJSON.parse දࣔ
w8FCඪ४ͳͷͰɺϥΠϒϥϦґଘ͕ͳ͍ɻ όϯυϧαΠζ͕େ͖͘ͳΒͳ͍ w4VQFS+40/͑+40/ͷγϦΞϥΠ ζʗσγϦΞϥΠζා͘ͳ͍ wωΠςΟϒ࣮ͳͷͰ͍ʂ $PNQSFTTJPO4USFBNT"1*
https://blog.open.tokyo.jp/2024/05/28/using-codecommit-codebuild-like-a-github-and-the-actions.html
wϨΪϡϨʔγϣϯͷൣғͰ"1*ͷ݁ՌΛͳ Δ͘Ωϟογϡͯ҆͘͠ӡ༻Ͱ͖ͦ͏ w$PNQSFTTJPO4USFBNT"1*Ͱϒϥ β্ͰΩϟογϡ͕Δ wΩϟογϡσʔλͷܕใΛݟ্ͨͰ 4VQFS+40/͕ʹཱͭ͜ͱ͋Δ w.Z5PVSJOH-JOLT࡞Γ·ͨ͠ɻڵຯ ࣋ͬͨํΛ͔͚͍ͯͩ͘͞ ·ͱΊ