Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How We Gain "Mobile First" Using WebP with Imag...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Issei Naruta Issei Naruta
February 18, 2015
Technology
13k
10

How We Gain "Mobile First" Using WebP with ImageMagick

2015/2/18 画像変換Night http://connpass.com/event/11516/

Avatar for Issei Naruta

Issei Naruta

February 18, 2015

More Decks by Issei Naruta

See All by Issei Naruta
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
Avatar for Issei Naruta mirakui
5
800
インフラからSREへ
Avatar for Issei Naruta mirakui
32
14k
データパイプラインをなんとかした話 / Improving the Data Pipeline in IVRy
Avatar for Issei Naruta mirakui
2
650
Cookpad TechConf 2022 Keynote
Avatar for Issei Naruta mirakui
0
4.1k
ドライイーストを使わずにパンを焼けるか？ 〜天然酵母のパン作りを支える技術〜
Avatar for Issei Naruta mirakui
0
3.7k
関東積みについて/How to build Kanto-stacking
Avatar for Issei Naruta mirakui
0
790
先折りGTRについて/How to build left-GTR transitions
Avatar for Issei Naruta mirakui
3
1.1k
サービス開発速度に着目したソフトウェアアーキテクチャ/Software architecture for effective service development at Cookpad
Avatar for Issei Naruta mirakui
5
7.3k
Beyond the Boundaries
Avatar for Issei Naruta mirakui
1
1.4k

Other Decks in Technology

See All in Technology
Snowflakeと仲良くなる第一歩
Avatar for あべ coco_se
4
420
地球に⽣きるAI —GeoAIと「中間領域」— / AI Living on Earth — GeoAI and the “Intermediate Layer” —
Avatar for Kiyota Yoji, Ph.D. ykiyota
0
280
現地で盛り上がった WWDC26 Keynote
Avatar for ZOZO Developers zozotech
PRO
1
200
小さくはじめるSLI/SLO ～育てながら組織に定着させる実践知～ / Starting Small with SLI/SLOs: Building Adoption Through Continuous Growth
Avatar for Narimichi Takamura nari_ex
4
1.7k
AWSシリコン最前線 〜AI時代のチップ選択を読み解く〜
Avatar for Hiroshi Tokoyo htokoyo
2
450
非定型業務をAI slackbotで自動化する ~ 社内要望を自動壁打ちするbotを作った ~/automating-ad-hoc-work-with-ai-slackbot
Avatar for shibayu36 shibayu36
0
600
10倍の生産性を実現するAI駆動並列エージェントのすべて
Avatar for 熊井悠 kumaiu
5
1.3k
Claude Codeをどのように キャッチアップしているか
Avatar for Oikon oikon48
5
2.9k
MCP Appsを作ってみよう
Avatar for iwamot iwamot
PRO
4
530
2026TECHFRESH畢業分享會 - Lightning Talk - 打造精準高效的 MCP 設計模式與測試實務
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
780
連合学習と機密コンピューティング
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
100
AAIFに入ってみた ～内から見えるコミュニティ動向～
Avatar for Satoshi Ito sato4
0
160

Featured

See All Featured
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
200
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
720
Between Models and Reality
Avatar for mayunak mayunak
4
330
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
170
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
830
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
400
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k

