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
300
Bot Framework Composer 入門 ~GUIでカッコいいLINE Botを作る~ /azuretechlove#8
torisankanasan
0
1.5k
水族館でLINEを活用してみた! ~ Azure LUIS で作るLINE公式アカウントのご紹介 ~ /AzureTechLab#7
torisankanasan
0
820
ノンコーディングでチャットボット作ってみた ~ Azure Tech Lab. in WEST 年末年始に Cognitive Service を使い倒してみた件 ~/MSIgniteTheTour
torisankanasan
2
1.3k
LINE for Wedding 〜結婚披露宴でLINEを活用してみた話〜
torisankanasan
0
460
モバイルアプリはLINEでOK 〜LINEで図書館向けアプリを作ってみた〜
torisankanasan
1
550
何屋か決めたら見えてきた世界 ~U30がこれからの時代を戦うヒント~
torisankanasan
1
750
LINE for Wedding ~ 新しくなったFlex Messageを使ってみた ~
torisankanasan
0
590
Other Decks in Technology
See All in Technology
開発も運用もビジネス部門も! クラウドで実現する「つらくない」統制とセキュリティ / Effortless Governance and Security Enabled by the Cloud
kanny
3
1.2k
AIに実況させる / AI Streamer
motemen
0
940
型がない世界に生まれ落ちて 〜TypeScript運用進化の歴史〜
narihara
1
180
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
12k
Postman AI エージェントビルダー最新情報
nagix
0
110
LLMベースAIの基本 / basics of LLM based AI
kishida
10
2.7k
初参加のハノーバーメッセで感じた世界最大級イベントの熱気とAI活用の未来
hamadakoji
0
210
トイルを撲滅!インフラ領域での生成AI活用のススメ
shuya
0
330
AWS LambdaをTypeScriptで動かして分かった、Node.jsのTypeScriptサポートの利点と課題
smt7174
1
2.7k
AIオンボーディングとAIプロセスマイニング
nrryuya
3
880
Oracle Database オプティマイザ・ヒントの活用
oracle4engineer
PRO
1
110
バックエンドのコードファーストなOpenAPIスキーマ駆動開発 - TSKaigi2025
yujitorii
1
240
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Done Done
chrislema
184
16k
The Language of Interfaces
destraynor
158
25k
Practical Orchestrator
shlominoach
187
11k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Embracing the Ebb and Flow
colly
85
4.7k
Building an army of robots
kneath
305
45k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
Become a Pro
speakerdeck
PRO
28
5.3k
Documentation Writing (for coders)
carmenintech
71
4.8k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
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
!