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.3k
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
210
20210421ミニアプリNight_LINEミニアプリ・LIFFのご紹介 /LINEMiniAppNight
torisankanasan
1
220
Bot Framework Composer 入門 ~GUIでカッコいいLINE Botを作る~ /azuretechlove#8
torisankanasan
0
1.3k
水族館でLINEを活用してみた! ~ Azure LUIS で作るLINE公式アカウントのご紹介 ~ /AzureTechLab#7
torisankanasan
0
620
ノンコーディングでチャットボット作ってみた ~ Azure Tech Lab. in WEST 年末年始に Cognitive Service を使い倒してみた件 ~/MSIgniteTheTour
torisankanasan
2
1.1k
LINE for Wedding 〜結婚披露宴でLINEを活用してみた話〜
torisankanasan
0
370
モバイルアプリはLINEでOK 〜LINEで図書館向けアプリを作ってみた〜
torisankanasan
1
400
何屋か決めたら見えてきた世界 ~U30がこれからの時代を戦うヒント~
torisankanasan
1
590
LINE for Wedding ~ 新しくなったFlex Messageを使ってみた ~
torisankanasan
0
480
Other Decks in Technology
See All in Technology
Feature Flag Deep Dive
biwashi
20
5k
スクラムガイドに載っていないスクラムのはじめかた - チームでスクラムをはじめるときに知っておきたい5個のコツ - / How to start Scrum that is not written in the Scrum Guide
takaking22
14
5.2k
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
0
1.1k
君はApplication Composerというサービスを知っているか
tsukuboshi
1
520
履歴データテーブルとの向き合い方_PHPerKaigi2024
gennei
25
6.7k
[2024년 3월 세미나] 다른 회사는 퍼널 분석 어떻게 하고 있을까?
datarian
1
1.6k
Combineを中心とした処理をSwift Concurrencyへ (これまでも調べた調査と向き合い)
fumiyasac0921
1
170
OCI Data Science Service 製品概要
oracle4engineer
PRO
0
110
SecurityCamp2023基板作るコース講義資料/Security Camp 2023 Lecture Materials
tnishinaga
5
1.3k
どうやってWebサービスのページ表示速度を1/3にしたか / how-to-reduce-display-speed
pinkumohikan
2
470
【OpsJAWS】EC2 のセキュリティの運用と監視について考えてみた件
hssh2_bin
4
590
The Disturbing Truth: Why Do Most Software Projects Suck?
lemiorhan
0
110
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
323
20k
Building Effective Engineering Teams - LeadDev
addyosmani
25
1.6k
Documentation Writing (for coders)
carmenintech
59
3.7k
Adopting Sorbet at Scale
ufuk
66
8.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
11
1.4k
Making Projects Easy
brettharned
106
5.4k
Producing Creativity
orderedlist
PRO
335
39k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
A Modern Web Designer's Workflow
chriscoyier
689
190k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
It's Worth the Effort
3n
180
27k
Facilitating Awesome Meetings
lara
39
5.5k
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
!