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

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

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

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

More Decks by 金谷拓哉 / Takuya Kanatani

Other Decks in Technology

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. L I N E PAY Ͱ ՝ ۚ ͠ ͨ

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

    ͯ͠ ͓ ۚ ΋ ͏ ͚ ͨ ͍
  5. L I F F ͱ ͸ ʁ LINE Frontend Framework

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

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


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