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
310
Bot Framework Composer 入門 ~GUIでカッコいいLINE Botを作る~ /azuretechlove#8
torisankanasan
0
1.5k
水族館でLINEを活用してみた! ~ Azure LUIS で作るLINE公式アカウントのご紹介 ~ /AzureTechLab#7
torisankanasan
0
830
ノンコーディングでチャットボット作ってみた ~ Azure Tech Lab. in WEST 年末年始に Cognitive Service を使い倒してみた件 ~/MSIgniteTheTour
torisankanasan
2
1.3k
LINE for Wedding 〜結婚披露宴でLINEを活用してみた話〜
torisankanasan
0
470
モバイルアプリはLINEでOK 〜LINEで図書館向けアプリを作ってみた〜
torisankanasan
1
550
何屋か決めたら見えてきた世界 ~U30がこれからの時代を戦うヒント~
torisankanasan
1
770
LINE for Wedding ~ 新しくなったFlex Messageを使ってみた ~
torisankanasan
0
600
Other Decks in Technology
See All in Technology
生成AIでwebアプリケーションを作ってみた
tajimon
2
150
PostgreSQL 18 cancel request key長の変更とRailsへの関連
yahonda
0
120
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
550
第9回情シス転職ミートアップ_テックタッチ株式会社
forester3003
0
240
Lambda Web Adapterについて自分なりに理解してみた
smt7174
3
110
Agentic Workflowという選択肢を考える
tkikuchi1002
1
520
生成AI時代 文字コードを学ぶ意義を見出せるか?
hrsued
1
510
AIの最新技術&テーマをつまんで紹介&フリートークするシリーズ #1 量子機械学習の入門
tkhresk
0
140
HiMoR: Monocular Deformable Gaussian Reconstruction with Hierarchical Motion Representation
spatial_ai_network
0
110
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
3
120
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
310
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
29
11k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Optimizing for Happiness
mojombo
379
70k
Raft: Consensus for Rubyists
vanstee
140
7k
Facilitating Awesome Meetings
lara
54
6.4k
What's in a price? How to price your products and services
michaelherold
246
12k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Scaling GitHub
holman
459
140k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.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
!