MTDDC 2019 MT

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

Transcript

1. $.4͸΢ΣϒαΠτ͚ͩͷ΋ͷ͡Όͳ͍ʂ
   αʔϏεܕ$.4ͰσδλϧαΠωʔδ΍
   18"ΞϓϦΛ؆୯ʹ࣮ݱ
2. ࣗݾ঺հ γοΫεɾΞύʔτגࣜձࣾ
   ੡඼اըγχΞϚωδϟʔ
   ૣ੉ɹকҰ ݸਓαΠτɹIUUQTIBZBTFUW ɾ.5 .PWBCMF
   5ZQF ྺ೥໨
   ɾԕڑ཭πʔΩχετʢἚ৓ʣ
   ɾςϨϫʔΫͰϫʔϧυϏδωεαςϥΠτີணऔࡐ
   ɾυϩʔϯඈ͹ͯ͠ࢢͷެࣜ؍ޫಈը࡞੒
   ɾԻָϥΠϒͷԋग़༻ιϑτͳͲ͍Ζ͍Ζ࡞੒
   ɾੈքΏΔϛϡʔδοΫڠձʹࢀՃ
   ɾ΀Α΀ΑFεϙʔπɹἚ৓ࠃମ༧બʹग़৔͠ഊୀ
   ɹʢTXJUDI൛ສਓதܻ͘Β͍ͷ࣮ྗʣ
   
3. ຊ೔ͷ༧ఆ w .PWBCMF
   5ZQFγϦʔζͷ͝঺հ
   w αʔϏεܕ$.4
   .PWBCMF5ZQFOFUͷಛ௃
   w σδλϧαΠωʔδͷ࣮૷ྫͷ঺հ
   w 18"ΞϓϦͷ࣮૷ྫͷ঺հ
5. .PWBCMF
   5ZQF ʮίϯςϯπλΠϓʯͱ
   %BUB
   "1*
   Ͱɺॊೈͳίϯςϯπ࡞ ੒ͱɺϫϯιʔεɾϚϧνϢʔεΛ࣮ݱ͢Δ$.4ɻ
   ࢿ࢈Ͱ͋ΔίϯςϯπͷʮՄ༻ੑʯΛߴΊɺ৘ใൃ৴Λڧྗ ʹαϙʔτɻ
6. .PWBCMF
   5ZQFͷ௚ۙͷϦϦʔε ݄೔ʹ
   S
   ΛϦϦʔε
   
   w ίϯςϯπλΠϓɾίϯςϯπσʔλͷॲཧʹ͕͔͔࣌ؒΔ ໰୊Λղܾ
   w ίϯςϯπλΠϓͷϦονςΩετΤσΟλͷվળ
   w ηΩϡϦςΟରࡦ΋ؚΉ༷ʑͳόάϑΟοΫε
7. ݄ϦϦʔε
   ڞ༗ϓϨϏϡʔϓϥάΠϯ ίϯςϯπσʔλɺهࣄɺ΢ΣϒϖʔδʹରԠ͠ɺ௨ৗͷҰ࣌ తͳϓϨϏϡʔͰ͸ͳ͘ɺެ։લʹଞͷਓʹ֬ೝͯ͠΋Β͑Δ ϓϨϏϡʔϖʔδΛੜ੒
9. ࢖͍ํ͸େ͖͘ύλʔϯ #" 
     !  $  
10. .PWBCMF5ZQFOFU
    ϑΥʔϜͷಛ௃ w߲໨͸υϥοάˍυϩοϓͰͩΕͰ΋؆୯ʹ࡞੒͢Δ͜ͱ͕Ͱ͖Δ
    wઃஔ͸ඞཁͳεΫϦϓτΛઃஔ্ͨ͠ͰJGSBNFͷιʔεΛషΔ͚ͩ
    wड෇σʔλΛอଘ͠$47Ͱॻ͖ग़͠΋Ͱ͖Δ
    w݅਺΍೔࣌Λࢦఆͯ͠ड෇Λఀࢭͤ͞Δ͜ͱ͕Ͱ͖Δ
    wαΠϘ΢ζࣾͷLJOUPOFͱͷ࿈ܞػೳͰϑΥʔϜͷσʔλΛ௚઀ΞϓϦʹ౉ͤΔ
    w௨஌ϝʔϧ΍ࣗಈฦ৴ϝʔϧ΋ࣗ༝ʹΧελϚΠζՄೳ
    wϑΥʔϜ͝ͱʹઃஔ͢ΔαΠτͷυϝΠϯΛࢦఆͰ͖Δ
11. Ձ֨ɾϓϥϯ
13. .PWBCMF5ZQFOFU
    αΠταʔν ઃஔ΋؆୯Ͱֹ݄ԁ͔Βొ࿥͢Ε͹͙͢ʹ࢖͑Δ ޿ࠂແ͠ͷ"41ܕͷαʔναʔϏε
