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
200
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
350
React Nativeでtwitterアプリを作ってみよう!#6 ツイート機能を作ってみよう
gorori
0
180
React Nativeでtwitterアプリを作ってみよう!#5 プロフィール機能を作ってみよう フロントエンド後編
gorori
0
160
React Nativeでtwitterアプリを作ってみよう!#4 プロフィール機能を作ってみよう フロントエンド前編
gorori
0
170
React Nativeでtwitterアプリを作ってみよう!#2 ログイン機能を作ってみよう バックエンド編
gorori
0
220
React Nativeでtwitterアプリを作ってみよう!#1 React Nativeを触ってみよう
gorori
0
200
Other Decks in Programming
See All in Programming
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
120
Elm 0.19.0 Changes
bkuhlmann
0
480
Ruby Function Composition
bkuhlmann
1
330
元気予報
suu_mire0726
0
860
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
120
Elm Form Validation
bkuhlmann
0
510
try! Swift Tokyo 初参加報告LT
hinakko2
0
190
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
350
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
39
18k
Ruby製社内ツールのGo移行
bgpat
2
330
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
22
15k
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
503
110k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
The Invisible Customer
myddelton
114
12k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
Designing the Hi-DPI Web
ddemaree
276
33k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
154
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
76
41k
For a Future-Friendly Web
brad_frost
171
8.9k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Become a Pro
speakerdeck
PRO
10
4.5k
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