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

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

    !