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
290
20210421ミニアプリNight_LINEミニアプリ・LIFFのご紹介 /LINEMiniAppNight
torisankanasan
1
280
Bot Framework Composer 入門 ~GUIでカッコいいLINE Botを作る~ /azuretechlove#8
torisankanasan
0
1.4k
水族館でLINEを活用してみた! ~ Azure LUIS で作るLINE公式アカウントのご紹介 ~ /AzureTechLab#7
torisankanasan
0
790
ノンコーディングでチャットボット作ってみた ~ Azure Tech Lab. in WEST 年末年始に Cognitive Service を使い倒してみた件 ~/MSIgniteTheTour
torisankanasan
2
1.2k
LINE for Wedding 〜結婚披露宴でLINEを活用してみた話〜
torisankanasan
0
440
モバイルアプリはLINEでOK 〜LINEで図書館向けアプリを作ってみた〜
torisankanasan
1
530
何屋か決めたら見えてきた世界 ~U30がこれからの時代を戦うヒント~
torisankanasan
1
730
LINE for Wedding ~ 新しくなったFlex Messageを使ってみた ~
torisankanasan
0
570
Other Decks in Technology
See All in Technology
Goで作って学ぶWebSocket
ryuichi1208
3
2.7k
Snowflakeの開発・運用コストをApache Icebergで効率化しよう!~機能と活用例のご紹介~
sagara
1
430
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
260
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
540
エンジニアリング価値を黒字化する バリューベース戦略を用いた 技術戦略策定の道のり
kzkmaeda
6
2.6k
RemoveだらけのPHPUnit 12に備えよう
cocoeyes02
0
280
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
3
5.9k
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
110
遷移の高速化 ヤフートップの試行錯誤
narirou
6
1.1k
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.5k
入門 PEAK Threat Hunting @SECCON
odorusatoshi
0
150
スキルだけでは満たせない、 “組織全体に”なじむオンボーディング/Onboarding that fits “throughout the organization” and cannot be satisfied by skills alone
bitkey
0
170
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
GitHub's CSS Performance
jonrohan
1030
460k
A better future with KSS
kneath
238
17k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Fireside Chat
paigeccino
34
3.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Navigating Team Friction
lara
183
15k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Pragmatic Product Professional
lauravandoore
32
6.4k
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
!