Course curriculum

    1. 本講座の完成品デモ

      無料プレビュー

    2. 本講座で使用するAWS料金について

    1. まずは環境開発構築から

    2. Expressを使って簡単なエンドポイントを作成しよう

    3. Prisma ORMのセットアップをはじめよう

      無料プレビュー

    4. Todoリストに利用するモデルを準備しよう

    5. 全てのTodoを取得するAPIを作ってみよう

    6. Todoを作成するAPIエンドポイントを作成してみよう

    7. Todoを編集するAPIエンドポイントを作成してみよう

    8. Todoを削除するAPIエンドポイントを作成してみよう

    1. Next.js13のセットアップをはじめよう

    2. 本講座で作成するTodoリストのレイアウトを作成しよう

    3. useSWRを使ってキャッシュ化されるデータフェッチをしてみよう

    4. CORSエラー回避をしてポートが異なるURLでもアクセスできるようにしよう

      無料プレビュー

    5. fetchしたTodoデータを出力してみてみよう

    6. TodoのタイトルをuseRefで取得しよう

    7. fetchを使ってpostAPIを叩いてみよう

    8. useSWRのmutateを使ってキャッシュ取得をしてみよう

    9. 編集ボタンを押したらinput入力表示できるように修正してみよう

    10. 編集用APIを叩いてTodoのタイトルを編集できるようにしよう

    11. カスタムフックスを作ってリファクタリングしよう

    12. Todo削除用APIを叩いてTodoを削除してみよう

    13. チェックボックスを押すことで完了・未完了状態を実装しよう

    14. AWSデプロイ用にAPI_URLを環境変数で宣言し直してみよう

    15. 【補足】useTodosにも環境変数を適用させよう

    1. AWS Amplifyを使ってNext.jsをデプロイしよう

    2. Githubでリポジトリを作成してAmplifyでデプロイしてみよう

    3. App Runnerを使ってNode.js（Express）をデプロイしてみよう

    4. Amplifyの環境変数を本番環境用に変更してリデプロイしよう

    1. ボーナスレクチャー

About this course

  • 34,900円
  • 30回のレッスン
  • 2時間の動画コンテンツ

Discover your potential, starting today