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.7k
Web / ネイティブ / LINEアプリを まとめる技術
suwa yuki
November 26, 2019
Tweet
Share
More Decks by suwa yuki
See All by suwa yuki
Auth0ハンズオンウェビナー資料
suwayuki
0
9.9k
Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 - V2
suwayuki
0
2k
Auth0 Product Roadmap Report
suwayuki
0
1.1k
LINE Loginで始めるAuth0の使い方 - 認証基盤をかんたんに構築する方法
suwayuki
1
5.4k
サービスを爆速で立ち上げるためのSaaSの活用
suwayuki
0
2k
Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 -
suwayuki
0
480
デザイン工学科学生が ITベンチャーに就職し、トップエンジニアを目指す話
suwayuki
0
1k
Auth0の認可
suwayuki
2
1.1k
Auth0 x Stripe x CircleCI - イノベーションを起こすためのサービスの活用 -
suwayuki
0
1.3k
Other Decks in Technology
See All in Technology
複雑さを受け入れるか、拒むか? - 事業成長とともに育ったモノリスを前に私が考えたこと #RSGT2026
murabayashi
1
1.6k
Introduction to Bill One Development Engineer
sansan33
PRO
0
340
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
Agentic AIが変革するAWSの開発・運用・セキュリティ ~Frontier Agentsを試してみた~ / Agentic AI transforms AWS development, operations, and security I tried Frontier Agents
yuj1osm
0
210
田舎で20年スクラム(後編):一個人が企業で長期戦アジャイルに挑む意味
chinmo
1
1.3k
AIと融ける人間の冒険
pujisi
0
110
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1k
#22 CA × atmaCup 3rd 1st Place Solution
yumizu
1
130
CQRS/ESになぜアクターモデルが必要なのか
j5ik2o
0
750
【Agentforce Hackathon Tokyo 2025 発表資料】みらいシフト:あなた働き方を、みらいへシフト。
kuratani
0
110
チームで安全にClaude Codeを利用するためのプラクティス / team-claude-code-practices
tomoki10
6
3k
Digitization部 紹介資料
sansan33
PRO
1
6.4k
Featured
See All Featured
Ethics towards AI in product and experience design
skipperchong
1
160
Building AI with AI
inesmontani
PRO
1
610
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
120
The World Runs on Bad Software
bkeepers
PRO
72
12k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
100
Joys of Absence: A Defence of Solitary Play
codingconduct
1
270
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
110
Six Lessons from altMBA
skipperchong
29
4.1k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
58
41k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
37
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