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

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

Edbee6089620d92f417d03963f1775d9?s=47 Yui Sakamoto
January 20, 2017

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

Edbee6089620d92f417d03963f1775d9?s=128

Yui Sakamoto

January 20, 2017
Tweet

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Ͱ࣮ݱ͍ͨ͠❗ ੈքͰউͭҝʹҰॹʹ࣮ݱ͠·ͤΜ͔