01.イントロダクション- 会社紹介 - 講座の概要説明 - ツールの紹介

02.プロジェクト計画と要件定義- プロジェクトの概要説明とチーム形成 - 要件定義 - スケジュールとタスク分割・役割分担 - サイトマップ・ワイヤーフレームの作成

03.デザイン①- デザインコンセプトを決める - メインビジュアルの制作 - ブランドカラーのスタイル登録

04.デザイン②- フロントページ（デスクトップ）デザイン - コンポーネント作成 - バリアブル登録

05.デザイン③- フロントページ（デスクトップ）デザイン - メインセクションのデザイン

06.デザイン④- フロントページ（デスクトップ）デザイン - 全体的なブラッシュアップ

07.デザイン⑤- フロントページ（モバイル）デザイン

08.デザイン⑥- 下層ページ（デスクトップ、モバイル）デザイン - プロトタイピング

09.デザインエンジニアリング- デザインデータの調整 - WordPress ブロックの設計

10.環境構築- ローカル開発環境構築 - サーバの設定 - CI/CD の構築

11.プロジェクトセットアップ- セットアップ用ファイルの作成

12.CMS 初期設定①- テーマの初期設定 - Tailwind CSS の紹介と設定

13. CMS 初期設定②- プラグインの初期設定 - コンテンツの準備（データベースなどのインポート）

14.ヘッダーの実装- モバイル用のヘッダーの実装 - ハンバーガーメニューの実装 - デスクトップ用のヘッダーの実装

15.フッターの実装- フッターの実装

16.フロントページの実装①- ヒーローセクションの実装

17.フロントページの実装②- ニュースエリア（Splide 導入） - 特徴セクション

18. フロントページの実装③- コース紹介セクションの実装 - 講師紹介セクションの実装"

19. フロントページの実装④- その他のセクションの実装

20.コードレビュー- コードレビューの基本 - 具体的な改善点の指摘と修正

21.アニメーション・インタラクションの実装①- アニメーション・インタラクションの実装計画 - イメージや参考サイトの共有

22.アニメーション・インタラクションの実装②- インタラクションの実装

23. アニメーション・インタラクションの実装③- 演出に関するアニメーションの実装

24.アクセシビリティ対応- アクセシビリティチェック - WAI-ARIA 対応 - スクリーンリーダーへの対応

25.カスタムブロックの実装- カスタムブロック開発環境構築 - カスタムブロックの実装

26.ブロックエディターのカスタマイズ- theme.json の設定とブロックスタイルの追加

27.ブロックエディターの使い方・下層ページ作成- ブロックエディタとは - ブロック・パターンを使ってコース詳細ページを作成

28.サイト公開- SEO - アナリティクス - Google Search Console

29.まとめ- 講座の振り返り - 今後について