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
2k
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
460
デザイン工学科学生が 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
2025-07-31: GitHub Copilot Agent mode at Vibe Coding Cafe (15min)
chomado
2
380
専門分化が進む分業下でもユーザーが本当に欲しかったものを追求するプロダクトマネジメント/Focus on real user needs despite deep specialization and division of labor
moriyuya
1
1k
JAWS AI/ML #30 AI コーディング IDE "Kiro" を触ってみよう
inariku
3
290
Amazon Q Developerを活用したアーキテクチャのリファクタリング
k1nakayama
2
190
Segment Anything Modelの最新動向:SAM2とその発展系
tenten0727
0
430
【CEDEC2025】『ウマ娘 プリティーダービー』における映像制作のさらなる高品質化へ!~ 豊富な素材出力と制作フローの改善を実現するツールについて~
cygames
PRO
0
230
Nx × AI によるモノレポ活用 〜コードジェネレーター編〜
puku0x
0
340
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
270
相互運用可能な学修歴クレデンシャルに向けた標準技術と国際動向
fujie
0
200
AI によるドキュメント処理を加速するためのOCR 結果の永続化と再利用戦略
tomoaki25
0
400
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
1
120
バクラクによるコーポレート業務の自動運転 #BetAIDay
layerx
PRO
1
850
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
420
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
A Tale of Four Properties
chriscoyier
160
23k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Navigating Team Friction
lara
188
15k
GraphQLとの向き合い方2022年版
quramy
49
14k
GitHub's CSS Performance
jonrohan
1031
460k
Adopting Sorbet at Scale
ufuk
77
9.5k
Balancing Empowerment & Direction
lara
1
530
A designer walks into a library…
pauljervisheath
207
24k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
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