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 !