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
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
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
tasukuwatanabe
2
280
猫の手も借りたい!ので AIエージェント猫を作って社内に放した話 Claude Code × Container Lambda の Slack Bot "DevNeko"
naramomi7
0
260
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
arthur1
2
550
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
nnaka2992
1
280
New in Go 1.26 Implementing go fix in product development
sunecosuri
0
430
Agentic AI: Evolution oder Revolution
mobilelarson
PRO
0
170
技術検証結果の整理と解析をAIに任せよう!
keisukeikeda
0
120
AIに任せる範囲を安全に広げるためにやっていること
fukucheee
0
130
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
470
エラーログのマスキングの仕組みづくりに役立ったASTの話
kumoichi
0
210
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記:那些困在 Alpha 加護病房太久的 Metrics
tico88612
0
190
RubyとGoでゼロから作る証券システム: 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
free_world21
0
280
Featured
See All Featured
Bash Introduction
62gerente
615
210k
Statistics for Hackers
jakevdp
799
230k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
160
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Building an army of robots
kneath
306
46k
How to train your dragon (web standard)
notwaldorf
97
6.6k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
52k
Docker and Python
trallard
47
3.8k
Designing for Performance
lara
611
70k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
270
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
190
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
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