日経電子版のモバイル/PC版統合と今後の取り組み

 日経電子版のモバイル/PC版統合と今後の取り組み

[セッションの説明文]
日経電子版は、2017年11月のモバイル版と一部PC版のリニューアル以降、PWAに関する様々な施策を打ってきました。
現在、その知見を活かしつつ新たな成長基盤の構築のためモバイル版とPC版の統合プロジェクトを進めています。
このセッションでは、統合プロジェクトにおいての技術選定や新たな取り組み、今後の展望などを話したいと思います。

8485b89b0a678a4256c3adfc489db37b?s=128

Hiroyuki Sakai

February 01, 2020
Tweet

Transcript

  1. ೔ܦిࢠ൛ͷϞόΠϧ1$൛౷߹ͱ ࠓޙͷऔΓ૊Έ 18"/JHIU$0/'&3&/$& ೔ຊܦࡁ৽ฉࣾञҪ஦޾

  2. ࣗݾ঺հ w ञҪ஦޾ )JSPZVLJ4BLB  w ೥೔ຊܦࡁ৽ฉࣾத్ೖࣾ w σδλϧฤ੒Ϣχοτॴଐ w

    ओʹ೔ܦిࢠ൛ͷ8FC൛Λ୲౰
  3. ೔ܦిࢠ൛ʹ͍ͭͯ

  4. ೔ܦిࢠ൛ʹ͍ͭͯ w ೥݄૑ץ w ຖ೔ຊҎ্ͷهࣄΛ഑৴ w ༗ྉձһ਺໿ສਓ w ೥݄τοϓը໘ͷϦχϡʔΞϧ

  5. τοϓը໘ͷϦχϡʔΞϧ w τοϓը໘ͷϞόΠϧ൛ͱ 1$൛ͷ౷߹ w ϏδϡΞϧΛڧԽͨ͠σβΠ ϯ΁࡮৽ w ຊηογϣϯͰ͸ɺ͜ͷτο ϓը໘ϦχϡʔΞϧΛத৺ʹ

    ࿩͠·͢
  6. ΞδΣϯμ  ೔ܦిࢠ൛ͷϞόΠϧ൛ͱ1$൛ͷ֓ཁ  ೔ܦిࢠ൛๊͕͑Δ՝୊  ͍͔ʹ՝୊ʹऔΓ૊Ή͔  τοϓը໘ͷ౷߹൛ϦϦʔε·ͰͷऔΓ૊Έ 

    ϦϦʔεޙͷऔΓ૊Έͱࠓޙͷల๬
  7. ೔ܦిࢠ൛ͷϞόΠϧ൛ͱ1$൛ͷ֓ཁ

  8. ೥݄ ೥݄ ೥݄ ೥݄ ೔ܦిࢠ൛૑ץ ϞόΠϧ൛ͱҰ෦1$൛ΛϦχϡʔΞϧ Wͱ1$൛ͷ౷߹ϓϩδΣΫτ͕ൃ଍ τοϓը໘ͷ౷߹ϦχϡʔΞϧ൛ͷϦϦʔε ʙ ʙ

    ೥݄d ϦϦʔεޙͷऔΓ૊Έ
  9. τοϓ هࣄৄࡉ ΧςΰϦ ݕࡧ Ϛʔέοτ TFSWJDF .JEEMFXBSF w ೥݄૑ץ w

    ϞϊϦγοΫͳΞʔΩςΫνϟ w .JEEMFXBSFͰϦΫΤετ෼ࢄ ΍ΩϟογϡΛίϯτϩʔϧ ૑ץ͔Βӡ༻͕ଓ͘1$൛
  10. ೥݄ ೥݄ ೥݄ ೥݄ ೔ܦిࢠ൛૑ץ ϞόΠϧ൛ͱҰ෦1$൛ΛϦχϡʔΞϧ Wͱ1$൛ͷ౷߹ϓϩδΣΫτ͕ൃ଍ ʙ ʙ ೥݄d

    ϦϦʔεޙͷऔΓ૊Έ τοϓը໘ͷ౷߹ϦχϡʔΞϧ൛ͷϦϦʔε
  11. ߴ଎Խͨ͠ϞόΠϧ൛ͱҰ෦1$൛ w ϞόΠϧ൛ͷॏཁੑͷߴ·Γʹର Ԡͨ͠ϓϩδΣΫτ w ϞόΠϧ൛ͷશ໘ϦχϡʔΞϧͱ
 Ұ෦1$൛ͷ౷߹ w 18"ԽͱύϑΥʔϚϯεͷେ෯ͳ վળ

    w ຊηογϣϯͰ͸ศ্ٓWͱද ه https://developers.google.com/web/showcase/2018/nikkei?hl=ja
  12. WͷΞʔΩςΫνϟ w 'BTUMZ NJDSPTFSWJDFT
 ΞʔΩςΫνϟΛ࠾༻ w ֤ը໘͕ͦΕͧΕͭͷ TFSWJDF͔Βఏڙ͞ΕΔ w 'BTUMZ͸$%/ͱͯ͠ͷ໾ׂʹ

    Ճ͑ɺ֤TFSWJDF΁ͷϧʔςΟ ϯάͷ໾ׂΛ୲͏ τοϓ هࣄৄࡉ ΧςΰϦ ݕࡧ Ϛʔέοτ .Zχϡʔε NJDSPTFSWJDFT ேץɾ༦ץ Ϛʔέοτ SOJLLFJDPN
  13. w 1$൛ͱW͕ڞଘ w 'BTUMZPSNJEEMFXBSFͰ
 3FRVFTU63-ͱ6TFS"HFOU ΛݟͯɺϦΫΤετΛద੾ʹ ॲཧ͢Δ w ͜ͷΑ͏ͳߏ੒Ͱ҆ఆͨ͠ӡ ༻͕ߦΘΕ͍͕ͯͨɺ՝୊΋

    ͋ͬͨ τοϓ هࣄৄࡉ ΧςΰϦ ேץɾ༦ץ Ϛʔέοτ τοϓ هࣄৄࡉ ΧςΰϦ ݕࡧ Ϛʔέοτ .Zχϡʔε .JEEMFXBSF NJDSPTFSWJDFT TFSWJDF ೔ܦిࢠ൛ͷશମߏ੒ 1$൛ W SOJLLFJDPN XXXOJLLFJDPN
  14. ೔ܦిࢠ൛๊͕͑Δ՝୊

  15. ՝୊։ൃνʔϜͷ෼அ w ։ൃϦιʔεͷ෼ࢄ w ͭͷࢪࡦʹରͯͦ͠ΕͧΕͷ
 νʔϜͰ࣮૷͕ඞཁͳͨΊɺશ ମͱͯ͠ͷੜ࢈ੑΛ্͛ʹ͍͘ w ۀ຿஌ࣝͷ෼ࢄ w

    ࢓༷ॻ΍υΩϡϝϯτͷ؅ཧํ ๏͕ҟͳΓɺۀ຿஌͕ࣝ෼ࢄ ։ൃνʔϜ# ։ൃνʔϜ" τοϓ هࣄৄࡉ ΧςΰϦ ேץɾ༦ץ Ϛʔέοτ τοϓ هࣄৄࡉ ΧςΰϦ ݕࡧ Ϛʔέοτ .Zχϡʔε .JEEMFXBSF NJDSPTFSWJDFT TFSWJDF 1$൛ W
  16. ՝୊1$൛ͷύϑΥʔϚϯεͷ௿Լ w ໿೥ؒӡ༻͕ଓ͘1$൛ w ௕೥ͷӡ༻ʹΑΔύϑΥʔϚ ϯεͷ௿Լ͸͋Δఔ౓ආ͚Β Εͳ͍ w 1$൛ͷӡ༻Λଓ͚ͳ͕Βɺ
 ൈຊతͳύϑΥʔϚϯεվળ

    ͸೉қ౓͕ߴ͍ τοϓ هࣄৄࡉ ΧςΰϦ ேץɾ༦ץ Ϛʔέοτ τοϓ هࣄৄࡉ ΧςΰϦ ݕࡧ Ϛʔέοτ .Zχϡʔε .JEEMFXBSF NJDSPTFSWJDFT TFSWJDF 1$൛ W
  17. ՝୊σβΠϯͱػೳͷҰ؏ੑ w ΧϥʔεΩʔϜ΍6*ίϯϙʔωϯτ͕౷Ұ͞Ε͍ͯͳ͍ w 1$൛Ͱ͸ఏڙ͍ͯ͠Δ͕ɺWͰ͸ఏڙͰ͖͍ͯͳ͍ػೳɺ·ͨͦͷٯ΋

  18. ͍͔ʹ՝୊Λղܾ͢Δ͔

  19.  ։ൃνʔϜͷ෼அ  1$൛ͷύϑΥʔϚϯεͷ௿Լ  σβΠϯͱػೳͷҰ؏ੑ ͜ΕΒΛղܾͨ͠ཧ૝ܗ͸ʁ

  20. ໨ࢦ͢΂͖΋ͷ τοϓ هࣄৄࡉ ΧςΰϦ ݕࡧ Ϛʔέοτ .Zχϡʔε Ұ؏ੑͷ͋ΔػೳσβΠϯ 'BTUMZ NJDSPTFSWJDFTͷߏ੒Ͱ౷߹

    ੜ࢈ੑͷߴ͍։ൃνʔϜ ߴ͍ύϑΥʔϚϯε w Ұ౓ʹશͯͷཧ૝Λ׎͑Δͷ͸೉͍ͨ͠ΊɺͰ͖Δͱ͜Ζ͔ΒऔΓ૊Ή
  21. ೥݄ ೥݄ ೥݄ ೥݄ ೔ܦిࢠ൛૑ץ ϞόΠϧ൛ͱҰ෦1$൛ΛϦχϡʔΞϧ /FYU/JLLFJ Wͱ1$൛ͷ౷߹ϓϩδΣΫτͷൃ଍ ʙ ʙ

    ೥݄d ϦϦʔεޙͷऔΓ૊Έ τοϓը໘ͷ౷߹ϦχϡʔΞϧ൛ͷϦϦʔε
  22. ౷߹ϓϩδΣΫτͷୈҰΰʔϧ w τοϓը໘ͷ౷߹ w ࠓޙͷ౷߹ϓϩδΣΫτΛݟਾ͑ͨΞʔΩςΫνϟ΁ w ੜ࢈ੑΛߴΊΔͨΊͷٕज़બఆ w ػೳͷ୨͓Ζ͠ͱબఆɺσβΠϯͷ࡮৽

  23. ౷߹Λݟਾ͑ͨΞʔΩςΫνϟ΁ w 1$൛͕'BTUMZΛܦ༝͢ΔΑ͏ʹมߋ w ౷߹ޙεϜʔζʹ1$͔ΒͷΞΫηεΛ
 ౷߹൛ʹৼΓ෼͚ΒΕΔΑ͏ʹ w ͜ͷมߋʹΑΓɺ1$൛΁ͷมߋΛՃ͑Δ͜ ͱͳ͘ɺτοϓը໘Λ৽ن࡞੒ͨ͠౷߹൛΁ ࠩ͠ସ͑Մೳʹ

    τοϓ هࣄৄࡉ ΧςΰϦ Ϛʔέοτ ౷߹൛τοϓ هࣄৄࡉ ΧςΰϦ ݕࡧ Ϛʔέοτ .Zχϡʔε TFSWJDF NJDSPTFSWJDFT .JEEMFXBSF
  24. ੜ࢈ੑΛߴΊΔͨΊͷٕज़બఆ w ӈਤ͸Wͷٕज़ελοΫ w هࣄͷΑ͏ͳ੩తͳίϯ ςϯπΛ଎͘ఏڙ͢Δͨ ΊɺͰ͖ΔݶΓ443 w $MJFOU4FSWFSڞʹ
 1VSF+BWBTDSJQUͰ։ൃ

    w ੜ࢈ੑΛߴΊΔͨΊʹɺϞ μϯͳٕज़ελοΫʹஔ͖ ׵͑ͨ 5FNQMBUJOH 4FSWJDF8PSLFS $MJFOU4JEF3FOEFSJOH 4FSWFS $MJFOU
  25. 5FNQMBUJOH 4FSWJDF8PSLFS $MJFOU4JEF3FOEFSJOH 4FSWFS $MJFOU 5ZQF4DSJQUͷಋೖ w ৽نʹ௥Ճ͢Δίʔυ͸ɺ 5ZQF4DSJQUͰ౷Ұ w

    ڞ௨Ϟδϡʔϧ΋ɺগͣ͠ ͭ+BWB4DSJQU͔Β 5ZQFTDSJQU΁ॻ͖׵͑
  26. 5FNQMBUJOH 4FSWJDF8PSLFS $MJFOU4JEF3FOEFSJOH 4FSWFS $MJFOU 1SFBDUΛ࢖ͬͨ5FNQMBUJOH w 1SFBDUΛUFNQMBUF MBOHVBHFͱͯ͠ར༻ w

    ՝୊ͩͬͨ5FNQMBUF΁ͷ σʔλͷड͚౉͕͠ɺ+49 ʹΑΓ໌֬ʹ
  27. 5FNQMBUJOH 4FSWJDF8PSLFS $MJFOU4JEF3FOEFSJOH 4FSWFS $MJFOU 8FC$PNQPOFOUTͷ࠾༻ w גՁͷϦΞϧλΠϜ൓өͳ ͲҰ෦ͷಈతͳߋ৽͕ඞཁ ͳػೳͰ࠾༻

    w $VTUPN&MFNFOUTΛར༻ w 8FCඪ४ͷͨΊɺ௥Ճϥ ΠϒϥϦ͕ෆཁ w ϨϯμϦϯάϩδοΫͷݟ ௨͕͠ྑ͍
  28. 5FNQMBUJOH 4FSWJDF8PSLFS $MJFOU4JEF3FOEFSJOH 4FSWFS $MJFOU 8PSLCPYͷಋೖ w 4FSWJDF8PSLFSΛϑϧε ΫϥονͰॻ͍͍ͯͨ w

    Ωϟογϡͷ55-؅ཧͳͲ ࣗલͰ࣮૷͍ͯͨ͠෦෼Λ ঃʑʹ8PSLCPYͰஔ͖׵ ͑
  29. ػೳͷ୨͓Ζ͠ͱબఆɺσβΠϯͷ࡮৽ w ػೳͷ୨͓Ζ͠ͱબఆΛߦ͍ػೳ ͷҰ؏ੑΛ୲อ w σβΠϯ΋ϏδϡΞϧΛڧԽͨ͠ ΋ͷ΁࡮৽

  30. ೥݄ ೥݄ ೥݄ ೥݄ ೔ܦిࢠ൛૑ץ ϞόΠϧ൛ͱҰ෦1$൛ΛϦχϡʔΞϧ /FYU/JLLFJ Wͱ1$൛ͷ౷߹ϓϩδΣΫτͷൃ଍ ʙ ʙ

    ೥݄d ϦϦʔεޙͷऔΓ૊Έ τοϓը໘ͷ౷߹ϦχϡʔΞϧ൛ͷϦϦʔε
  31. େ͖ͳτϥϒϧ΋ͳ͘ແࣄϦϦʔε੒ޭʁ w ౰ॳͷ໨త͸ୡ੒͕ͨ͠ɺ৽ͨͳ՝୊ʹ΋ ௚໘ͨ͠ w ૝ఆΑΓύϑΥʔϚϯε্͕͕Βͣ w ಉҰυϝΠϯʹ౷߹൛ͱ1$൛ͷͭͷγ εςϜ͕ڞଘ͍ͯ͠ΔͨΊɺ
 1$޲͚ͷ4FSWJDF8PSLFSΛ࢖ͬͨΩϟο

    γϡઓུΛ࿅Γ௚͢ඞཁੑ w ϦϦʔε͸ΰʔϧͰ͸ͳ͘ελʔτ
  32. ϦϦʔεޙͷऔΓ૊Έ

  33. ೥݄ ೥݄ ೥݄ ೥݄ ೔ܦిࢠ൛૑ץ ϞόΠϧ൛ͱҰ෦1$൛ΛϦχϡʔΞϧ /FYU/JLLFJ Wͱ1$൛ͷ౷߹ϓϩδΣΫτͷൃ଍ ʙ ʙ

    ೥݄d ϦϦʔεޙͷऔΓ૊Έ τοϓը໘ͷ౷߹ϦχϡʔΞϧ൛ͷϦϦʔε
  34. 1SPEVDUJPO 4UBHJOH 2"CSBODI" 2"CSBODI# ύϑΥʔϚϯεͷϞχλϦϯάڧԽ w ૝ఆ͍ͯͨ͠΄ͲύϑΥʔϚϯε͕Ͱͳ͔ͬͨͨΊɺύϑΥʔϚϯενϡʔχϯάʹऔΓ૊Ή w ͦͷલʹಋೖࡁΈͷ4QFFE$VSWFʹՃ͑-JHIUIPVTF$*Λಋೖ͠ɺϞχλϦϯάͷڧԽ -JHIUIPVTF$*

  35. -JHIUIPVTF$* 1SPEVDUJPO 4UBHJOH 2"CSBODI" 2"CSBODI# -JHIUIPVTF$*ʹΑΔ QVTINFSHF୯Ґͷܭଌ 03 QVTI NFSHF

    EFQMPZ w CSBODI΁ͷQVTI·ͨ͸NFSHFʹΑΓ2"4UBHJOH؀ڥ΁σϓϩΠ w 2"4UBHJOH؀ڥʹରͯ͠-JHIUIPVTF$*ͰܭଌΛ࣮ࢪ͠ɺσάϨʔγϣϯΛݕ஌
  36. 4QFFE$VSWFʹΑΔ ຊ൪؀ڥͷܧଓతͳܭଌ 1SPEVDUJPO 4UBHJOH 2"CSBODI" 2"CSBODI# w ຊ൪؀ڥͰͷύϑΥʔϚϯεܭଌ͸ɺ4QFFE$VSWFͰܧଓతʹߦ͏ w 1FSGPSNBODF#VEHFUΛຬͨ͞ͳ͔ͬͨ৔߹ɺ4MBDLʹΞϥʔτΛྲྀ͠ௐࠪͱվળʹܨ͛Δ

    -JHIUIPVTF$*
  37. ஍ಓͳύϑΥʔϚϯενϡʔχϯά w લड़ͷύϑΥʔϚϯεͷϞχλϦϯά؀ڥΛ΋ͱʹɺޙճ͠ͱͳ͍ͬͯͨ
 ύϑΥʔϚϯενϡʔχϯάΛߦͳͬͨ w $ISPNF%FWUPPMT΍-JHIUIPVTFΛࢀߟʹ͋ͨΓ·͑ͷ͜ͱΛͭͣͭௐࠪ w 3FTPVSDF)JOUT΍TDSJQU΁ͷBTZODEFGFS͕ద੾ʹ෇༩͞Ε͍ͯΔ͔ʁ w ෆཁͳϦιʔεͷಡΈࠐΈ͕ͳ͍͔ʁ

    w ϑΝʔετϏϡʔʹෆཁͳը૾͕ಡΈࠐ·Ε͍ͯͳ͍͔ʁ
  38. ύϑΥʔϚϯενϡʔχϯάͷ݁Ռ w ϞόΠϧͰ͸ɺͭͷج४ͱ͍ͯͨ͠Wͱ΄΅͕ࠩͳ͘ͳΔ·Ͱվળ w 1$Ͱ͸ɺେ෯ͳύϑΥʔϚϯεͷվળΛୡ੒ͨ͠ ϞόΠϧ #FGPSF "GUFS "GUFS #FGPSF

    1$
  39. 4FSWJDF8PSLFSΛ࢖ͬͨ هࣄͷQSFDBDIFઓུͷݟ௚͠ w ྫ͑͹ɺτοϓը໘΁ͷΞΫηε࣌ʹܝࡌ͞Ε͍ͯΔهࣄΛQSFDBDIFͯ͠ ͓͚͹ɺݸผهࣄը໘΁ૉૣ͘ભҠͰ͖Δ w ͔͠͠ɺ౤ػతͳQSFDBDIF͸౰વࣦഊ͢Δ͜ͱ΋͋Δ w ͦͷࣦഊ͸ɺ௨৴ྔอଘྔ$%/ͷసૹྔͳͲ༷ʑͳίετΛੜΉ w

    QFDBDIFͷඅ༻ରޮՌΛߴΊΔͨΊͷࢪࡦΛݕ౼
  40. $53ʹجͮ͘هࣄͷQSFDBDIF w ౤ػͷ੒ޭ཰ΛߴΊΔͨΊʹ$53ʹ جͮ͘هࣄͷQSFDBDIFΛݕূͯ͠ ͍Δ w ·ͨɺQSFDBIFͷ੒ޭ౓Λଌఆ͢Δ 36. 3FBM6TFS.POJUPSJOH ج൫

    ͷߏஙʹ΋औΓ૊ΜͰ͍Δ w ͜ͷ36.ج൫͸ɺ'*% 'JSTU*OQVU %FMBZ ͷଌఆʹ΋ར༻͢Δ " # $ "ͷ$53 #ͷ$53 $ͷ$53 QSFDBDIFର৅ QSFDBDIFඇର৅
  41. ͞ΒͳΔ8FCମݧͷ޲্Λ໨ࢦͯ͠ w ͦͷଞͷऔΓ૊Έͱͯ͠ɺ8FC4IBSF"1*Λಋೖ w ։͍͍ͯΔهࣄͱ೚ҙͷΞϓϦΛ࿈ܞͰ͖ΔΑ͏ʹ w ͜ͷΑ͏ͳ8FCͰͷϢʔβʔମݧΛߴΊΔࢪࡦ΍ٕ ज़ʹੵۃతʹऔΓ૊ΜͰ͍͖͍ͨ

  42. 8F`SF)JSJOH w Ұॹʹ೔ܦిࢠ൛Λ੒௕ͤͯ͘͞ΕΔ஥ؒΛืूதͰ͢ʂ w ΤϯδχΞσβΠφʔϓϩμΫτϚωʔδϟʔେ׻ܴͰ͢ w !OJLLFJEFWFMPQFS΁ͷ%.͓଴͓ͪͯ͠Γ·͢

  43. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