Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vue.js × LINE Payでリアルガチャを作ってみた
Search
金谷拓哉 / Takuya Kanatani
January 19, 2019
Technology
1
2.5k
Vue.js × LINE Payでリアルガチャを作ってみた
v-kansai Vue.js/Nuxt.js meetup #2でのLTスライドです。
https://vuekansai.connpass.com/event/112900/
金谷拓哉 / Takuya Kanatani
January 19, 2019
Tweet
Share
More Decks by 金谷拓哉 / Takuya Kanatani
See All by 金谷拓哉 / Takuya Kanatani
レジャー業界での活用事例とLINEマーケットプレイスのご紹介/linedc20210602
torisankanasan
0
310
20210421ミニアプリNight_LINEミニアプリ・LIFFのご紹介 /LINEMiniAppNight
torisankanasan
1
320
Bot Framework Composer 入門 ~GUIでカッコいいLINE Botを作る~ /azuretechlove#8
torisankanasan
0
1.5k
水族館でLINEを活用してみた! ~ Azure LUIS で作るLINE公式アカウントのご紹介 ~ /AzureTechLab#7
torisankanasan
0
860
ノンコーディングでチャットボット作ってみた ~ Azure Tech Lab. in WEST 年末年始に Cognitive Service を使い倒してみた件 ~/MSIgniteTheTour
torisankanasan
2
1.3k
LINE for Wedding 〜結婚披露宴でLINEを活用してみた話〜
torisankanasan
0
480
モバイルアプリはLINEでOK 〜LINEで図書館向けアプリを作ってみた〜
torisankanasan
1
570
何屋か決めたら見えてきた世界 ~U30がこれからの時代を戦うヒント~
torisankanasan
1
780
LINE for Wedding ~ 新しくなったFlex Messageを使ってみた ~
torisankanasan
0
610
Other Decks in Technology
See All in Technology
AIを導⼊しても、 開発⽣産性は"爆増"していない なぜ?
kinosuke01
4
3.6k
今改めてServiceクラスについて考える 〜あるRails開発者の10年〜
joker1007
20
9.1k
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
brainpadpr
21
14k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
730
バイブコーディングと継続的デプロイメント
nwiizo
2
360
Windows で省エネ
murachiakira
0
150
GopherCon Tour 概略
logica0419
2
160
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
120
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
pfn
PRO
0
730
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
sagara
0
150
Sidekiq その前に:Webアプリケーションにおける非同期ジョブ設計原則
morihirok
17
6.3k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
4k
Statistics for Hackers
jakevdp
799
220k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Building Adaptive Systems
keathley
43
2.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Site-Speed That Sticks
csswizardry
11
870
How to Think Like a Performance Engineer
csswizardry
27
2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Code Review Best Practice
trishagee
72
19k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Transcript
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
A B O U T M E • Takuya Kanatani
• ɹ @torisankanasan • Kobe Digital Labo Inc. • ৽ٕज़׆༻ਪਐ൝ ϦʔμʔʢࣾͰ LINEʹࠢΛചͬͨͱݴΘΕ͍ͯΔɻʣ • VUIίϛϡχςΟ VUI Kobe ओ࠻ • ڞஶʮεϚʔτεϐʔΧʔΛ༡ͼ͓ͨ͢ ຊʯ
LINE Developers Day (2018.11.21) Ͱొஃ͖ͯ͠·ͨ͠
https://engineering.linecorp.com/ja/blog/line-things-developer-trial/ Dev DayͰɺLINEΞϓϦ͔ΒσόΠεͷཧૢ࡞͕Ͱ͖Δɺ LINE Things͕ൃද͞Ε·ͨ͠
ࡢ ࠓ Ω ϟ ο γ ϡ Ϩε ܾ
ࡁ ϒʔϜ
L I N E PAY Ͱ ՝ ۚ ͠ ͨ
Β σόΠ ε ͕ ಈ ͘ Α ͏ ʹ ͠ ͨ ͍
Ͳ ͏ ͤ ͳ Β ࣾ ʹ ઃ ஔ
ͯ͠ ͓ ۚ ͏ ͚ ͨ ͍
՝ ۚ Ͱ Ṷ ͔ Δ ɹ ʹ ɹ ɹ
ɹ ɹ
՝ ۚ Ͱ Ṷ ͔ Δ ɹ ʹ ɹ Ψ
ν ϟ
# LINE Ψνϟ࡞Γ·ͨ͠ σϞಈըɿhttps://twitter.com/i/status/1086532184045809664
γε ςϜ ߏ
L I F F ͱ ʁ LINE Frontend Framework
ʢLIFFʣɺLINEΞϓϦͰಈ ࡞͢ΔΣϒΞϓϦͷϓϥοτ ϑΥʔϜɻ LIFFʹొͨ͠ΣϒΞϓϦΛ LINEͰىಈ͢ΔͱɺLINEͷ ϢʔβʔIDͳͲΛऔಘͰ͖Δɻ
L I F F ͷ ͍ ํ 1. LIFF
SDK ΛಡΈࠐΜͰinitؔΛ ɹΞϓϦͷΤϯτϦϖʔδͰݺͼग़͢ mounted: function(){ liff.init(); } 2. LINE Developersίϯιʔϧ͔Β ɹLIFFΞϓϦΛՃ͢Δ
· ͱ Ί • LIFFʢLINE Frontend FrameworkʣLINE ThingsɺLINE Pay LINEΞϓϦΛ͑ɺ͍͍ײ͡ʹखܰʹϓϩτλΠϐϯάͰ͖Δɻ
• ઐ༻ΞϓϦΛΠϯετʔϧ͠ͳͯ͘ɺطʹ͋ΔLINEΞϓϦ͔Β σόΠεͷཧɾૢ࡞͕Ͱ͖ΔͷϢʔβʔϝϦοτɻ ʢϫΠϠϨεΠϠϗϯͱ͔ઐ༻ΞϓϦೖΕͯ·͢ΑͶʁʣ
• ɹ@torisankanasan T H A N K Y O U
!