Vue.js × LINE Payでリアルガチャを作ってみた

Vue.js × LINE Payでリアルガチャを作ってみた

v-kansai Vue.js/Nuxt.js meetup #2でのLTスライドです。
https://vuekansai.connpass.com/event/112900/

Transcript

  1. V U E . J S × L I N

    E PAY Ͱ Ϧ ΞϧΨ ν ϟ Λ ࡞ ͬͯ Έ ͨ TA K U YA K A N ATA N I / K O B E D I G I TA L L A B O . v-kansai Vue.js/Nuxt.js meetup #2 2019.01.19
  2. A B O U T M E • Takuya Kanatani

    • ɹ @torisankanasan • Kobe Digital Labo Inc. • ৽ٕज़׆༻ਪਐ൝ Ϧʔμʔʢࣾ಺Ͱ͸ LINEʹࠢΛചͬͨͱݴΘΕ͍ͯΔɻʣ • VUIίϛϡχςΟ VUI Kobe ओ࠻ • ڞஶʮεϚʔτεϐʔΧʔΛ༡ͼ͓ͨ͢ ຊʯ
  3. LINE Developers Day (2018.11.21) Ͱొஃ͖ͯ͠·ͨ͠

  4. https://engineering.linecorp.com/ja/blog/line-things-developer-trial/ Dev DayͰ͸ɺLINEΞϓϦ͔ΒσόΠεͷ؅ཧ΍ૢ࡞͕Ͱ͖Δɺ
 LINE Things͕ൃද͞Ε·ͨ͠

  5. ࡢ ࠓ ͸ Ω ϟ ο γ ϡ Ϩε ܾ

    ࡁ ϒʔϜ
  6. L I N E PAY Ͱ ՝ ۚ ͠ ͨ

    Β 
 σόΠ ε ͕ ಈ ͘ Α ͏ ʹ ͠ ͨ ͍
  7. Ͳ ͏ ͤ ͳ Β ࣾ ಺ ʹ ઃ ஔ

    ͯ͠ ͓ ۚ ΋ ͏ ͚ ͨ ͍
  8. ՝ ۚ Ͱ Ṷ ͔ Δ ɹ ʹ ɹ ɹ

    ɹ ɹ
  9. ՝ ۚ Ͱ Ṷ ͔ Δ ɹ ʹ ɹ Ψ

    ν ϟ
  10. # LINE Ψνϟ࡞Γ·ͨ͠ σϞಈըɿhttps://twitter.com/i/status/1086532184045809664

  11. γε ςϜ ߏ ੒

  12. L I F F ͱ ͸ ʁ LINE Frontend Framework

    ʢLIFFʣ͸ɺLINEΞϓϦ಺Ͱಈ ࡞͢Δ΢ΣϒΞϓϦͷϓϥοτ ϑΥʔϜɻ LIFFʹొ࿥ͨ͠΢ΣϒΞϓϦΛ LINE಺Ͱىಈ͢ΔͱɺLINEͷ ϢʔβʔIDͳͲΛऔಘͰ͖Δɻ
  13. L I F F ͷ ࢖ ͍ ํ 1. LIFF

    SDK ΛಡΈࠐΜͰinitؔ਺Λ
 ɹΞϓϦͷΤϯτϦϖʔδͰݺͼग़͢
 mounted: function(){
 liff.init();
 } 2. LINE Developersίϯιʔϧ͔Β
 ɹLIFFΞϓϦΛ௥Ճ͢Δ
  14. · ͱ Ί • LIFFʢLINE Frontend Frameworkʣ΍LINE ThingsɺLINE Pay
 LINEΞϓϦΛ࢖͑͹ɺ͍͍ײ͡ʹखܰʹϓϩτλΠϐϯάͰ͖Δɻ


    • ઐ༻ΞϓϦΛΠϯετʔϧ͠ͳͯ͘΋ɺطʹ͋ΔLINEΞϓϦ͔Β
 σόΠεͷ؅ཧɾૢ࡞͕Ͱ͖Δͷ͸ϢʔβʔϝϦοτɻ
 ʢϫΠϠϨεΠϠϗϯͱ͔ઐ༻ΞϓϦೖΕͯ·͢ΑͶʁʣ
  15. • ɹ@torisankanasan T H A N K Y O U

    !