アプリファーストの影で頑張るWebの話

by Yui Sakamoto

Slide 1

Slide 1 text

ΞϓϦϑΝʔετͷ ӨͰؤுΔWebͷ࿩ Yui Sakamoto

Slide 2

Slide 2 text

• ࡔຊ ݁ҥ(@yui_tang) • Software Engineer • Mercari, inc. • ೖࣾ3೥໨ʹಥೖ • αʔόʔαΠυɺϑϩϯτΤϯυɺϓϩδΣΫ τΦʔφʔ౳ʑ • ༷ʑͳϓϩδΣΫτʹؔΘΓͳ͕Β΋ɺೖࣾҎ དྷWebΛ୲౰͍ͯ͠Δ About Me

Slide 3

Slide 3 text

ࠓ೔࿩͢͜ͱ • ϝϧΧϦͷWebαΠτͱ͸ʁ • ϝϧΧϦWebͷ੒௕ͱύϑΥʔϚϯεվળ • ࢖͍ͬͯΔٕज़ • ։ൃମ੍ͱɺϝϧΧϦWebͷ೉͠͞ • ͦͯ͜͠Ε͔Βͷ͜ͱ

Slide 4

Slide 4 text

ϝϧΧϦͷWebαΠτͱ͸ʁ

Slide 5

Slide 5 text

೔ຊ!

Slide 6

Slide 6 text

US"

Slide 7

Slide 7 text

UK#

Slide 8

Slide 8 text

WebαΠτػೳ঺հ • ঎඼ݕࡧ • ձһొ࿥ • ঎඼ߪೖ • ग़඼ • ֤छऔҾ্ͷػೳ etc...

Slide 9

Slide 9 text

WebαΠτػೳ঺հ • ঎඼ݕࡧ • ձһొ࿥ • ঎඼ߪೖ • ग़඼ • ֤छऔҾ্ͷػೳ etc... ओཁͳϝϧΧϦͷػೳ͸ Ұ௨Γ࢖͑Δ

Slide 10

Slide 10 text

Webಛ༗ͷٕज़ • • EC౳ͷproduct͸Googleݕࡧ্෦࿮΁ͷಛผର৅Ͱ͸ͳ͍ɻ • ঎඼ϖʔδ͸طʹ਺ສϖʔδ͕INDEX • Universal Links • AppIndex εϚϗϢʔβʔʹ͸ΞϓϦΛ࢖ͬͯཉ͍͠!!

Slide 11

Slide 11 text

εϚϗϢʔβʔʹ͸ ΞϓϦΛ࢖ͬͯཉ͍͠!!

Slide 12

Slide 12 text

ϝϧΧϦWebαΠτͷऔΓ૊Έ •εϚϗͰΞΫηεͨ͠ϢʔβʔΛΞϓϦʹ༠ಋ •঎඼΍Ϣʔβʔ৘ใͷSNSγΣΞ •SEOʹΑͬͯɺඇϢʔβʔ΁ͷೝ஌޲্ •ඇεϚϗϢʔβʔ͕ϝϧΧϦΛ࢖ͬͯ΋Β͑Δ͜ͱͰɺϢʔβʔͷ੄ ໺Λ޿͛Δ •ߪೖػೳ on Web •ग़඼ػೳ on Web

Slide 13

Slide 13 text

ϝϧΧϦWeb PC͔ΒͷΞΫηε 2016೥1݄ 2ׂऑ

Slide 14

Slide 14 text

ϝϧΧϦWeb PC͔ΒͷΞΫηε 2016೥1݄ 2ׂऑ 2017೥1݄ 4ׂڧ

Slide 15

Slide 15 text

ϝϧΧϦWeb PC͔ΒͷΞΫηε ঎඼΍Ϣʔβʔ৘ใͷSNSγΣΞ SEOʹΑͬͯɺඇϢʔβʔʹೝ஌ͯ͠΋Β͏ ඇεϚϗϢʔβʔ͕ϝϧΧϦΛ࢖ͬͯ΋Β͑Δ͜ͱͰɺϢʔ βʔͷ੄໺Λ޿͛Δ ߪೖػೳ on Web ग़඼ػೳ on Web 2016೥1݄ 2ׂऑ 2017೥1݄ 4ׂڧ ৽ͨͳϢʔβʔ૚ͷ ֫ಘʹ੒ޭ

Slide 16

Slide 16 text

ϝϧΧϦWebͷ੒௕

Slide 17

Slide 17 text

ϝϧΧϦWebͷେ͖ͳػೳϦϦʔε • 2015೥຤ • ՆʹϑϧεΫϥον(FW͔Β!!)ͰϦχϡʔΞϧͨ͠ US WebͷγεςϜʹJP WebΛҠߦ • 2016೥3݄ • WebαΠτͰͷߪೖػೳΛϦϦʔε • 2016೥6݄ • WebαΠτͰͷग़඼ػೳΛϦϦʔε

