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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Issei Naruta 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/

Avatar for Issei Naruta

Issei Naruta

February 18, 2015
Tweet

More Decks by Issei Naruta

See All by Issei Naruta
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
Avatar for Issei Naruta mirakui
5
730
インフラからSREへ
Avatar for Issei Naruta mirakui
32
14k
データパイプラインをなんとかした話 / Improving the Data Pipeline in IVRy
Avatar for Issei Naruta mirakui
1
630
Cookpad TechConf 2022 Keynote
Avatar for Issei Naruta mirakui
0
4k
ドライイーストを使わずにパンを焼けるか？ 〜天然酵母のパン作りを支える技術〜
Avatar for Issei Naruta mirakui
0
3.6k
関東積みについて/How to build Kanto-stacking
Avatar for Issei Naruta mirakui
0
750
先折り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.2k
Beyond the Boundaries
Avatar for Issei Naruta mirakui
1
1.4k

Other Decks in Technology

See All in Technology
JAWS Days 2026 楽しく学ぼう！ 認証認可 入門/20260307-jaws-days-novice-lane-auth
Avatar for opelab opelab
10
1.7k
DevOpsエージェントで実現する!！ AWS Well-Architected（W-A） を実現するシステム設計 / 20260307 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
380
製造業ドメインにおける LLMプロダクト構築： 複雑な文脈へのアプローチ
Avatar for recruiting@caddi.jp caddi_eng
1
540
ブラックボックス観測に基づくAI支援のプロトコルのリバースエンジニアリングと再現 ~AIを用いたリバースエンジニアリング~ @ SECCON 14 電脳会議 / Reverse Engineering and Reproduction of an AI-Assisted Protocol Based on Black-Box Observation @ SECCON 14 DENNO-KAIGI
Avatar for chibiegg chibiegg
0
160
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
Avatar for daitasu daitasu
5
320
Claude Code Skills 勉強会 (DevelersIO向けに調整済み) / claude code skills for devio
Avatar for MasahiroKawahara masahirokawahara
0
1.1k
Abuse report だけじゃない。AWS から緊急連絡が来る状況とは？昨今の攻撃や被害の事例の紹介と備えておきたい考え方について
Avatar for kazzpapa3 kazzpapa3
1
280
マルチロールEMが実践する「組織のレジリエンス」を高めるための組織構造と人材配置戦略
Avatar for coconala_engineer coconala_engineer
3
650
Datadog の RBAC のすべて
Avatar for 株式会社ヌーラボ nulabinc
PRO
3
380
SRE NEXT 2026 CfP レビュアーが語る聞きたくなるプロポーザルとは？
Avatar for Yuta Kawasaki yutakawasaki0911
0
100
モブプログラミング再入門 ー 基本から見直す、AI時代のチーム開発の選択肢 ー / A Re-introduction of Mob Programming
Avatar for TAKAKING22 takaking22
5
910
Kaggleの経験が実務にどう活きているか / kaggle_findy
Avatar for Sansan R&D sansan_randd
7
1.3k

Featured

See All Featured
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
250
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
680
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.8k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
1.9k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
400
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
250
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
130
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k

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

    ࠷৽൛Λ࢖͍·͠ΐ͏