How We Gain "Mobile First" Using WebP with ImageMagick

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

΢Σοϐʔ

Slide 4

Slide 4 text

IUUQKBXJLJQFEJBPSHXJLJ8FC1

Slide 5

Slide 5 text

IUUQUFDIMJGFDPPLQBEDPNFOUSZ

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

ͳͥ8FC1͔ʁ

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

8FC1ͷܽ఺

Slide 11

Slide 11 text

ܽ఺ w ରԠ؀ڥ͕গͳ͍ w ʮӈΫϦοΫͰը૾ΛอଘʯͰ+1&(͕ཉ͍͠ਓʑ w GBDFCPPLͷ8FC1ෆධࣄ݅ w ωΠςΟϒΞϓϦͳΒ໰୊ͳ͍ͷͰ͸ w ᠘"OESPJEҎ߱Ͱඪ४ରԠͱࢥ͍͖΍ͦ͏Ͱ΋ͳ͍  ˠҎ߱ͷΈ༗ޮʹ͍ͯ͠Δ

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

IUUQEIBUFOBOFKQZPZBXFCQ

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

ͭ·ΓյΕͯ·͢

Slide 22

Slide 22 text

$IBOHF-PHΛ ௥ͬͯΈΔ

Slide 23

Slide 23 text

8FC1ରԠ ʢͱओுʣ

Slide 24

Slide 24 text

ϝϞϦϦʔΫमਖ਼

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

·ͨϝϞϦϦʔΫͷमਖ਼

Slide 27

Slide 27 text

8FC1ΛσϑΥϧτT3(#Ͱ  ग़ྗ͢ΔΑ͏ʹมߋ

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

ࡶʹ࣭໰ͯ͠ΈΔ IUUQTUXJUUFSDPNNJSBLVJTUBUVT

Slide 34

Slide 34 text

IUUQTUXJUUFSDPNZPZBTUBUVT

Slide 35

Slide 35 text

ਆΑʜ ʢԿͰͦΜͳʹৄ͍͠ͷʜʣ

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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