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
1.8k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Web / ネイティブ / LINEアプリを まとめる技術
suwa yuki
November 26, 2019
More Decks by suwa yuki
See All by suwa yuki
Auth0ハンズオンウェビナー資料
suwayuki
0
10k
Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 - V2
suwayuki
0
2.1k
Auth0 Product Roadmap Report
suwayuki
0
1.1k
LINE Loginで始めるAuth0の使い方 - 認証基盤をかんたんに構築する方法
suwayuki
1
5.6k
サービスを爆速で立ち上げるためのSaaSの活用
suwayuki
0
2.1k
Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 -
suwayuki
0
510
デザイン工学科学生が ITベンチャーに就職し、トップエンジニアを目指す話
suwayuki
0
1.1k
Auth0の認可
suwayuki
2
1.2k
Auth0 x Stripe x CircleCI - イノベーションを起こすためのサービスの活用 -
suwayuki
0
1.4k
Other Decks in Technology
See All in Technology
デジタル・デザイン:次の50年を描く「進化する青写真」
y150saya
0
780
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
kakehashi
PRO
1
320
どうして今サーバーサイドKotlinを選択したのか
nealle
0
180
AIをフル活用してオンコール機能のプロトタイプを2日で作った話 / Building an AI-Powered On-Call Prototype in Just Two Days
nari_ex
0
170
AWS Summit Japan 2026の振り返りと2027へ向けて / AWS Summit Japan 2026 Recap and Prospects for 2027
kaminashi
1
180
從觀望到全公司落地:AI Agentic Coding 導入實戰 — 流程整合與安全治理
appleboy
1
530
Kotlin 開発のツラミを爆破した話! / Explode the difficulty of Kotlin dev!
eller86
0
130
NDIAS CTF 2026 問題解説会資料
bata_24
0
160
AIDLC_ヤフーショッピングの取り組み
lycorptech_jp
PRO
0
470
はてなのサービス基盤を支える Kubernetes《足腰》
masayoshimaezawa
0
420
「ビジネスがわかるエンジニア」とは何か?
ryooob
0
460
AIで政治は変わるのか? — 中高生と考えたAI時代の民主主義(東海高校サタデープログラム)
eitarosuda
0
360
Featured
See All Featured
Bash Introduction
62gerente
615
220k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
410
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
220
Faster Mobile Websites
deanohume
310
32k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
210
Paper Plane
katiecoart
PRO
1
52k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
330
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
62
44k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
It's Worth the Effort
3n
188
29k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.9k
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