ポイントカードシステムを Vue.js + kintoneで 開発した話 / Developed point card system with Vue.js + kintone -

CaT vol.7で話したスライドです！

以下、概要
=========================
配布したQRコードをVue.js + kintoneでQRコードリーダーと管理画面を開発した事例をご紹介します。
フロントをVue.jsで実装したメリットや、なぜkintoneを選んだのかなど、業務システムとしても使えるVue.js + kintoneの可能性についてお話します。

Transcript

1. $50
   ৿Լ
   ༟հ - at Akita CaT vol.7 2019.08.17 ϙΠϯτΧʔυγεςϜΛ
   Vue.js
   kintone Ͱ
   ։ൃͨ͠࿩
2. ˌcat_vol7 Today’s Hashtag
3. 1.
   ࣗݾ঺հʢ1minʣ About me About Company Point Card System Total Contents ࠓ೔ͷ಺༰ 2.
   ձࣾ঺հʢ4minʣ 3. ϙΠϯτΧʔυγεςϜ 25min  3 - 1 γεςϜߏ੒ʢ5minʣ
    3 - 2
   
   LJOUPOFͱͷ࿈ܞʢ5minʣ
    3 - 3
   σϞʢ5minʣ
    3-4
   ·ͱΊʢ5minʣ
4. ࣗݾ঺հ About me 1
5. ςΫχΧϧσΟϨΫλʔ
   
   ΤϯδχΞ ৿Լ
   ༟հ
   ʢ31ʣ ळాݝ༝རຊ૳ࢢࡏॅ
   
   ळాݝੜ·Ε
   ஜ೾େଔۀޙɺ౎಺*5ϕϯνϟʔʹ
   ೖࣾɻ΢ΣϒαʔϏεɾΞϓϦ੍࡞ʹैࣄɻ
   ౦ژͰ2ࣾɺळాͰ1ࣾΛܦͯɺ
 2016೥10݄ʹגࣜձࣾneccoʹࢀըɻ
   ޷͖ͳ͜ͱ͸ྉཧɾ৯΂Δ͜ͱɾےτϨ גࣜձࣾnecco About me ࣗݾ঺հ @moritheta_necco ɾ౦๺TECHಓ৔ ळాಓ৔
   ɾAkita WordPress Meetup ɾCoderDojoळా ɾLintone Café ळా (։ళٳۀத) औక໾
6. ձࣾ঺հ About Company 2
9. About Company ձࣾ঺հ اۀͷ͝ґཔΛड͚ͯ
   σβΠϯɹͱɹ΢ΣϒαΠτɹΛ
   ͍ͭͬͯ͘·͢
10. ೥݄૑ۀ neccoʹ͍ͭͯ ݱࡏظ໨ ࣾһ໊ ϚοαʔδνΣΞ༗Γ ळాΦϑΟε
    
    ౦ژΦϑΟε 1 2 3 4 5
23. ϙΠϯτΧʔυγεςϜ Point Card System 3
24. γεςϜߏ੒ Point Card System 3-1
25. ࣾ಺޲͚ͷ
    ϙΠϯτΞϓϦΛ࡞Γ͍ͨ
26. 04͸ʁόʔδϣϯ͸ʁ ຊ౰ʹΞϓϦʁ ΞϓϦͷ഑෍ํ๏͸Ͳ͏͢Δʁ ༧ࢉ͸ʁ 1 2 3
27. ࣾ಺޲͚ͷ
    ϙΠϯτγεςϜΛ࡞Γ͍ͨ
28. ΢ΣϒΞϓϦͰ
    ࡞Ζ͏ʂ
