自動で再生する
自動で完了にする
前のレクチャー
完了にして次に進む
Firebase未経験者のためのReactで作るチャットアプリ開発入門!最速最短でゴール到達!
まず、本コースで作成するアプリケーションを動かしてみよう!!
はじめに
本コースで実装したソースコードを取得しよう (6:56)
ちょっと一息
Firebase でプロジェクトを作成しよう (3:10)
Firebase Realtime Databaseでデータベースを作成しよう (2:44)
Firebase のアプリを追加しよう (3:00)
アプリケーションをセットアップしよう (12:11)
お疲れさまでした!
Reactでチャットアプリケーションを開発しよう!!
デモアプリを期間限定で公開します。
ReactスケルトンアプリのgitリポジトリのURLについて
アプリケーションを新規作成しよう (12:56)
ちょっと一息
サインインページを作ろう (16:04)
サインインページの見た目をデモアプリに合わせよう (13:21)
Reactアプリでニックネームを管理しよう (12:25)
はじめるボタンのクリックでニックネームを登録する(前半) (27:23)
はじめるボタンのクリックでニックネームを登録する(後半) (7:19)
エンターキーでもニックネームを登録させる (13:39)
日本語のニックネームも登録できるようにする (23:45)
アプリケーションの設定ファイルを作ろう (6:01)
CSSグリッドレイアウトの基本的概念 (13:41)
CSSグリッドレイアウトを適用する (17:09)
グリッドレイアウトの適用の続き (11:22)
入力用のコンポーネントにグリッドを適用する (13:50)
アバター画像を生成する (21:18)
メッセージを入力するフィールドのコンポーネントを作ろう (22:23)
Firebaseの新規プロジェクトを作成しよう (2:33)
アプリを作成する (31:38)
Gridのitemを指定しwarningsを取り除く (4:39)
ハードコードしている環境変数を取り除く (19:47)
送信ボタンの実装を行う (18:03)
フォーカスを適用する (12:31)
メッセージ一覧を取得しよう (36:32)
メッセージ一覧を表示しよう (28:14)
新規メッセージをいい感じに表示させる (20:26)
アプリケーションをビルドする (5:02)
Firebase Hosting でアプリをディプロイする (17:18)
Deploy用のタスクを登録する (4:58)
.env.localを生成するスクリプトを作成する (23:06)
CSSグリッドレイアウトの基本的概念
レクチャーの中身がロックされています
受講済みの方であれば、
ログインが必要です
.
ロックを解除する