React Nativeでtwitterアプリを作ってみよう！#7 タイムライン機能を作ってみよう 練習編

Transcript

1. React Native で twitter アプリを作ってみよう！ #7 タイムライン機能を作ろう 練習編 by @morioka_yuichi 2020/9/30
2. タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7 DB 設計 users tweets ゴロリ モーリー hello Yeah ユーザーに紐付けておく事で、セキュリティーをかけやすくなる。
3. タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7 ハンズオンの流れ Lesson0.1 タイムスタンプ追加 Lesson0 ツイート機能のアーキテクチャについて Lesson0.2 ツイート画⾯のバグ修正 Lesson1 ライブラリのインストールする Lesson2 Custom Hooks を作ろう Lesson3 ホーム画⾯ ( タイムライン ) を作ろう Lesson4 ユーザー画⾯を修正しよう Lesson5 ツイート詳細画⾯を作ろう Lesson6 Firestore インデックスの保存
4. Lesson0 ツイート機能のアーキテクチャについて ハンズオン後半の「タイムラインを作ろう」で実装予定 5 minutes tweet data read tweet data write tweet list 作成 ツイートに成功したら 発⽕させる タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7
5. タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7 tweets hello Yeah フォローしてるユーザーの投稿を10件ずつ取りたい！ ⾃分の投稿を10件ずつ取りたい！ ⼈気投稿を10件ずつ取りたい！ いけそう
6. タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7 tweets hello Yeah フォローしてるユーザーの投稿を10件ずつ取りたい！ ⾃分の投稿を10件ずつ取りたい！ ⼈気投稿を10件ずつ取りたい！ いけない 10フォローを超えると破綻 使うレートが2種類を超えると破綻 いける
7. タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7 followTweets popularTweets myTweets hello Yeah hello Yeah hello Yeah フォローしてるユーザーの投稿を10件ずつ取りたい！ ⾃分の投稿を10件ずつ取りたい！ ⼈気投稿を10件ずつ取りたい！ いける
8. 3 minutes アプリ起動 $ yarn start // アプリ起動 // コードを取得 & インストール $ git clone https://github.com/tabikaeru/twitter-handson-expo.git $ yarn $ cd twitter-handson-expo タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7
9. 10 minutes Lesson0.1 - 0.2 https://studio.gorori.jp/docs/twitter_handson_timeline_practice0 タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7
10. 30 minutes Lesson1 - 5 https://studio.gorori.jp/docs/twitter_handson_timeline_practice1 タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7
11. 5 minutes Lesson6 https://studio.gorori.jp/docs/twitter_handson_timeline_practice2 タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7
12. DM 機能を追加する時の Firestore の設計をしてみよう ※何パターンか考えて、メリット・デメリットが説明できれば Good 宿題 次回まで タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7
13. 質問があれば https://studio.gorori.jp/forums への投稿 もしくは twitter の DM で 雑談タイム タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7
14. https://studio.gorori.jp End タイムライン機能を作ろう 練習編 React Native で twitter アプリを作ってみよう！ #7