14. .PWBCMF5ZQFOFU
    αΠταʔνͷಛ௃ w ݕࡧΤϯδϯʹ͸
    (PPHMF
    ͷ
    "1*
    Λ࠾༻
    w ݕࡧ݁Ռʹ޿ࠂͳ͠
    w ຒΊࠐΈίʔυͷషΓ෇͚Ͱ͔ΜͨΜઃஔ
    w Ωʔϫʔυ͝ͱʹ༏ઌදࣔϖʔδͷࢦఆ͕Մೳ
    w ௿ίετͰಋೖ͕Մೳʢԁʗ݄ɾ೥෷͍࣌ʙʣ
15. ઃஔɺݕࡧ݁ՌΠϝʔδ
16. ϓϥϯɾྉۚ ӡ༻ਓ਺΍ඞཁͳαʔνͷ਺ɺ݄͝ͱͷݕࡧճ਺Λ໨҆ʹϓϥϯΛ͓બͼ͍ͩ͘͞ɻ ܖ໿ޙͷϓϥϯมߋ΋ՄೳͰ͢ɻ
17. 
    ຊ೔͝དྷ৔ͷօ༷ݶఆ .PWBCMF5ZQFOFU
    αΠταʔνͷελϯ μʔυϓϥϯͷϲ݄ແྉίʔυΛγοΫ εɾΞύʔτϒʔεͰ͓഑Γ͓ͯ͠Γ·͢ɻ
    શͯͷػೳΛར༻Ͱ͖·͢ͷͰɺϒʔεʹ͓ ཱͪدΓ͍͖ͨͩੋඇ͓ࢼ͍ͩ͘͠͞ʂ
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"ͱ͸ʁ 1SPHSFTTJWF
    8FC
    "QQTͷུͰɺ(PPHMF͕ ਪਐ͢ΔωΠςΟϒΞϓϦͷϢʔβʔମݧΛ ΢ΣϒͰ΋Մೳʹ͢Δٕज़
44. 18"ରԠͷϝϦοτ 
    ϖʔδͷಡΈࠐΈ͕଎͍
    
    ΦϑϥΠϯͰ΋ಈ͘
    
    ετΞ͔ΒͷΠϯετʔϧ͕͍Βͳ͍
    
    ϗʔϜը໘ʹΞΠίϯΛ௥ՃͰ͖Δ
    
    ϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ
    
    (14ػೳΛར༻Ͱ͖Δ
    
45. 18"ରԠʹඞཁͳ͜ͱ ΢ΣϒαΠτΛ18"ʹରԠ͢ΔͨΊʹඞཁͳ͜ͱ
    αΠτͷৗ࣌44-ʢ)5514ʣԽ
    ΢ΣϒΞϓϦͷϚχϑΣετϑΝΠϧͷ࡞੒
    4FSWJDF
    8PSLFS
    ͷ࡞੒
    8FCϓογϡ௨஌ΛૹΔͨΊͷػೳͷ࣮૷
46. 18"ରԠαϙʔτػೳΛ౥ࡌ ҎԼΛ$.4ͷػೳͱ࣮ͯ͠૷ w΢ΣϒΞϓϦϚχϑΣετઃఆ
    w8FCϓογϡ௨஌
    wΦϑϥΠϯΩϟογϡ ˞
    8FCϓογϡ௨஌͸ελϯμʔυϓ ϥϯ͔Βར༻Ͱ͖·͢
47. Ϣʔβʔࣄྫ ӳޠڭࣨͷαΠτ ӳޠڭࣨͷද޲͚ͷαΠτͱ डߨऀ޲͚ϖʔδΛӡӦ
    डߨऀ޲͚ʹ͸ΞΠίϯΛ ϗʔϜը໘ʹొ࿥ͯ͠΋Βͬ ͯɺΞϓϦͷΑ͏ʹ্ཱ͕ͪ Δ
48. ΢ΣϒΞϓϦ
    ϚχϑΣετઃఆ ؅ཧը໘ͰɺNBOJGFTUKTPO ʹඞཁ߲໨ΛઃఆՄೳ
    KTPOϑΝΠϧ͸ಠࣗλάͰ
    NU.BOJGFTU-JOL
    ͱ͔͚ͩ͘Ͱग़ྗ͞ΕΔ
49. 8FCϓογϡ௨஌ͷઃఆͱઃஔ΋؆୯ ొ࿥΢Οϯυ΢ͷςϯϓϨʔτ΍ ௨஌͢ΔࡍͷςϯϓϨʔτΛઃఆ Մೳ
    ඞཁͳεΫϦϓτ΋
    NU4FSWJDF8PSLFS4OJQQFU
    
    ͱॻ͚ͩ͘Ͱग़ྗ͞ΕΔ
50. 4FSWJDF
    8PSLFS
    ςϯϓϨʔτ ΦϑϥΠϯΩϟογϡͳͲΛίϯ τϩʔϧ͢ΔͨΊʹɺγεςϜς ϯϓϨʔτͱͯ͠ɺ4FSWJDF
    8PSLFSͷςϯϓϨʔτΛ࡞੒Մೳ
51. σϞ
52. ׆༻ϒϩά IUUQTNPWBCMFUZQFOFUCMPH XFCQVTIUFNQMBUFIUNM ҎԼͷهࣄͰઃஔํ๏౳঺հ͍ͯ͠ΔͷͰޙ΄Ͳ ͝ཡ͍ͩ͘͞ɻ
53. ੍࡞ऀ޲͚ධՁϥΠηϯε ੍࡞ऀ޲͚ධՁϥΠηϯε
    8FC੍࡞ऀͷํ͕ɺσϞ΍ධՁʹར༻Ͱ͖ΔϥΠ ηϯεΛ༻ҙ͍ͯ͠·͢ɻ
    ެ։ʹ͸࢖͑·ͤΜ͕ɺελϯμʔυϓϥϯΛࣗ෼ ༻ͷςετɾσϞ؀ڥͱͯ͠͝ར༻͍͚ͨͩ·͢ɻ
54. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