[Course]クリエイティブディレクター,カイト2_코가2 Details
カリキュラム内容のご紹介
- SECTION 01
イントロダクション
01.イントロダクション- チーム紹介 - コースの概要説明 - ツールの紹介
- SECTION 02
プロジェクト概要とチーム形成
02.プロジェクト計画と要件定義- プロジェクトの概要説明とチーム形成 - スケジュールとタスク分割・役割分担 - ユーザーストーリーとペルソナの作成 - 要件定義 - サイトマップ・ワイヤーフレームの作成
- SECTION 03
デザイン・設計
03.デザイン①- デザインコンセプトを決める - フロントページのデザイン
04.デザイン②- デザインブラッシュアップ - レスポンシブデザイン
05.デザイン③- 下層ページデザイン - プロトタイピング
06.デザインエンジニアリング- デザインデータの調整 - WordPress ブロックの設計
- SECTION 04
環境構築・準備
07.環境構築- ローカル開発環境構築 - サーバ構築 - CI/CD構築
08.プロジェクトセットアップ- pnpm - Tailwind CSS
09.CMS 初期設定- WordPress の初期設定 - プラグインのインストール - カスタム投稿タイプ登録
- SECTION 05
実装
10.ヘッダー・フッターの実装- ヘッダー - フッター - ハンバーガーメニュー
11.フロントページの実装①- メインビジュアル - 特徴セクション
12.フロントページの実装②- コース紹介セクション - 講師紹介セクション - マガジンセクション
13.コードレビュー- コードレビューの基本 - 具体的な改善点の指摘と修正
14.アニメーション・インタラクションの実装①- メインビジュアルアニメーション - インタラクション
15.アニメーション・インタラクションの実装②- スクロールアニメーション - ページトランジション
16.アクセシビリティ対応- スクリーンリーダーへの対応 - キーボード操作への対応
17.ブロックエディターのカスタマイズ- theme.json の設定 - カスタムブロック開発環境構築
18.カスタムブロックの実装- 設計 - 実装
- SECTION 06
コンテンツ入力
19.ブロックエディターの使い方- ブロック - パターン
20.下層ページ作成- ブロック・パターンを使ってコース詳細ページを作成
21.公開準備- SEO - アナリティクス - Google Search Console
- SECTION 07
まとめ
22.まとめ- プロジェクトの振り返り - 技術的な復習 - 今後の運用・保守について