$30 off During Our Annual Pro Sale. View Details »

MTDDC 2019 MT

hayase
November 16, 2019

MTDDC 2019 MT

MTDDC Meetup TOKYO 2019 で登壇時の資料です
タイトル「CMSはウェブサイトだけのものじゃない! サービス型CMSでデジタルサイネージや PWAアプリを簡単に実現」

hayase

November 16, 2019
Tweet

More Decks by hayase

Other Decks in Technology

Transcript

  1. $.4͸΢ΣϒαΠτ͚ͩͷ΋ͷ͡Όͳ͍ʂ αʔϏεܕ$.4ͰσδλϧαΠωʔδ΍ 18"ΞϓϦΛ؆୯ʹ࣮ݱ

  2. ࣗݾ঺հ γοΫεɾΞύʔτגࣜձࣾ ੡඼اըγχΞϚωδϟʔ ૣ੉ɹকҰ ݸਓαΠτɹIUUQTIBZBTFUW ɾ.5 .PWBCMF5ZQF ྺ೥໨ ɾԕڑ཭πʔΩχετʢἚ৓ʣ ɾςϨϫʔΫͰϫʔϧυϏδωεαςϥΠτີணऔࡐ

    ɾυϩʔϯඈ͹ͯ͠ࢢͷެࣜ؍ޫಈը࡞੒ ɾԻָϥΠϒͷԋग़༻ιϑτͳͲ͍Ζ͍Ζ࡞੒ ɾੈքΏΔϛϡʔδοΫڠձʹࢀՃ ɾ΀Α΀ΑFεϙʔπɹἚ৓ࠃମ༧બʹग़৔͠ഊୀ ɹʢTXJUDI൛ສਓதܻ͘Β͍ͷ࣮ྗʣ
  3. ຊ೔ͷ༧ఆ w .PWBCMF5ZQFγϦʔζͷ͝঺հ w αʔϏεܕ$.4.PWBCMF5ZQFOFUͷಛ௃ w σδλϧαΠωʔδͷ࣮૷ྫͷ঺հ w 18"ΞϓϦͷ࣮૷ྫͷ঺հ

  4. None
  5. .PWBCMF5ZQF ʮίϯςϯπλΠϓʯͱ%BUB"1*Ͱɺॊೈͳίϯςϯπ࡞ ੒ͱɺϫϯιʔεɾϚϧνϢʔεΛ࣮ݱ͢Δ$.4ɻ ࢿ࢈Ͱ͋ΔίϯςϯπͷʮՄ༻ੑʯΛߴΊɺ৘ใൃ৴Λڧྗ ʹαϙʔτɻ

  6. .PWBCMF5ZQFͷ௚ۙͷϦϦʔε ݄೔ʹSΛϦϦʔε w ίϯςϯπλΠϓɾίϯςϯπσʔλͷॲཧʹ͕͔͔࣌ؒΔ ໰୊Λղܾ w ίϯςϯπλΠϓͷϦονςΩετΤσΟλͷվળ w ηΩϡϦςΟରࡦ΋ؚΉ༷ʑͳόάϑΟοΫε

  7. ݄ϦϦʔεڞ༗ϓϨϏϡʔϓϥάΠϯ ίϯςϯπσʔλɺهࣄɺ΢ΣϒϖʔδʹରԠ͠ɺ௨ৗͷҰ࣌ తͳϓϨϏϡʔͰ͸ͳ͘ɺެ։લʹଞͷਓʹ֬ೝͯ͠΋Β͑Δ ϓϨϏϡʔϖʔδΛੜ੒

  8. None
  9. ࢖͍ํ͸େ͖͘ύλʔϯ #"    !  $  

  10. .PWBCMF5ZQFOFUϑΥʔϜͷಛ௃ w߲໨͸υϥοάˍυϩοϓͰͩΕͰ΋؆୯ʹ࡞੒͢Δ͜ͱ͕Ͱ͖Δ wઃஔ͸ඞཁͳεΫϦϓτΛઃஔ্ͨ͠ͰJGSBNFͷιʔεΛషΔ͚ͩ wड෇σʔλΛอଘ͠$47Ͱॻ͖ग़͠΋Ͱ͖Δ w݅਺΍೔࣌Λࢦఆͯ͠ड෇Λఀࢭͤ͞Δ͜ͱ͕Ͱ͖Δ wαΠϘ΢ζࣾͷLJOUPOFͱͷ࿈ܞػೳͰϑΥʔϜͷσʔλΛ௚઀ΞϓϦʹ౉ͤΔ w௨஌ϝʔϧ΍ࣗಈฦ৴ϝʔϧ΋ࣗ༝ʹΧελϚΠζՄೳ wϑΥʔϜ͝ͱʹઃஔ͢ΔαΠτͷυϝΠϯΛࢦఆͰ͖Δ

  11. Ձ֨ɾϓϥϯ

  12. None
  13. .PWBCMF5ZQFOFUαΠταʔν ઃஔ΋؆୯Ͱֹ݄ԁ͔Βొ࿥͢Ε͹͙͢ʹ࢖͑Δ ޿ࠂແ͠ͷ"41ܕͷαʔναʔϏε

  14. .PWBCMF5ZQFOFUαΠταʔνͷಛ௃ w ݕࡧΤϯδϯʹ͸(PPHMFͷ"1*Λ࠾༻ w ݕࡧ݁Ռʹ޿ࠂͳ͠ w ຒΊࠐΈίʔυͷషΓ෇͚Ͱ͔ΜͨΜઃஔ w Ωʔϫʔυ͝ͱʹ༏ઌදࣔϖʔδͷࢦఆ͕Մೳ w

    ௿ίετͰಋೖ͕Մೳʢԁʗ݄ɾ೥෷͍࣌ʙʣ
  15. ઃஔɺݕࡧ݁ՌΠϝʔδ

  16. ϓϥϯɾྉۚ ӡ༻ਓ਺΍ඞཁͳαʔνͷ਺ɺ݄͝ͱͷݕࡧճ਺Λ໨҆ʹϓϥϯΛ͓બͼ͍ͩ͘͞ɻ ܖ໿ޙͷϓϥϯมߋ΋ՄೳͰ͢ɻ

  17. ຊ೔͝དྷ৔ͷօ༷ݶఆ .PWBCMF5ZQFOFUαΠταʔνͷελϯ μʔυϓϥϯͷϲ݄ແྉίʔυΛγοΫ εɾΞύʔτϒʔεͰ͓഑Γ͓ͯ͠Γ·͢ɻ શͯͷػೳΛར༻Ͱ͖·͢ͷͰɺϒʔεʹ͓ ཱͪدΓ͍͖ͨͩੋඇ͓ࢼ͍ͩ͘͠͞ʂ

  18. None
  19. .PWBCMF5ZQFOFU ֹ݄໿ԁ͔Βొ࿥͢Ε͹͙͢ʹ࢖͑Δ ϝϯςφϯεϑϦʔͷ΢ΣϒαʔϏεܕߴػೳ$.4

  20. .PWBCMF5ZQFOFUͷಛ௕ .PWBCMF5ZQFOFUʹ͸ҎԼͷಛ௕͕͋Γ·͢ɻ w΢ΣϒαʔϏεܕͰ೉͍͠ઃఆ౳ͳ͘Ϣʔβʔొ࿥͢Δ͚ͩͰ͙͢࢖͑Δ wαʔόʔ؅ཧ΍ιϑτ΢ΣΞͷ؅ཧ͕ෆཁͳͷͰɺηΩϡϦςΟ౳΋ؾʹͤͣʹ҆৺͠ ͯӡ༻͕Մೳ wαʔόʔྖҬͱ$.4ͷར༻ྉ͕ࠐΈͰֹ݄໿ԁʢ೥ؒҰׅ෷͍ͷ৔߹ʣ͔Β҆Ձ ʹ࢝ΊΒΕΔ wϖʔδ͸׬શʹಈతԽ͞Ε͍ͯΔʢϖʔδੜ੒ͷ଴ͪ࣌ؒͳ͠ʣ wσβΠϯ͸)5.-ϨϕϧͰࣗ༝ʹฤूՄೳͰɺ$.4ͷσʔλ͸.5λάͱ͍͏ಠࣗλά Ͱ؆୯ʹѻ͑Δ

    wεϚʔτϑΥϯʹରԠͨ͠ଈઓྗʹͳΔϨεϙϯγϒσβΠϯͷςʔϚΛෳ਺༻ҙ wৗ࣌44-Խ΋௥Ճඅ༻ແ͠ʹ؆୯ʹՄೳ wϑΥʔϜػೳ΋ඪ४Ͱ࢖͑Δ
  21. Ձ֨ɾϓϥϯ

  22. ࠷ۙͷࣄྫ 1BZ1BZגࣜձ༷ࣾ ͝୲౰ऀ༷ίϝϯτ ʮ$%/ʹΑΔෛՙ෼ࢄʹΑͬͯύϑΥʔϚϯε͸҆ఆ ͍ͯ͠·͢ɻ·ͨʮࠩ͠ସ͑༧໿ʯػೳͰɺΩϟϯ ϖʔϯ։͔࢝Βऴྃ·ͰίϯςϯπͷϥΠϑαΠΫϧ ΛࣗಈԽͰ͖·ͨ͠ʯ

  23. ಛ௃తͳػೳ

  24. ௥Ճඅ༻ͳ͠ͷৗ࣌44-ରԠ ඪ४υϝΠϯ΋ಠࣗυϝΠϯ ΋ແྉͰৗ࣌44-Խ ඇӦརஂମ*43(͕ఏڙ͢ΔແྉͰ44-5-4ূ໌ॻ Λൃߦ͢ΔαʔϏεʮ-FUT&ODSZQUʯͷυϝΠϯ ೝূܕ44-ূ໌ॻΛ؆୯ʹઃఆՄೳ ˞ελϯμʔυϓϥϯҎ্ͳΒ࣋ͪࠐΈ44-΋ར༻ 0,

  25. ࠩ͠ସ͑༧໿ػೳ ӡ༻ͷॿ͚ͱͳΔࠩ͠ସ͑༧໿ػೳʂ ࢦఆͨ͠೔࣌ʹɺެ։͍ͯ͠Δهࣄ΍΢ΣϒϖʔδΛ ࠩ͠ସ͑Δ͜ͱ͕Մೳͳʮࠩ͠ସ͑༧໿ػೳʯ w ʮެ։தʯͷهࣄ͸ͦͷ··Ͱɺ࣍ʹߋ৽͢Δ಺༰ Λʮࠩ͠ସ͑൛ʯͱͯ͠࡞੒ w ࠩ͠ସ͑ͷ༧໿͕Մೳ w

    ʮެ։தʯͷهࣄ͕ࠩ͠ସΘΔͨͼʹɺࣗಈతʹཤ ྺ͕࢒Δ w ʮࠩ͠ସ͑൛ʯ͸աڈͷࠩ͠ସ͑ཤྺ΍ɺʮެ։தʯ ͷهࣄΛҾ༻ͯ͠࡞੒Մೳ
  26. ڞ༗ϓϨϏϡʔػೳ ਪଌ͞Εʹ͍͘ݻఆͷ63-ͰϓϨϏϡʔͰ͖Δ ͷͰɺࣾ಺ͷਓ΍ؔ܎ऀʹڞ༗ͯ͠಺༰Λ֬ೝ͠ ͯ΋Β͏͜ͱ͕ՄೳͰ͢ɻ ݸผϖʔδͷঢ়ଶ͚ͩͰ͸ͳ͘ɺτοϓϖʔδ ΍ҰཡϖʔδͰ͸ͲͷΑ͏ʹදࣔ͞ΕΔ͔Λެ ։લʹ֬ೝͰ͖Δͷ΋ಛ௕Ͱ͢ɻ ҆શͷͨΊύεϫʔυ΋ઃఆͰ͖·͢ɻ هࣄ΍΢ΣϒϖʔδΛ ެ։લʹڞ༗

  27. ϑΥʔϜػೳ ͓໰͍߹ΘͤͳͲʹ࢖͑Δ ϑΥʔϜػೳΛඪ४૷උ ࢦఆ͞ΕͨίʔυຒΊࠐΉ͚ͩͰ؆୯ʹɺ ͓໰͍߹ΘͤϑΥʔϜΛઃஔ͢Δ͜ͱ͕Ͱ ͖·͢ɻ ߲໨΍ϥϕϧͳͲΛࣗ༝ʹઃஔ͠ɺฒͼସ ͑΋ՄೳͰ͢ɻ ϑΝΠϧ΋ఴ෇͢Δ͜ͱ͕Ͱ͖·͢ɻ

  28. ଟݴޠαΠτ࡞੒δϟύϦϯΨϧ࿈ܞػೳ .PWBCMF5ZQFOFUͷ؅ཧը໘͔Β௚઀຋༁ ݟੵ΋Γɾґཔ͕Ͱ͖Δɻ͞Βʹɺ຋༁݁ ՌΛ֬ೝ͠ɺݩͷهࣄ΁൓ө͢Δ͜ͱ͕Մ ೳʂ

  29. ϫʔΫϑϩʔػೳ εϜʔζͳӡӦʹʂ ίϯςϯπʢهࣄɾ΢ΣϒϖʔδʣΛެ։͢Δ·Ͱͷ ίϛϡχέʔγϣϯΛߦ͏ػೳɻ ϝʔϧͰ௨஌΋͞ΕɺΞΧ΢ϯτΛ࣋ͨͳ͍ϝϯόʔ ΋ࢀՃՄೳ ελϯμʔυϓϥϯҎ্Ͱར༻Մೳ

  30. όοΫΞοϓɾ෮ݩػೳ ࣗಈɾ೚ҙͷόοΫΞοϓ ΢ΣϒαΠτ୯ҐͰɺόοΫΞοϓͱ෮ ݩ͕Ͱ͖·͢ɻ ௚ۙ೔ؒͷࣗಈόοΫΞοϓͱ೚ҙͷ λΠϛϯάͰݸ·ͰόοΫΞοϓΛ࢒ ͓͚ͯ͠·͢ɻ όοΫΞοϓϑΝΠϧ͸[JQͰμ΢ϯϩʔ υͰ͖·͢ɻ όοΫΞοϓ͸ελϯμʔυϓϥϯҎ

    ্Ͱɺ෮ݩ͸શϓϥϯͰ͝ར༻͍ͨͩ ͚·͢ɻ αΠτશମͷ਽ܗԽ΋ՄೳͰ͢ɻ
  31. ΞΠςϜͷެ։ʗඇެ։Λઃఆ ৘ใ࿙͍͑Λ๷͙ ҆શͳӡӦ ը૾ͳͲͷϑΝΠϧͷެ։ʗඇެ։Λઃ ఆͰ͖Δػೳ͸ϓϩϓϥϯҎ্Ͱར༻Մ ೳͰ͢ɻ هࣄඇެ։ঢ়ଶͰΞοϓ͞ΕͨϑΝΠϧ ͸ɺهࣄͷެ։ͱಉ࣌ʹҰॹʹެ։͞Ε ·͢ɻ ΞΠςϜͷࣄલΞοϓϩʔυʹΑΔ৘ใ

    ࿙ӮΛ๷͙͜ͱ͕Ͱ͖ΔͷͰɺ*3৘ใͳ Ͳɺ৘ใ؅ཧͷపఈ͕ඞཁͳίϯςϯπ ͷެ։࣌ʹ໾ཱͪ·͢ɻ
  32. εςʔδϯάػೳ w ର৅ൣғͱ໊લʢϥϕϧʣΛࢦఆ͢Δ͚ͩͰɺखܰʹ εςʔδϯά؀ڥΛ࡞੒Մೳ w εςʔδϯά؀ڥͷ֬ೝϖʔδʹɺύεϫʔυʹΑΔ Ӿཡ੍ݶΛઃఆՄೳ w εςʔδϯά؀ڥͰެ։લͷهࣄɾ΢Σϒϖʔδͷද ࣔ֬ೝ͕Մೳ˞ϓϩɾΞυόϯεϓϥϯͷΈ

    w ෳ਺ͷεςʔδϯά؀ڥΛ࡞੒Մೳ˞ϓϩɾΞυόϯ εϓϥϯͷΈ w ຊ൪؀ڥ΁ͷద༻࣌ʹόοΫΞοϓ͕ࣗಈͰ࡞੒͞Ε ΔͷͰɺສ͕Ұͷ੾Γ໭͠ʹ΋ରԠՄೳ w εςʔδϯά؀ڥͷ༻ҙʹ௥Ճίετ͕ෆཁ
  33. ΞΫηγϏϦςΟνΣοΫػೳ ϓϨϏϡʔϖʔδͰɺΞΫηγϏϦςΟͷνΣοΫΛ͠ ϨϙʔτΈΔ͜ͱ͕Ͱ͖Δػೳɻ هࣄɺ΢ΣϒϖʔδɺςϯϓϨʔτͰར༻Ͱ͖·͢ɻ

  34. %BUB"1* "1*Λܦ༝ͯ͠৘ใΛॻ͖ࠐΉɾݺͼग़͢͜ͱ ͕Մೳ %BUB"1*ͰͰ͖Δ͜ͱͷྫ wࣗ෼ͷαΠτઐ༻ͷεϚϗɾλϒϨοτ౤ߘ ΞϓϦΛ࡞੒͠ར༻ wࣗࣾγεςϜ಺͔Βਓࣄʹؔ͢Δٻਓίϯς ϯπͷެ։ඇެ։ͳͲ؅ཧΛߦ͏ ͳͲଞʹ΋༷ʑͳར༻༻్͕ߟ͑ΒΕ·͢

  35. σδλϧαΠωʔδͷ࣮૷ྫ

  36. ΢ΣϒαΠτʴαΠωʔδ σδλϧαΠωʔδ͸ઐ༻ͷϋʔυ͕ඞཁɺɺɺ ͱࢥΘΕ͕ͪɺɺɺ ΢ΣϒαΠτͱ࿈ಈͨ͠σδλϧαΠωʔδ΋ ؆୯ʹ࡞Ε·͢ʂʂ

  37. ӡ༻Πϝʔδ ߋ৽ ΢ΣϒαΠτ αΠωʔδ

  38. ར༻γʔϯ wҿ৯ళͷΦεεϝϝχϡʔΛ΢ΣϒαΠτͰܝࡌͭͭ͠ళ ಺ͷσΟεϓϨΠʹ΋දࣔ͢Δɻ wࢪઃͷΠϕϯτ৘ใΛ΢ΣϒͰܝࡌ͍ͯ͠Δ͕ɺͦͷ৘ใ Λ࣮ࡍͷࢪઃ಺ͷσΟεϓϨΠͰ΋දࣔ͢Δɻ wΦϑΟεͷΤϯτϥϯεʹ͋ΔσΟεϓϨΠʹ࠷৽ࣄྫΛ ද͓ࣔͯ͘͠ɻ

  39. αΠωʔδͰར༻͢Δ΋ͷ w .PWBCMF5ZQFOFUͰӡӦ͢Δ΢ΣϒαΠτͱα Πωʔδ༻ͷςϯϓϨʔτ w খܕ1$ͱ8J'J؀ڥ w σΟεϓϨΠ

  40. σϞ

  41. ׆༻ϒϩά IUUQTNPWBCMFUZQFOFUCMPH EJHJUBMTJHOBHFIUNM ҎԼͷهࣄʹαϯϓϧ΋͋ΔͷͰͥͻ͓ࢼͩ͘͠ ͍͞ʂ

  42. 18"ΞϓϦͷ࣮૷ྫ

  43. 18"ͱ͸ʁ 1SPHSFTTJWF8FC"QQTͷུͰɺ(PPHMF͕ ਪਐ͢ΔωΠςΟϒΞϓϦͷϢʔβʔମݧΛ ΢ΣϒͰ΋Մೳʹ͢Δٕज़

  44. 18"ରԠͷϝϦοτ ϖʔδͷಡΈࠐΈ͕଎͍ ΦϑϥΠϯͰ΋ಈ͘ ετΞ͔ΒͷΠϯετʔϧ͕͍Βͳ͍ ϗʔϜը໘ʹΞΠίϯΛ௥ՃͰ͖Δ ϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ (14ػೳΛར༻Ͱ͖Δ

  45. 18"ରԠʹඞཁͳ͜ͱ ΢ΣϒαΠτΛ18"ʹରԠ͢ΔͨΊʹඞཁͳ͜ͱ αΠτͷৗ࣌44-ʢ)5514ʣԽ ΢ΣϒΞϓϦͷϚχϑΣετϑΝΠϧͷ࡞੒ 4FSWJDF8PSLFSͷ࡞੒ 8FCϓογϡ௨஌ΛૹΔͨΊͷػೳͷ࣮૷

  46. 18"ରԠαϙʔτػೳΛ౥ࡌ ҎԼΛ$.4ͷػೳͱ࣮ͯ͠૷ w΢ΣϒΞϓϦϚχϑΣετઃఆ w8FCϓογϡ௨஌ wΦϑϥΠϯΩϟογϡ ˞8FCϓογϡ௨஌͸ελϯμʔυϓ ϥϯ͔Βར༻Ͱ͖·͢

  47. Ϣʔβʔࣄྫ ӳޠڭࣨͷαΠτ ӳޠڭࣨͷද޲͚ͷαΠτͱ डߨऀ޲͚ϖʔδΛӡӦ डߨऀ޲͚ʹ͸ΞΠίϯΛ ϗʔϜը໘ʹొ࿥ͯ͠΋Βͬ ͯɺΞϓϦͷΑ͏ʹ্ཱ͕ͪ Δ

  48. ΢ΣϒΞϓϦϚχϑΣετઃఆ ؅ཧը໘ͰɺNBOJGFTUKTPO ʹඞཁ߲໨ΛઃఆՄೳ KTPOϑΝΠϧ͸ಠࣗλάͰ NU.BOJGFTU-JOL ͱ͔͚ͩ͘Ͱग़ྗ͞ΕΔ

  49. 8FCϓογϡ௨஌ͷઃఆͱઃஔ΋؆୯ ొ࿥΢Οϯυ΢ͷςϯϓϨʔτ΍ ௨஌͢ΔࡍͷςϯϓϨʔτΛઃఆ Մೳ ඞཁͳεΫϦϓτ΋ NU4FSWJDF8PSLFS4OJQQFU ͱॻ͚ͩ͘Ͱग़ྗ͞ΕΔ

  50. 4FSWJDF8PSLFSςϯϓϨʔτ ΦϑϥΠϯΩϟογϡͳͲΛίϯ τϩʔϧ͢ΔͨΊʹɺγεςϜς ϯϓϨʔτͱͯ͠ɺ4FSWJDF 8PSLFSͷςϯϓϨʔτΛ࡞੒Մೳ

  51. σϞ

  52. ׆༻ϒϩά IUUQTNPWBCMFUZQFOFUCMPH XFCQVTIUFNQMBUFIUNM ҎԼͷهࣄͰઃஔํ๏౳঺հ͍ͯ͠ΔͷͰޙ΄Ͳ ͝ཡ͍ͩ͘͞ɻ

  53. ੍࡞ऀ޲͚ධՁϥΠηϯε ੍࡞ऀ޲͚ධՁϥΠηϯε 8FC੍࡞ऀͷํ͕ɺσϞ΍ධՁʹར༻Ͱ͖ΔϥΠ ηϯεΛ༻ҙ͍ͯ͠·͢ɻ ެ։ʹ͸࢖͑·ͤΜ͕ɺελϯμʔυϓϥϯΛࣗ෼ ༻ͷςετɾσϞ؀ڥͱͯ͠͝ར༻͍͚ͨͩ·͢ɻ

  54. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