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
How We Gain "Mobile First" Using WebP with Imag...
Search
Issei Naruta
February 18, 2015
Technology
10
13k
How We Gain "Mobile First" Using WebP with ImageMagick
2015/2/18 画像変換Night
http://connpass.com/event/11516/
Issei Naruta
February 18, 2015
Tweet
Share
More Decks by Issei Naruta
See All by Issei Naruta
インフラからSREへ
mirakui
20
7.8k
データパイプラインをなんとかした話 / Improving the Data Pipeline in IVRy
mirakui
1
470
Cookpad TechConf 2022 Keynote
mirakui
0
3.7k
ドライイーストを使わずにパンを焼けるか? 〜天然酵母のパン作りを支える技術〜
mirakui
0
3.4k
関東積みについて/How to build Kanto-stacking
mirakui
0
680
先折りGTRについて/How to build left-GTR transitions
mirakui
3
1.1k
サービス開発速度に着目したソフトウェアアーキテクチャ/Software architecture for effective service development at Cookpad
mirakui
5
7k
Beyond the Boundaries
mirakui
1
1.3k
Cookpad Under a Microscope
mirakui
6
8.6k
Other Decks in Technology
See All in Technology
4社統合におけるマスタデータ管理に立ち向かう / Towards master data management in the four-company integration
carta_engineering
0
280
Опыт использования Nessie в Азбуке Вкуса
emeremyanina1234
0
400
SONiCにて使用されているSAIの実際
sonic
0
290
Lakehouse в Лемана Тех. От архитектуры до оптимизации
emeremyanina1234
0
390
VitePress & MCPでアプリ仕様のオープン化に挑戦する
hal_spidernight
0
150
正解のない未知(インボイス制度対応)をフルサイクル開発で乗り越える方法 / How to overcome the unknown invoice system with full cycle development
carta_engineering
0
170
事業と組織から目を逸らずに技術でリードする
ogugu9
19
5.3k
【Gen-AX】20250514開催_Findyオンラインイベント_技術選定を突き詰める
genax
0
120
hacomonoらしさをデザインする
hacomono
PRO
2
110
技術的負債を「戦略的投資」にするためのPdMとエンジニアの連携と実践
satomino
3
720
非同期処理でも分散トレーシングしたい!- OpenTelemetry × Pub/Sub -
phaya72
1
100
猫でもわかるS3 Tables【Apache Iceberg編】
kentapapa
2
270
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
13
850
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Docker and Python
trallard
44
3.4k
Optimizing for Happiness
mojombo
378
70k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
How STYLIGHT went responsive
nonsquared
100
5.5k
Transcript
*NBHF.BHJDL 8FC1Ͱ ϞόΠϧϑΝʔετͪ͠Ό͏ !NJSBLVJ *TTFJ/BSVUB *OGSBTUSVDUVSF%JW$PPLQBE *OD ը૾ม/JHIU
ࠓ֮͑ͯؼͬͯ ΄͍͜͠ͱ
Σοϐʔ
IUUQKBXJLJQFEJBPSHXJLJ8FC1
IUUQUFDIMJGFDPPLQBEDPNFOUSZ
J04"OESPJEΞϓϦͰ ྉཧࣸਅΛ8FC1Ͱදࣔ
ͳͥ8FC1͔ʁ
+1&(ʹൺͯϑΝΠϧαΠζ ͕খ͘͞ɺը࣭ྼԽ͠ʹ͍͘
None
8FC1ͷܽ
ܽ w ରԠڥ͕গͳ͍ w ʮӈΫϦοΫͰը૾ΛอଘʯͰ+1&(͕ཉ͍͠ਓʑ w GBDFCPPLͷ8FC1ෆධࣄ݅ w ωΠςΟϒΞϓϦͳΒͳ͍ͷͰ w
᠘"OESPJEҎ߱Ͱඪ४ରԠͱࢥ͍͖ͦ͏Ͱͳ͍ ˠҎ߱ͷΈ༗ޮʹ͍ͯ͠Δ
ʮ࣌ΣοϐʔͰϞόΠϧϑΝʔετ͔ͩΒɻ 5PGV*NBHF.BHJDLͳΜ͔ͩΒ͙͢Ͱ͖ΔͰ͠ΐʯ ʮ༨༟ͬ͢Αʯ
5PGV w ΫοΫύουʹ͓͚Δը૾ͷಈతมγεςϜ w "QBDIFϞδϡʔϧ *NBHF.BHJDL w ৄ͘͠ʮDPPLQBEUPGVʯͰݕࡧ w IUUQXXXTMJEFTIBSFOFUNJSBLVJTT
*NBHF.BHJDLͷ 8FC1ରԠঢ়گΛௐࠪͯ͠ΈΔ
IUUQEIBUFOBOFKQZPZBXFCQ
͔Β8FC1ରԠʂ ࣌5PGV
Α͔ͬͨʜָউͳͭͩʜ MJCXFCQϦϯΫͯ͠ϦϏϧυ͢Δ͚ͩͰ ͍͍ΜͰ͠ΐ
ॱௐʹݟ͑ͨ8FC1ಋೖ ͔͠͠ͻͱ͚͕ͭͩ͋ͬͨ
*NBHF.BHJDL ͷ8FC1पΓͿͬյΕͯΔ
*NBHF.BHJDLͰͷ8FC1 w 8FC1ม͢Δࡍʹ2VBMJUZʢը࣭ʣͷࢦఆ͕Ͱ͖ͳ͍ w 8FC1ͷۄͰ͋Δը࣭ίϯτϩʔϧ͕Ͱ͖ͳ͍ɻແҙຯ w มޙৗʹ2VBMJUZʹͳΔʢθϩͱʜʣ w ϦαΠζɺΫϩοϓपΓͷڍಈ͕όάͬͯΔ w
$.:,ը૾Λม͢Δͱ৭͕͓͔͘͠ͳΔ w ϝϞϦϦʔΫ͕͋Δ
ͭ·ΓյΕͯ·͢
$IBOHF-PHΛ ͬͯΈΔ
8FC1ରԠ ʢͱओுʣ
ϝϞϦϦʔΫमਖ਼
2VBMJUZࢦఆʹରԠ ʢػೳՃΈ͍ͨʹݴΘΕͯʜʣ
·ͨϝϞϦϦʔΫͷमਖ਼
8FC1ΛσϑΥϧτT3(#Ͱ ग़ྗ͢ΔΑ͏ʹมߋ
+1&( $.:, 8FC1 DPOWFSU DPOWFSUDPMPSTQBDFT3(#
8FC1ରԠ͍͚ͨͩͩͬͨ͠ͷʹ ͔ͳΓͷόʔδϣϯΞοϓΛ ڧ͍ΒΕΔ͜ͱ͕໌
ͥΜͥΜָউ͡Όͳ͔ͬͨ
*NBHF.BHJDLͷ όʔδϣϯΞοϓා͗͢
ઈରʹආ͚͍ͨࣄଶ w *NBHF.BHJDLͷόʔδϣϯΞοϓʹΑͬͯ ग़ྗը૾ͷ৭ຯ͕มΘͬͯ͠·͏͜ͱ w ݕূ͔ͳΓେม
ࡶʹ࣭ͯ͠ΈΔ IUUQTUXJUUFSDPNNJSBLVJTUBUVT
IUUQTUXJUUFSDPNZPZBTUBUVT
ਆΑʜ ʢԿͰͦΜͳʹৄ͍͠ͷʜʣ
ͭ·Γ 8FC1ରԠʢসʣ ࣌ར༻͍ͯͨ͠όʔδϣϯ 8FC1ͷϝϞϦϦʔΫमਖ਼ 8FC1ͷ2VBMJUZରԠ 8FC1ͷϝϞϦϦʔΫमਖ਼ɺόάpY 8FC1ग़ྗͷ৭ۭ͕ؒσϑΥϧτT3(#ʹ ৭ۭؒͷѻ͍͕मਖ਼ʢ৭ຯ͕มΘΔ͔ʣ ͜ͷΜͰࢭΊΕൺֱత҆શ
8FC1ͷͨΊʹͲͷόʔδϣϯΛ͍͍͔͑ w ͢Ͱʹ*NBHF.BHJDLʢҎલʣΛར༻தͷγεςϜ w ·Ͱ্͛Εʢ8FC1ʹ͓͍ͯʣඞཁे w Ͱ8FC1ͷ8JOEPXTରԠ͞Ε͍ͯΔ w ·ͩ*NBHF.BHJDLΛར༻͍ͯ͠ͳ͍γεςϜ w
࠷৽൛Λ͍·͠ΐ͏