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.5k
Web / ネイティブ / LINEアプリを まとめる技術
suwa yuki
November 26, 2019
Tweet
Share
More Decks by suwa yuki
See All by suwa yuki
Auth0ハンズオンウェビナー資料
suwayuki
0
9.2k
Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 - V2
suwayuki
0
1.8k
Auth0 Product Roadmap Report
suwayuki
0
920
LINE Loginで始めるAuth0の使い方 - 認証基盤をかんたんに構築する方法
suwayuki
1
4.9k
サービスを爆速で立ち上げるためのSaaSの活用
suwayuki
0
1.8k
Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 -
suwayuki
0
380
デザイン工学科学生が ITベンチャーに就職し、トップエンジニアを目指す話
suwayuki
0
910
Auth0の認可
suwayuki
2
980
Auth0 x Stripe x CircleCI - イノベーションを起こすためのサービスの活用 -
suwayuki
0
1.2k
Other Decks in Technology
See All in Technology
LINEヤフー新卒採用 コーディングテスト解説 アルゴリズム問題編
lycorp_recruit_jp
0
13k
入門 バックアップ
ryuichi1208
14
4.5k
PREEMPT_RT over the years
ennael
PRO
0
310
「ばん・さく・つき・たー!」にならないためにSHIROBAKOから 学んだこと
ysknsid25
3
330
Sansanにおける全社横断データ分析基盤の挑戦と未来 / Challenges and Future of Cross-Organizational Data Analytics Platform at Sansan
sansan_randd
2
310
【shownet.conf_】革新と伝統を融合したファシリティ
shownet
PRO
0
250
Oracle Database 23ai 新機能#4 Real Application Clusters
oracle4engineer
PRO
0
110
OPENLOGI Company Profile
hr01
0
53k
Vista FinderMx
jtes
0
160
小さな勉強会の始め方、広げ方、あるいは友達の作り方 / How to Start, Grow, and Build Connections with Small Study Groups
ar_tama
2
1.1k
エンジニアは伝え方が9割/90% of what engineers need is communication skills
ykanoh
2
160
【swonet.conf_】NOCメンバーが語るSTMの実態!! ~ShowNetから若者への贈り物~
shownet
PRO
0
230
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
509
110k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
Design by the Numbers
sachag
278
19k
Why Our Code Smells
bkeepers
PRO
334
57k
Web Components: a chance to create the future
zenorocha
310
42k
GraphQLとの向き合い方2022年版
quramy
43
13k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
105
48k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Raft: Consensus for Rubyists
vanstee
136
6.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
It's Worth the Effort
3n
183
27k
Web development in the modern age
philhawksworth
205
10k
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