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

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

Avatar for Issei Naruta Issei Naruta
February 18, 2015
Technology
14k
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
850
インフラからSREへ
Avatar for Issei Naruta mirakui
32
14k
データパイプラインをなんとかした話 / Improving the Data Pipeline in IVRy
Avatar for Issei Naruta mirakui
2
670
Cookpad TechConf 2022 Keynote
Avatar for Issei Naruta mirakui
0
4.4k
ドライイーストを使わずにパンを焼けるか？ 〜天然酵母のパン作りを支える技術〜
Avatar for Issei Naruta mirakui
0
3.7k
関東積みについて/How to build Kanto-stacking
Avatar for Issei Naruta mirakui
0
810
先折り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.5k

Other Decks in Technology

See All in Technology
AI時代のアウトプット――変わったこと、変わらないこと / Devsumi 2026 Kansai #devsumi
Avatar for Junichi Ito jnchito
0
580
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
5k
AIで変わるエンジニアの働き方（仮）
Avatar for naoinaoi naoinaoi
0
560
ClaudeCodeでセキュリティ監視業務を半自動化_1年の運用でわかったAIに任せる設計の5つのポイント
Avatar for KintoTech_Dev kintotechdev
3
480
AI for Science時代を切り開く、政府の次世代HPC戦略の展望
Avatar for GPU UNITE gpuunite_official
0
260
AIに持続⼒を与える 判断の⻑期記憶設計
Avatar for eiei114 eiei114
1
720
Kiro入門｜仕様駆動開発で変わるAI時代の開発スタイル
Avatar for 工藤皓夢 cmkudo
0
390
カーネルまで探検して理解するふたつの自動計装
Avatar for すみや sumiyae
0
320
Introduction to Sansan Meishi Maker Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
460
「面白い！」を信じ抜け。激動の時代を貫く、オンリーワン・エンジニアの条件
Avatar for t.kizawa kizawa2020
0
250
顧客の要望は2次情報である 〜アンテナを張るFDEの構造論〜
Avatar for Noriaki Oji noriakioji
2
730
dbt と Snowflake と tag
Avatar for Kosaku Ono kevinrobot34
1
250

Featured

See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
220
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.5k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
380
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
850
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
540
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
310
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
470
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.3k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.9k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k

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

    ࠷৽൛Λ࢖͍·͠ΐ͏