Transcript

  1. *NBHF.BHJDL 8FC1Ͱ
 ϞόΠϧϑΝʔετͪ͠Ό͏ !NJSBLVJ *TTFJ/BSVUB  *OGSBTUSVDUVSF%JW$PPLQBE *OD ը૾ม׵/JHIU

  2. ࠓ೔֮͑ͯؼͬͯ ΄͍͜͠ͱ

  3. ΢Σοϐʔ

  4. IUUQKBXJLJQFEJBPSHXJLJ8FC1

  5. IUUQUFDIMJGFDPPLQBEDPNFOUSZ

  6. J04"OESPJEΞϓϦͰ͸
 ྉཧࣸਅΛ8FC1Ͱදࣔ

  7. ͳͥ8FC1͔ʁ

  8. +1&(ʹൺ΂ͯϑΝΠϧαΠζ ͕খ͘͞ɺը࣭΋ྼԽ͠ʹ͍͘

  9. None

  10. 8FC1ͷܽ఺

  11. ܽ఺ w ରԠ؀ڥ͕গͳ͍ w ʮӈΫϦοΫͰը૾ΛอଘʯͰ+1&(͕ཉ͍͠ਓʑ w GBDFCPPLͷ8FC1ෆධࣄ݅ w ωΠςΟϒΞϓϦͳΒ໰୊ͳ͍ͷͰ͸ w

    ᠘"OESPJEҎ߱Ͱඪ४ରԠͱࢥ͍͖΍ͦ͏Ͱ΋ͳ͍
 ˠҎ߱ͷΈ༗ޮʹ͍ͯ͠Δ

  12. ʮ࣌୅͸΢ΣοϐʔͰϞόΠϧϑΝʔετ͔ͩΒɻ
 5PGV͸*NBHF.BHJDLͳΜ͔ͩΒ͙͢Ͱ͖ΔͰ͠ΐʯ ʮ༨༟ͬ͢Αʯ

  13. 5PGV w ΫοΫύουʹ͓͚Δը૾ͷಈతม׵γεςϜ w "QBDIFϞδϡʔϧ *NBHF.BHJDL w ৄ͘͠͸ʮDPPLQBEUPGVʯͰݕࡧ w IUUQXXXTMJEFTIBSFOFUNJSBLVJTT

  14. *NBHF.BHJDLͷ
 8FC1ରԠঢ়گΛௐࠪͯ͠ΈΔ

  15. IUUQEIBUFOBOFKQZPZBXFCQ

  16. ͔Β8FC1ରԠʂ ౰࣌5PGV͸

  17. Α͔ͬͨʜָউͳ΍ͭͩʜ MJCXFCQϦϯΫͯ͠ϦϏϧυ͢Δ͚ͩͰ ͍͍ΜͰ͠ΐ

  18. ॱௐʹݟ͑ͨ8FC1ಋೖ ͔͠͠ͻͱ͚ͭͩ໰୊͕͋ͬͨ

  19. *NBHF.BHJDL
 ͷ8FC1पΓ͸ͿͬյΕͯΔ

  20. *NBHF.BHJDLͰͷ8FC1 w 8FC1΁ม׵͢Δࡍʹ2VBMJUZʢը࣭ʣͷࢦఆ͕Ͱ͖ͳ͍ w 8FC1ͷ໨ۄͰ͋Δը࣭ίϯτϩʔϧ͕Ͱ͖ͳ͍ɻແҙຯ w ม׵ޙ͸ৗʹ2VBMJUZʹͳΔʢθϩͱ͸ʜʣ w ϦαΠζɺΫϩοϓपΓͷڍಈ͕όάͬͯΔ w

    $.:,ը૾Λม׵͢Δͱ৭͕͓͔͘͠ͳΔ w ϝϞϦϦʔΫ͕͋Δ

  21. ͭ·ΓյΕͯ·͢

  22. $IBOHF-PHΛ ௥ͬͯΈΔ

  23. 8FC1ରԠ ʢͱओுʣ

  24. ϝϞϦϦʔΫमਖ਼

  25. 2VBMJUZࢦఆʹରԠ ʢػೳ௥ՃΈ͍ͨʹݴΘΕͯ΋ʜʣ

  26. ·ͨϝϞϦϦʔΫͷमਖ਼

  27. 8FC1ΛσϑΥϧτT3(#Ͱ
 ग़ྗ͢ΔΑ͏ʹมߋ

  28. +1&( $.:, 8FC1 DPOWFSU DPOWFSUDPMPSTQBDFT3(#

  29. 8FC1ରԠ͍͚ͨͩͩͬͨ͠ͷʹ
 ͔ͳΓͷόʔδϣϯΞοϓΛ
 ڧ͍ΒΕΔ͜ͱ͕൑໌

  30. ͥΜͥΜָউ͡Όͳ͔ͬͨ

  31. *NBHF.BHJDLͷ
 όʔδϣϯΞοϓා͗͢໰୊

  32. ઈରʹආ͚͍ͨࣄଶ w *NBHF.BHJDLͷόʔδϣϯΞοϓʹΑͬͯ
 ग़ྗը૾ͷ৭ຯ͕มΘͬͯ͠·͏͜ͱ w ݕূ͸͔ͳΓେม

  33. ࡶʹ࣭໰ͯ͠ΈΔ IUUQTUXJUUFSDPNNJSBLVJTUBUVT

  34. IUUQTUXJUUFSDPNZPZBTUBUVT

  35. ਆΑʜ ʢԿͰͦΜͳʹৄ͍͠ͷʜʣ

  36. ͭ·Γ 8FC1ରԠʢসʣ ౰࣌ར༻͍ͯͨ͠όʔδϣϯ 8FC1ͷϝϞϦϦʔΫमਖ਼ 8FC1ͷ2VBMJUZରԠ 8FC1ͷϝϞϦϦʔΫमਖ਼ɺόάpY 8FC1ग़ྗͷ৭ۭ͕ؒσϑΥϧτT3(#ʹ ৭ۭؒͷѻ͍͕मਖ਼ʢ৭ຯ͕มΘΔ͔΋ʣ ͜ͷ΁ΜͰࢭΊΕ͹ൺֱత҆શ

  37. 8FC1ͷͨΊʹ͸ͲͷόʔδϣϯΛ࢖͑͹͍͍͔ w ͢Ͱʹ*NBHF.BHJDLʢҎલʣΛར༻தͷγεςϜ w ·Ͱ্͛Ε͹ʢ8FC1ʹ͓͍ͯ͸ʣඞཁे෼ w Ͱ8FC1ͷ8JOEPXTରԠ΋͞Ε͍ͯΔ w ·ͩ*NBHF.BHJDLΛར༻͍ͯ͠ͳ͍γεςϜ w

    ࠷৽൛Λ࢖͍·͠ΐ͏