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
270
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
React Nativeでtwitterアプリを作ってみよう!#2 ログイン機能を作ってみよう フロントエンド編
Kosaku Kurino
August 30, 2020
More Decks by Kosaku Kurino
See All by Kosaku Kurino
React Nativeでtwitterアプリを作ってみよう!#7 タイムライン機能を作ってみよう 練習編
gorori
0
550
React Nativeでtwitterアプリを作ってみよう!#6 ツイート機能を作ってみよう
gorori
0
260
React Nativeでtwitterアプリを作ってみよう!#5 プロフィール機能を作ってみよう フロントエンド後編
gorori
0
250
React Nativeでtwitterアプリを作ってみよう!#4 プロフィール機能を作ってみよう フロントエンド前編
gorori
0
260
React Nativeでtwitterアプリを作ってみよう!#2 ログイン機能を作ってみよう バックエンド編
gorori
0
320
React Nativeでtwitterアプリを作ってみよう!#1 React Nativeを触ってみよう
gorori
0
310
Other Decks in Programming
See All in Programming
Go を使い始めて 2 ヶ月の学び / My first two months with Go
contour_gara
0
420
信頼性の目標を誰も求めてない
shubox
0
480
Webエンジニアなのにブラウザの仕組みがわからないので、Pythonで自作してみた
tatsuki12
4
1.6k
コンパウンドプロダクト開発のためのローカルプロセスマネージャー再発明 #layerxgo
izumin5210
0
620
初心者DevRelとして参加者だった私が、DevRel Talks!#2に登壇するまでにしてきたこと
sokohirai
0
330
T3DD26: From RAGs to Riches
martinhelmich
0
140
go-spidermonkeyでAIエージェントのCode Modeを実装する
syumai
3
1.5k
FastAPI の並行処理モデルを完全に理解する
hoto17296
9
3.7k
Claude Codeを組織的に動かして月400PRを実現した話
happy_ryo
0
250
Laravelのアプリケーションをどこにデプロイするか #ツナギメオフライン.9
akase244
0
100
型解析で実現する Go の言語内 DSL / Conference に Go! タイムテーブルの歩き方 for Gophers
mazrean
0
120
書籍「プロフェッショナルAI駆動開発」紹介スライド
juntaromatsumoto
0
960
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
Utilizing Notion as your number one productivity tool
mfonobong
4
570
HDC tutorial
michielstock
2
840
Exploring anti-patterns in Rails
aemeredith
3
490
The Art of Programming - Codeland 2020
erikaheidi
57
14k
How to Ace a Technical Interview
jacobian
281
24k
What's in a price? How to price your products and services
michaelherold
247
13k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
260
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
320
The Invisible Side of Design
smashingmag
301
52k
Unsuck your backbone
ammeep
672
58k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
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