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
React Nativeでtwitterアプリを作ってみよう!#2 ログイン機能を作ってみよ...
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kosaku Kurino
August 30, 2020
Programming
0
260
React Nativeでtwitterアプリを作ってみよう!#2 ログイン機能を作ってみよう フロントエンド編
Kosaku Kurino
August 30, 2020
Tweet
Share
More Decks by Kosaku Kurino
See All by Kosaku Kurino
React Nativeでtwitterアプリを作ってみよう!#7 タイムライン機能を作ってみよう 練習編
gorori
0
530
React Nativeでtwitterアプリを作ってみよう!#6 ツイート機能を作ってみよう
gorori
0
240
React Nativeでtwitterアプリを作ってみよう!#5 プロフィール機能を作ってみよう フロントエンド後編
gorori
0
230
React Nativeでtwitterアプリを作ってみよう!#4 プロフィール機能を作ってみよう フロントエンド前編
gorori
0
250
React Nativeでtwitterアプリを作ってみよう!#2 ログイン機能を作ってみよう バックエンド編
gorori
0
310
React Nativeでtwitterアプリを作ってみよう!#1 React Nativeを触ってみよう
gorori
0
290
Other Decks in Programming
See All in Programming
今更考える「単一責任原則」 / Thinking about the Single Responsibility Principle
tooppoo
3
1.6k
Go1.26 go fixをプロダクトに適用して困ったこと
kurakura0916
0
350
Agent Skills Workshop - AIへの頼み方を仕組み化する
gotalab555
15
8.4k
Claude Code の Skill で複雑な既存仕様をすっきり整理しよう
yuichirokato
1
360
AIに任せる範囲を安全に広げるためにやっていること
fukucheee
0
130
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
nrslib
15
2.9k
AIコーディングの理想と現実 2026 | AI Coding: Expectations vs. Reality 2026
tomohisa
0
1.2k
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
monochromegane
4
410
GC言語のWasm化とComponent Modelサポートの実践と課題 - Scalaの場合
tanishiking
0
100
DevinとClaude Code、SREの現場で使い倒してみた件
karia
1
1k
AWS Infrastructure as Code の新機能 2025 総まとめ 〜SA 4人による怒涛のデモ祭り〜
konokenj
10
3.3k
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜
kuro_kurorrr
3
1.9k
Featured
See All Featured
Writing Fast Ruby
sferik
630
63k
BBQ
matthewcrist
89
10k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Fireside Chat
paigeccino
42
3.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
140
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
130
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.5k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.4k
The Pragmatic Product Professional
lauravandoore
37
7.2k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Transcript
React Native で twitter アプリを作ってみよう! #2 ログイン機能を作ってみよう フロントエンド編 by @morioka_yuichi
2020/08/26
ログイン機能を作ってみよう フロントエンド編 React Native で twitter アプリを作ってみよう! #2 Firebase Authentication ユーザー認証を実装するためのサービス
サインアップ後はユニークなIDが発⾏され どのデバイスからでもユーザー認証できる
ハンズオンの流れ Lesson0 ユーザー認証のアーキテクチャについて Lesson1 アプリにログイン・ログアウトを実装してみよう Lesson2 Firebase Functions でユーザーデータを作成してみよう (
課⾦プランにあげる必要あり ) ログイン機能を作ってみよう フロントエンド編 React Native で twitter アプリを作ってみよう! #2
Lesson0 ユーザー認証のアーキテクチャについて 5 minutes uniq id user data ログイン user
data 作成 ユーザー認証に成功したら 発⽕させる ログイン機能を作ってみよう フロントエンド編 React Native で twitter アプリを作ってみよう! #2
10 minutes Lesson1 アプリにログイン・ログアウトを実装してみよう $ yarn start // アプリ起動 //
コードを取得 & インストール $ git clone https://github.com/tabikaeru/twitter-handson-client.git $ yarn $ cd twitter-handson-client ログイン機能を作ってみよう フロントエンド編 React Native で twitter アプリを作ってみよう! #2
Lesson2 Firebase Functions でユーザーデータを作成してみよう $ firebase deploy —only functions //
関数のデプロイ $ git clone https://github.com/tabikaeru/twitter-handson-firebase.git $ cd twitter-handson-firebase $ yarn // コードを取得 & インストール 10 minutes (課⾦プランにあげる必要あり) ログイン機能を作ってみよう フロントエンド編 React Native で twitter アプリを作ってみよう! #2
Facebook 認証もできるようにしてみよう! 宿題 次回まで ログイン機能を作ってみよう フロントエンド編 React Native で twitter アプリを作ってみよう!
#2
質問があれば https://studio.gorori.jp/forums への投稿 もしくは twitter の DM で Q&A ログイン機能を作ってみよう フロントエンド編
React Native で twitter アプリを作ってみよう! #2
ログイン機能を作ってみよう フロントエンド編 React Native で twitter アプリを作ってみよう! #2 https://studio.gorori.jp End