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

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

ポイントカードシステムを 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の可能性についてお話します。

Df55b20b296cbd7a61fb53f64afd4576?s=128

MorishitaYusuke

August 20, 2019
Tweet

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 - 2LJOUPOFͱͷ࿈ܞʢ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

  7. None
  8. None
  9. About Company ձࣾ঺հ اۀͷ͝ґཔΛड͚ͯ σβΠϯɹͱɹ΢ΣϒαΠτɹΛ ͍ͭͬͯ͘·͢

  10. ೥݄૑ۀ neccoʹ͍ͭͯ ݱࡏظ໨ ࣾһ໊ ϚοαʔδνΣΞ༗Γ ळాΦϑΟε౦ژΦϑΟε 1 2 3 4

    5
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. ϙΠϯτΧʔυγεςϜ Point Card System 3

  24. γεςϜߏ੒ Point Card System 3-1

  25. ࣾ಺޲͚ͷ ϙΠϯτΞϓϦΛ࡞Γ͍ͨ

  26. 04͸ʁόʔδϣϯ͸ʁ ຊ౰ʹΞϓϦʁ ΞϓϦͷ഑෍ํ๏͸Ͳ͏͢Δʁ ༧ࢉ͸ʁ 1 2 3

  27. ࣾ಺޲͚ͷ ϙΠϯτγεςϜΛ࡞Γ͍ͨ

  28. ΢ΣϒΞϓϦͰ ࡞Ζ͏ʂ

  29. None
  30. None
  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

  37. None
  38. None
  39. σϞ Point Card System 3-3

  40. None
  41. None
  42. ·ͱΊ Point Card System 3-4

  43. ۀ຿ΞϓϦΛෳ਺ ΞϓϦέʔγϣϯ࡞ΕΔ kintoneͷྑ͍ͱ͜Ζ ؅ཧը໘࣮૷޻਺ΛݮΒͤΔ 1 2 ɾސ٬Ϧετ ɾҊ݅؅ཧ ɾλΠϜΧʔυ FUD

    ϥΠτͰ200ݸ·ͰɺελϯμʔυͰ1000ݸ·Ͱ
  44. None
  45. None
  46. Ϣʔβʔ਺͕૿͑Δͱ݁ߏͳݻఆඅ͕͔͔Δ kintoneͷ͋·Γྑ͘ͳ͍ͱ͜Ζ σʔλͷӾཡස౓͕ߴ͍Ϣʔβʔ͸ଟ͘ͳ͍ ΞϓϦͷ6*͕ͪΐͬͱʜ ੲΑΓ͍ͩͿྑ͘ͳ͚ͬͨͲɻ 1 2 3

  47. Ϣʔβʔ਺͕૿͑Δͱ݁ߏͳݻఆඅ͕͔͔Δ kintoneͷ͋·Γྑ͘ͳ͍ͱ͜Ζ σʔλͷӾཡස౓͕ߴ͍Ϣʔβʔ͸ଟ͘ͳ͍ ΞϓϦͷ6*͕ͪΐͬͱʜ ੲΑΓ͍ͩͿྑ͘ͳ͚ͬͨͲɻ 1 2 3

  48. None
  49. kintoneΛ֎෦͔Βૢ࡞ धཁ͋Δͧʂ

  50. kintoneΛ֎෦͔Βૢ࡞ ΢ΣϒαΠτ͔Βͷ ɾ͓໰͍߹Θͤ ɾૹ৴ ɾӾཡ

  51. None
  52. kintoneΛ֎෦͔Βૢ࡞ LJOUPOFʹϩάΠϯͤͣ ࣾһ൪߸ͱҰॹʹ ग़ۈ࣌ؒΛଧࠁ

  53. None
  54. None
  55. None
  56. None
  57. σʔλϕʔεɾ؅ཧը໘ͷߏஙΛҙࣝͤͣɺ )5.-ɾ$44ɾ+BWB4DSJQUͰग़དྷΔ kintone+Vue.js(+Firebase) ͷྑ͍͜ͱΖ 'JSFCBTFͰϩάΠϯͤ͞Ε͹ɺ LJOUPOFͷϢʔβʔ਺ʹґଘ͠ͳ͍ LJOUPOFଆͷը໘ΧελϚΠζ΋ɺ )5.-ɾ$44ɾ+BWB4DSJQUͰग़དྷΔ 1 2

    3
  58. Thank you! ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ࠙਌ձͰ࣭͝໰ͳͲ΋ͥͻʂ ΦϑΟεʹ΋༡ͼʹ͖͍ͯͩ͘͞ʂ