31. ೥݄ʹϦϦʔεࡁΈ ࠓճͷ͜ͷΞϓϦ ϦϦʔε࣌͸7VFKTΛ࢖Θ࣮ͣ૷ 7VFKT΁Ҡߦͷ࿩ 1 2 3
32. kintoneͱͷ࿈ܞ Point Card System 3-2
33. ళฮελοϑ ࣾһ ϩάΠϯɾϩάΞ΢τ "NB[PO
    "1*
    (BUFXBZ "84
    -BNCEB 23ίʔυಡΈऔΓ
    ϙΠϯτૹ৴ 23ίʔυಡΈऔΓ
    ϙΠϯτ֬ೝ 4ZTUFN
    "SDIJUFDUVSF
34. ళฮελοϑͷϩά ΠϯɾϩάΞ΢τ ϑϩϯτͰ࣮૷͢Δ͜ͱ ళฮελοϑͷ23ಡΈࠐΈˠϙΠϯτૹ৴ ࣾһͷϙΠϯτ֬ೝˠࣗ෼Ͱ23Λ͔͟͢ 1 2 3
35. ϩάΠϯΠϯɾϩάΞ΢τ 'JSFCBTF
    ʹ͓·͔ͤ
36. ࣾһ໊฽ kintoneͰ࣮૷͢Δ͜ͱ ϙΠϯτཤྺ ϙΠϯτγεςϜར༻ళฮ৘ใ 1 2 3
39. σϞ Point Card System 3-3
42. ·ͱΊ Point Card System 3-4
43. ۀ຿ΞϓϦΛෳ਺ ΞϓϦέʔγϣϯ࡞ΕΔ kintoneͷྑ͍ͱ͜Ζ ؅ཧը໘࣮૷޻਺ΛݮΒͤΔ 1 2 ɾސ٬Ϧετ
    ɾҊ݅؅ཧ
    ɾλΠϜΧʔυ
    FUD
    ϥΠτͰ200ݸ·ͰɺελϯμʔυͰ1000ݸ·Ͱ
46. Ϣʔβʔ਺͕૿͑Δͱ݁ߏͳݻఆඅ͕͔͔Δ kintoneͷ͋·Γྑ͘ͳ͍ͱ͜Ζ σʔλͷӾཡස౓͕ߴ͍Ϣʔβʔ͸ଟ͘ͳ͍ ΞϓϦͷ6*͕ͪΐͬͱʜ ੲΑΓ͍ͩͿྑ͘ͳ͚ͬͨͲɻ 1 2 3
47. Ϣʔβʔ਺͕૿͑Δͱ݁ߏͳݻఆඅ͕͔͔Δ kintoneͷ͋·Γྑ͘ͳ͍ͱ͜Ζ σʔλͷӾཡස౓͕ߴ͍Ϣʔβʔ͸ଟ͘ͳ͍ ΞϓϦͷ6*͕ͪΐͬͱʜ ੲΑΓ͍ͩͿྑ͘ͳ͚ͬͨͲɻ 1 2 3
49. kintoneΛ֎෦͔Βૢ࡞ धཁ͋Δͧʂ
50. kintoneΛ֎෦͔Βૢ࡞
    
    
    
    
    
    
    
    
    ΢ΣϒαΠτ͔Βͷ
    
    
    
    
    
    ɾ͓໰͍߹Θͤ
    
    
    
    
    
    ɾૹ৴
    
    
    
    
    
    ɾӾཡ
52. kintoneΛ֎෦͔Βૢ࡞ LJOUPOFʹϩάΠϯͤͣ
    ࣾһ൪߸ͱҰॹʹ
    ग़ۈ࣌ؒΛଧࠁ
57. σʔλϕʔεɾ؅ཧը໘ͷߏஙΛҙࣝͤͣɺ
    )5.-ɾ$44ɾ+BWB4DSJQUͰग़དྷΔ kintone+Vue.js(+Firebase) ͷྑ͍͜ͱΖ 'JSFCBTFͰϩάΠϯͤ͞Ε͹ɺ
    LJOUPOFͷϢʔβʔ਺ʹґଘ͠ͳ͍ LJOUPOFଆͷը໘ΧελϚΠζ΋ɺ
    )5.-ɾ$44ɾ+BWB4DSJQUͰग़དྷΔ 1 2 3
58. Thank you! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ࠙਌ձͰ࣭͝໰ͳͲ΋ͥͻʂ
    ΦϑΟεʹ΋༡ͼʹ͖͍ͯͩ͘͞ʂ