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

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ഒʹ❗
    ݄ͷग़඼ػೳϦϦʔεͰঃʑʹ૿Ճ㽉
    ϝσΟΞ࿐ग़Ͱߋʹ૿Ճ Ϣʔβʔ਺ਪҠ
20. ঃʑʹ૿Ճ㽉
    ݁Ռతʹ೥ؒͰ໿10ഒ૿❗ 17਺ਪҠ ϝϧΧϦWebͷ੒௕
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ςΫχοΫͰ͸ޮՌ͕ബ͍ • ֤ࠃʹσβΠϯΛϑΟοτͤ͞Δҝͷ࣮૷޻਺ͱอकੑ ͱͷτϨʔυΦϑ • ݶΒΕͨϦιʔεͰ΍Γ͘Γ
31. ·ͱΊ
32. ϝϧΧϦͷ੒௕ͷཪʹ͸ɺ ͦΕΛࢧ͑ΔWeb͕͋Δ❗
33. ੈքͰউͭϝϧΧϦΛࢧ͑Δ WebαΠτΛ࡞Δҝʹ • USɾEUɾͦͷଞੈք֤ࠃͷਓʑʹϝϧΧϦΛ࢖ͬͯ΋Β͏ҝ ʹɺΞϓϦΛࢧ͑ΔੈքతͳWebαΠτΛ࡞Γ͍ͨ❗ • WebαΠτͰ͔͠ग़དྷͳ͍ମݧ΍ػೳͰɺΞϓϦΛ΋྇կ͢Δ ମݧΛWebͰ࣮ݱ͍ͨ͠❗ ੈքͰউͭҝʹҰॹʹ࣮ݱ͠·ͤΜ͔