Course curriculum

    1. 本講座で学ぶこと・デモ

    2. 本講座の学習の流れ

    1. VSCodeをインストールしよう

    2. Node.jsをインストールしよう

    3. React開発環境構築

    4. Reactプロジェクト内部の説明/整理

    5. コーディングに便利なプラグインをインストールしよう

    1. はじめに

    2. Array.map()

    3. 三項演算子の使い方

    1. ツイッター完成品のデモ

    2. ツイッター完成品のソースコード

    1. TwitterのHTML構成を図解で確認してみよう

    2. サイドバーを作成しよう

    3. MaterialUIを導入・インストールしてみよう

    4. SidebarOption.jsを実装してみよう

    5. Material Iconコピペ用テキスト

    6. Material Iconを探す練習をしてみよう

    7. サイドバーにツイートボタンを追加しよう

    8. Sidebar.cssでスタイリングを適用しよう

    9. SidebarOption.cssでスタイリングを適用しよう

    10. App.cssでアプリ全体のレイアウトを変更しておこう

    11. タイムラインを作成しよう

    12. タイムラインのCSSを適用させよう

    13. TweetBox.jsを作成しよう

    14. TweetBox.cssでスタイリングを適用しよう

    15. Post.jsを作成しよう

    16. Post.cssでスタイリングを適用しよう

    17. タイムラインをスクロールできるように修正しよう

    18. ウィジェットを作成しよう

    19. ツイッタータイムライン貼り付けのライブラリを導入してみよう

    20. Wiget.cssでスタイリングを適用しよう

    21. 最後にアプリ全体のCSSの修正をしよう

    22. 【追加】CSSの最終修正

    1. はじめに図解で全体像を確認しよう

    2. Post.jsコンポーネントにプロップスを渡してみよう

    3. Firebaseを使ってみよう

    4. Firebaseの初期化設定

    5. CloudFirestoreデータベースを使ってみよう

    6. データベースを初期化（連携）してみよう

    7. データベースからデータを取り出してみよう

    8. 取り出したデータをPost.jsに渡して出力してみよう

    9. マウント時だけデータを取得するように変更してみよう

    10. ツイート投稿できるようにしよう：その１

    11. ツイート投稿できるようにしよう：その2

    12. 最新のツイート順にデータを出力してみよう

    13. リアルタイムでデータを出力してみよう

    14. 滑らかにツイートを表示してみよう

    15. 最初からサイドバーが選択された状態にしてみよう

About this course

  • 19,800円
  • 51回のレッスン
  • 3.5時間の動画コンテンツ

Discover your potential, starting today