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
Web / ネイティブ / LINEアプリを まとめる技術
Search
suwa yuki
November 26, 2019
Technology
0
1.6k
Web / ネイティブ / LINEアプリを まとめる技術
suwa yuki
November 26, 2019
Tweet
Share
More Decks by suwa yuki
See All by suwa yuki
Auth0ハンズオンウェビナー資料
suwayuki
0
9.7k
Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 - V2
suwayuki
0
1.9k
Auth0 Product Roadmap Report
suwayuki
0
1k
LINE Loginで始めるAuth0の使い方 - 認証基盤をかんたんに構築する方法
suwayuki
1
5.3k
サービスを爆速で立ち上げるためのSaaSの活用
suwayuki
0
2k
Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 -
suwayuki
0
450
デザイン工学科学生が ITベンチャーに就職し、トップエンジニアを目指す話
suwayuki
0
980
Auth0の認可
suwayuki
2
1.1k
Auth0 x Stripe x CircleCI - イノベーションを起こすためのサービスの活用 -
suwayuki
0
1.3k
Other Decks in Technology
See All in Technology
NewSQLや分散データベースを支えるRaftの仕組み - 仕組みを理解して知る得意不得意
hacomono
PRO
2
160
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
50
19k
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
140
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
470
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
deltahelp
0
700
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
310
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
440
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
340
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
lufthanahelpsupport
0
200
怖くない!はじめてのClaude Code
shinya337
0
400
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
150
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Adopting Sorbet at Scale
ufuk
77
9.5k
Thoughts on Productivity
jonyablonski
69
4.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
KATA
mclloyd
30
14k
The Cult of Friendly URLs
andyhume
79
6.5k
Navigating Team Friction
lara
187
15k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Transcript
8FCωΠςΟϒ-*/&ΞϓϦΛ ·ͱΊΔٕज़ Classmethod / Yuki Suwa / 2019.11.26 %FWFMPQFST*0$"'&ͷ։ൃʹ ڵຯͷ͋ΔΤϯδχΞ͚࠾༻આ໌ձ
ຊͷςʔϚ 2 %FWFMPQFST*0$"'&ͷ ΞϓϦʹؔ͢Δٕज़ͱ ΞʔΩςΫνϟͷ͝հ ຊͷςʔϚ
શମߏ 3 w8FCɺ/BUJWFɺ-*/& Ͱఏڙ͍ͯ͠Δ wೝূʹ"VUIΛར༻ w"1*ಉ͡&OEQPJOUΛ ࢀর API ೝূ APIΞΫηε
ϫϯιʔεʹͳΔ·Ͱͷྺ࢙ 4
ΧϑΣͷॳظ։ൃϑϩʔ 5 UIσβΠϯͱ։ൃ iOS൛Λ͓खຊʹ։ൃ
ωΠςΟϒΞϓϦͷ՝ wΞϓϦΛΠϯετʔϧ͢Δͷʹϋʔυϧ͕͋Δ wళฮ͔͠ଘࡏ͠ͳ͍ΧϑΣΛ͏ͨΊʹΞϓϦΛΠϯε τʔϧྫྷ੩ʹߟ͑Δͱ͢ΔΘ͚͕ͳ͍ wͨͩ͠ϔϏʔϢʔβʔʹͱͬͯ͋ͬͨํ͕ྑ͍ͷ͔֬ 6
ήετϢʔβʔ͚ͷల։ 7 Native App Web App
νϟοτϘοτจΓ͍ͨ w-*/&ΛͬͨνϟοτϘοτจΛ ࢼ͍ͨ͠ wΞϓϦΑΓΠϯλϥΫςΟϒͳΓ औΓ͕Ͱ͖Δ͔ʁ wԻจͰ͖Δ͔ʁ 8
νϟοτϘοτจΓ͍ͨ 9 Native App Web App Chatbot
՝ wͭͷνϟωϧʹର͢ΔΞοϓσʔτ͕େม wϦιʔεͷ֬อ͕͍͠ʢਓґଘʣ w΄΅ࣅ͍ͯΔ͕ɺιʔείʔυ͕શʹҟͳΔ wಉ͡Α͏ͳػೳվળഒͷ։ൃίετ͕͔͔Δ 10
8FCΞϓϦϕʔεʹϫϯιʔε 11 σϓϩΠ όϯυϧ ϦϯΫ ϦϯΫ LIFF PWA / TWA
iOS (Native) SPA
ϫϯιʔείʔυͰ։ൃ 12 Web App
-*''ͱ w-*/&'SPOUFOE'SBNFXPSL w-*/&Ͱ্ཱͪ͛Δ8FCΞϓϦͷ ͜ͱʢWͰ-*/&֎αϙʔτʣ wઐ༻4%,Ͱ-*/&ͷ"1*͕ར༻Մೳ 13
w6*ϑϨʔϜϫʔΫ wωΠςΟϒΞϓϦͱಉ͡Α͏ ͳ6*ίϯϙʔωϯτ͕͑Δ wࠓͷ݄ʹ7VFΛαϙʔτ 14
wΫϩεϓϥοτϑΥʔϜΞϓϦ ։ൃϑϨʔϜϫʔΫ w$PSEPWB1IPOF(BQͷޙܧ wΨϫωΠςΟϒʹՃ͑ͯωΠςΟ ϒ"1*ͷϒϦοδ͕Մೳ
Web App LIFF App Native App
શମߏ 17 API ೝূ APIΞΫηε
ೝূೝՄͷػೳΛ αʔϏεͱͯ͠ఏڙ
ιʔγϟϧϩάΠϯͷ՝ w৭ʑͳϩάΠϯखஈΛఏڙ͍ͨ͠ w*%ϓϩόΠμ͝ͱʹ༷͕ҟͳΔ w*%ϓϩόΠμ͝ͱʹΞΫηετʔ ΫϯΛཧ͢ΔॲཧΛ࣮͠ͳ͚ Ε͍͚ͳ͍ 19
Login with LINE ෳͷιʔγϟϧϩάΠϯෳࡶʜ 20 Login with Facebook Sign in
with Google IDϓϩόΠμ͝ͱʹ ೝূ/ೝՄͷ࣮ํ๏͕ҟͳΔ
"VUI͕·Δͬͱղܾʂ
ଟ͘ͷιʔγϟϧίωΫγϣϯΛαϙʔτ And more…
%FNP"SDIJUFDUVSF 23 iOS App Web App SDK SDK Auth0 Connections
LIFF App SDK
4BB4ίϯϙʔωϯτ *%ཧೝূج൫ $*$% αϒεΫ՝ۚཧ μογϡϘʔυ ηΩϡϦςΟ ϞχλϦϯά + α
·ͱΊ wϫϯιʔεPSݸผɺׂ͚Δ։ൃίετ࣍ୈ w֤ϓϥοτϑΥʔϜͷઐࣝඞཁɻ ϓϩϑΣογϣφϧ͔ͩΒͦ͜Ͱ͖Δɻ w৽͍͠πʔϧαʔϏεɺ৽ػೳΛۦͯ͠ ސ٬ମݧΛ࠷େԽ͠Α͏ wҰॹʹ։ൃ͍ͨ͠ํɺͥͻΫϥεϝιουʂ 25