Course curriculum

    1. 本講座で学べる事

      無料プレビュー

    2. 本講座の完成品デモ

    3. 今回作るアプリの技術スタックとインフラ図を確認しよう

    1. プロジェクトのセットアップをはじめよう

    2. layout.tsxでナビゲーションバーを作成しよう

    3. プロジェクト全体のフォントを変更しよう

    4. Homeページにタイトルとボタンを追加しよう

    5. ノートリストを表示するページを作成しよう

    1. MicroCMSを使ってノートAPIとデータを作成してみよう

    2. microcms-js-sdkを使ってデータの呼び出しをしてみよう

      無料プレビュー

    3. zodを使ってtypescriptの型を定義してみよう

    4. コンテンツのHTML要素を取り除いて表示してみよう

    5. 詳細ノートページを作ってみよう

    6. 固有のノートを取得する関数を作って呼び出してみよう

    1. 作ったアプリをビルドしてoutディレクトに静的ファイルで出力してみよう

      無料プレビュー

    2. generateStaticParams()を設定して動的ルーティングでビルドできるようにしよう

    3. AWSの初期セットアップをはじめよう

    4. 静的ファイルをS3バケットにアップロードしてみよう

    5. CloudFrontでCDNキャッシュしてみよう

    6. Githubのリポジトリ作成とMicroCMSでWebHook設定をはじめよう

    7. GithubActionsでworkflowとymlファイル記述してみよう

    8. 自動ビルド利用するAWSシークレットキーを設定してみよう

    9. IAMユーザーを作成してアクセストークンとシークレットキーを発行しよう

    10. IAMポリシー設定を変更してデプロイ時のバグを修正しよう

    11. CloudFunctions設定をしてサブディレクトでもindex.htmlへアクセスできるように修正してみよう

    1. draw.ioへアカウント登録して使い方の基礎を学ぼう

    2. 今回作ったアプリのAWS構成図を作ってみよう

    1. おわりに

About this course

  • 29,800円
  • 28回のレッスン
  • 2時間の動画コンテンツ

Discover your potential, starting today