Slide 1
Slide 1 text
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
Slide 2
Slide 2 text
A B O U T M E
• Takuya Kanatani
• ɹ @torisankanasan
• Kobe Digital Labo Inc.
• ৽ٕज़׆༻ਪਐ൝ ϦʔμʔʢࣾͰ
LINEʹࠢΛചͬͨͱݴΘΕ͍ͯΔɻʣ
• VUIίϛϡχςΟ VUI Kobe ओ࠻
• ڞஶʮεϚʔτεϐʔΧʔΛ༡ͼ͓ͨ͢
ຊʯ
Slide 3
Slide 3 text
LINE Developers Day (2018.11.21) Ͱొஃ͖ͯ͠·ͨ͠
Slide 4
Slide 4 text
https://engineering.linecorp.com/ja/blog/line-things-developer-trial/
Dev DayͰɺLINEΞϓϦ͔ΒσόΠεͷཧૢ࡞͕Ͱ͖Δɺ
LINE Things͕ൃද͞Ε·ͨ͠
Slide 5
Slide 5 text
ࡢ ࠓ Ω ϟ ο γ ϡ Ϩε ܾ ࡁ ϒʔϜ
Slide 6
Slide 6 text
L I N E PAY Ͱ ՝ ۚ ͠ ͨ Β
σόΠ ε ͕ ಈ ͘ Α ͏ ʹ ͠ ͨ ͍
Slide 7
Slide 7 text
Ͳ ͏ ͤ ͳ Β ࣾ ʹ ઃ ஔ ͯ͠
͓ ۚ ͏ ͚ ͨ ͍
Slide 8
Slide 8 text
՝ ۚ Ͱ Ṷ ͔ Δ ɹ ʹ ɹ ɹ ɹ ɹ
Slide 9
Slide 9 text
՝ ۚ Ͱ Ṷ ͔ Δ ɹ ʹ ɹ Ψ ν ϟ
Slide 10
Slide 10 text
# LINE Ψνϟ࡞Γ·ͨ͠
σϞಈըɿhttps://twitter.com/i/status/1086532184045809664
Slide 11
Slide 11 text
γε ςϜ ߏ
Slide 12
Slide 12 text
L I F F ͱ ʁ
LINE Frontend Framework
ʢLIFFʣɺLINEΞϓϦͰಈ
࡞͢ΔΣϒΞϓϦͷϓϥοτ
ϑΥʔϜɻ
LIFFʹొͨ͠ΣϒΞϓϦΛ
LINEͰىಈ͢ΔͱɺLINEͷ
ϢʔβʔIDͳͲΛऔಘͰ͖Δɻ
Slide 13
Slide 13 text
L I F F ͷ ͍ ํ
1. LIFF SDK ΛಡΈࠐΜͰinitؔΛ
ɹΞϓϦͷΤϯτϦϖʔδͰݺͼग़͢
mounted: function(){
liff.init();
}
2. LINE Developersίϯιʔϧ͔Β
ɹLIFFΞϓϦΛՃ͢Δ
Slide 14
Slide 14 text
· ͱ Ί
• LIFFʢLINE Frontend FrameworkʣLINE ThingsɺLINE Pay
LINEΞϓϦΛ͑ɺ͍͍ײ͡ʹखܰʹϓϩτλΠϐϯάͰ͖Δɻ
• ઐ༻ΞϓϦΛΠϯετʔϧ͠ͳͯ͘ɺطʹ͋ΔLINEΞϓϦ͔Β
σόΠεͷཧɾૢ࡞͕Ͱ͖ΔͷϢʔβʔϝϦοτɻ
ʢϫΠϠϨεΠϠϗϯͱ͔ઐ༻ΞϓϦೖΕͯ·͢ΑͶʁʣ
Slide 15
Slide 15 text
• ɹ@torisankanasan
T H A N K Y O U !