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
260
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
250
React Nativeでtwitterアプリを作ってみよう!#5 プロフィール機能を作ってみよう フロントエンド後編
gorori
0
240
React Nativeでtwitterアプリを作ってみよう!#4 プロフィール機能を作ってみよう フロントエンド前編
gorori
0
250
React Nativeでtwitterアプリを作ってみよう!#2 ログイン機能を作ってみよう バックエンド編
gorori
0
310
React Nativeでtwitterアプリを作ってみよう!#1 React Nativeを触ってみよう
gorori
0
300
Other Decks in Programming
See All in Programming
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
2
490
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
yusukebe
7
1.9k
はてなアカウント基盤 State of the Union
cockscomb
1
1.3k
関数型プログラミングのメリットって何だろう?
wanko_it
0
180
エンジニア向け会社紹介/Findy Company Profile
findyinc
6
360k
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
420
初めてのKubernetes 本番運用でハマった話
oku053
0
130
Foundation Models frameworkで画像分析
ryodeveloper
1
120
共通化で考えるべきは、実装より公開する型だった
codeegg
0
240
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
sushichan044
0
220
1年で人数1.5倍、PR数5.5倍増。 品質とアウトカムはどうなったか、 何が効いたか
ike002jp
0
130
任せる範囲はこう広がった / How the Scope of AI Delegation Has Expanded
nrslib
1
250
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.5k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
420
Ethics towards AI in product and experience design
skipperchong
2
330
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
190
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.7k
Bash Introduction
62gerente
615
220k
A designer walks into a library…
pauljervisheath
211
24k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
A better future with KSS
kneath
240
18k
Building the Perfect Custom Keyboard
takai
2
810
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