Slide 18

Slide 18 text

ϝϧΧϦWebͷ੒௕ ̍೥Ͱ໿3ഒʹ❗ ݄ͷग़඼ػೳϦϦʔεͰঃʑʹ૿Ճ㽉 ϝσΟΞ࿐ग़Ͱߋʹ૿Ճ Ϣʔβʔ਺ਪҠ

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

ঃʑʹ૿Ճ㽉 ݁Ռతʹ೥ؒͰ໿10ഒ૿❗ 17਺ਪҠ ϝϧΧϦWebͷ੒௕

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

%"6ਪҠ ग़඼ػೳϦϦʔε͔Βঃʑʹ૿Ճ㽉 ܧଓతʹϢʔβʔ૿Ճத ϝϧΧϦWebͷ੒௕

Slide 23

Slide 23 text

%"6ਪҠ ग़඼ػೳϦϦʔε͔Βঃʑʹ૿Ճ㽉 ܧଓతʹϢʔβʔ૿Ճத ϝϧΧϦWebͷ੒௕ ܧଓతͳ੒௕ʹ൐͏ ෛՙ૿㽉ύϑΥʔϚϯε㽊

Slide 24

Slide 24 text

ϝϧΧϦWebͷύϑΥʔϚϯεվળ • SREνʔϜͱҰॹʹύϑΥʔϚϯεվળ • TTFBվળ • ίϯςϯπμ΢ϯϩʔυߴ଎Խ • ͻͨ͢ΒΩϟογϡઓུ • ϓϩδΣΫτ͕ࢭ·͍ͬͯΔ࣌΋ΨϯΨϯվળʂʂ

Slide 25

Slide 25 text

γεςϜߏ੒ • MicroServicesతߏ੒ • ΞϓϦͱڞ௨ͷAPIΛར༻ • jQueryϕʔε / React, Redux • 1ιʔεͰෳ਺ϦʔδϣϯΛ࣮ݱ • iOS, AndroidͷΞϓϦͱฒͿΫϥΠΞϯτΞϓϦ

Slide 26

Slide 26 text

։ൃମ੍ • σΟϨΫλʔ • σβΠφʔ • ϑϩϯτΤϯυΤϯδχΞ • αʔόʔαΠυΤϯδχΞ • QA ଞϓϩδΣΫτͱ݉຿͠ͳ͕Β೔ຊͰ։ൃɻ ͱͯ΋ศརͳσϓϩΠCPUΛۦ࢖ͯ͠ɺ ଟ͍࣌ʹ͸8FC͚ͩͰ೔ʹʙճͷຊ൪ϦϦʔε΋ɻ

Slide 27

Slide 27 text

ࠓޙͷల๬ • ΞϓϦػೳͷߋͳΔҠ২ • A/BςετʹΑΔUXվળ • άϩʔόϧͳSEOͷ੒ޭ • ϑϩϯτΤϯυͷ࠷৽ٕज़ಋೖ • PCϢʔβʔͷ܏޲ʹ߹ΘͤͨಠࣗਐԽ • ֤ࠃͷϢʔβʔʹϑΟοτͨ͠ಠࣗਐԽ • ύϑΥʔϚϯεͷߋͳΔվળ etc...

Slide 28

Slide 28 text

Slide 29

Slide 29 text

ϝϧΧϦWebͷ೉͠͞ ϚϧνϦʔδϣϯରԠ • ଟݴޠରԠ • ύϑΥʔϚϯε΁ͷέΞ • ݻఆճઢ΋೔ຊͱൺ΂ͯ؀ڥ͸Α͘ͳ͍ • ࠃ಺Ͱ௨༻ͨ͠SEOςΫχοΫͰ͸ޮՌ͕ബ͍ • ֤ࠃʹσβΠϯΛϑΟοτͤ͞Δҝͷ࣮૷޻਺ͱอकੑ ͱͷτϨʔυΦϑ • ݶΒΕͨϦιʔεͰ΍Γ͘Γ

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

·ͱΊ

Slide 32

Slide 32 text

ϝϧΧϦͷ੒௕ͷཪʹ͸ɺ ͦΕΛࢧ͑ΔWeb͕͋Δ❗

Slide 33

Slide 33 text

ੈքͰউͭϝϧΧϦΛࢧ͑Δ WebαΠτΛ࡞Δҝʹ • USɾEUɾͦͷଞੈք֤ࠃͷਓʑʹϝϧΧϦΛ࢖ͬͯ΋Β͏ҝ ʹɺΞϓϦΛࢧ͑ΔੈքతͳWebαΠτΛ࡞Γ͍ͨ❗ • WebαΠτͰ͔͠ग़དྷͳ͍ମݧ΍ػೳͰɺΞϓϦΛ΋྇կ͢Δ ମݧΛWebͰ࣮ݱ͍ͨ͠❗ ੈքͰউͭҝʹҰॹʹ࣮ݱ͠·ͤΜ͔