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

Transcript

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

2. • ࡔຊ ݁ҥ(@yui_tang) • Software Engineer • Mercari, inc. •

   ೖࣾ3೥໨ʹಥೖ • αʔόʔαΠυɺϑϩϯτΤϯυɺϓϩδΣΫ τΦʔφʔ౳ʑ • ༷ʑͳϓϩδΣΫτʹؔΘΓͳ͕Β΋ɺೖࣾҎ དྷWebΛ୲౰͍ͯ͠Δ About Me

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

   ͦͯ͜͠Ε͔Βͷ͜ͱ

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

5. ೔ຊ!

6. US"

7. UK#

8. WebαΠτػೳ঺հ • ঎඼ݕࡧ • ձһొ࿥ • ঎඼ߪೖ • ग़඼ •

   ֤छऔҾ্ͷػೳ etc...

9. WebαΠτػೳ঺հ • ঎඼ݕࡧ • ձһొ࿥ • ঎඼ߪೖ • ग़඼ •

   ֤छऔҾ্ͷػೳ etc... ओཁͳϝϧΧϦͷػೳ͸ Ұ௨Γ࢖͑Δ

10. Webಛ༗ͷٕज़ • • EC౳ͷproduct͸Googleݕࡧ্෦࿮΁ͷಛผର৅Ͱ͸ͳ͍ɻ • ঎඼ϖʔδ͸طʹ਺ສϖʔδ͕INDEX • Universal Links •

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

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

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

    on Web

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

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

15. ϝϧΧϦWeb PC͔ΒͷΞΫηε ঎඼΍Ϣʔβʔ৘ใͷSNSγΣΞ SEOʹΑͬͯɺඇϢʔβʔʹೝ஌ͯ͠΋Β͏ ඇεϚϗϢʔβʔ͕ϝϧΧϦΛ࢖ͬͯ΋Β͑Δ͜ͱͰɺϢʔ βʔͷ੄໺Λ޿͛Δ ߪೖػೳ on Web ग़඼ػೳ

    on Web 2016೥1݄ 2ׂऑ 2017೥1݄ 4ׂڧ ৽ͨͳϢʔβʔ૚ͷ ֫ಘʹ੒ޭ

16. ϝϧΧϦWebͷ੒௕

17. ϝϧΧϦWebͷେ͖ͳػೳϦϦʔε • 2015೥຤ • ՆʹϑϧεΫϥον(FW͔Β!!)ͰϦχϡʔΞϧͨ͠ US WebͷγεςϜʹJP WebΛҠߦ • 2016೥3݄

    • WebαΠτͰͷߪೖػೳΛϦϦʔε • 2016೥6݄ • WebαΠτͰͷग़඼ػೳΛϦϦʔε

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

19. None

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

21. None

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

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

24. ϝϧΧϦWebͷύϑΥʔϚϯεվળ • SREνʔϜͱҰॹʹύϑΥʔϚϯεվળ • TTFBվળ • ίϯςϯπμ΢ϯϩʔυߴ଎Խ • ͻͨ͢ΒΩϟογϡઓུ •

    ϓϩδΣΫτ͕ࢭ·͍ͬͯΔ࣌΋ΨϯΨϯվળʂʂ

25. γεςϜߏ੒ • MicroServicesతߏ੒ • ΞϓϦͱڞ௨ͷAPIΛར༻ • jQueryϕʔε / React, Redux

    • 1ιʔεͰෳ਺ϦʔδϣϯΛ࣮ݱ • iOS, AndroidͷΞϓϦͱฒͿΫϥΠΞϯτΞϓϦ

26. ։ൃମ੍ • σΟϨΫλʔ • σβΠφʔ • ϑϩϯτΤϯυΤϯδχΞ • αʔόʔαΠυΤϯδχΞ •

    QA ଞϓϩδΣΫτͱ݉຿͠ͳ͕Β೔ຊͰ։ൃɻ
    ͱͯ΋ศརͳσϓϩΠCPUΛۦ࢖ͯ͠ɺ
    ଟ͍࣌ʹ͸8FC͚ͩͰ೔ʹʙճͷຊ൪ϦϦʔε΋ɻ

27. ࠓޙͷల๬ • ΞϓϦػೳͷߋͳΔҠ২ • A/BςετʹΑΔUXվળ • άϩʔόϧͳSEOͷ੒ޭ • ϑϩϯτΤϯυͷ࠷৽ٕज़ಋೖ •

    PCϢʔβʔͷ܏޲ʹ߹ΘͤͨಠࣗਐԽ • ֤ࠃͷϢʔβʔʹϑΟοτͨ͠ಠࣗਐԽ • ύϑΥʔϚϯεͷߋͳΔվળ etc...

28. ։ൃମ੍ • σΟϨΫλʔ • σβΠφʔ • ϑϩϯτΤϯυΤϯδχΞ • αʔόʔαΠυΤϯδχΞ •

    QA ଞϓϩδΣΫτͱ݉຿͠ͳ͕Β೔ຊͰ։ൃɻ
    ͱͯ΋ศརͳσϓϩΠCPUΛۦ࢖ͯ͠ɺ
    ଟ͍࣌ʹ͸8FC͚ͩͰ೔ʹʙճͷຊ൪ϦϦʔε΋ɻ

29. ϝϧΧϦWebͷ೉͠͞ ϚϧνϦʔδϣϯରԠ • ଟݴޠରԠ • ύϑΥʔϚϯε΁ͷέΞ • ݻఆճઢ΋೔ຊͱൺ΂ͯ؀ڥ͸Α͘ͳ͍ • ࠃ಺Ͱ௨༻ͨ͠SEOςΫχοΫͰ͸ޮՌ͕ബ͍

    • ֤ࠃʹσβΠϯΛϑΟοτͤ͞Δҝͷ࣮૷޻਺ͱอकੑ ͱͷτϨʔυΦϑ • ݶΒΕͨϦιʔεͰ΍Γ͘Γ
30. None

31. ·ͱΊ

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

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