Astro × EmDashでサイトを制作します

この講義では、AstroとEmDashを使用して、オリジナルのWebサイトを制作します。 EmDashは、WordPressのように管理画面からコンテンツを編集・更新できるCMSです。 PHPを使用しないため、PHP固有の脆弱性を回避でき、カスタムフィールドや繰り返しフィールドなども追加の有料プラグインなしで実装できます。 また、Cloudflareの無料プランを活用すれば、小規模なサイトは実質無料で運用することも可能です。 講義では、WordPressとの違いやEmDashのメリット・デメリットについても解説します。 以下は参考として、しょーごさんのデザインカンプを購入し、講師が制作したEmDashサイトです。 Astro・SCSS・JavaScriptを使用し、EmDashの管理画面からブログや社員紹介を更新・管理できる採用サイトを構築しました。 制作サンプル https://tetote-emdash.sk-website.workers.dev/ ユーザー名： tetote パスワード： tetote_user この講義で学べること * 開発環境の構築：VS Code・Node.js・Astro・EmDash * サイト制作：HTML・CSS・SCSSによるコーディング * Astroの基礎：コンポーネント・レイアウト・ページ構築 * EmDashの活用：CMS導入・ブログ・カスタムフィールド・繰り返しフィールド * Cloudflareの活用：D1・R2・Workersによるサイト公開 * WordPressとの比較：メリット・デメリットや使い分け * AIの活用：ChatGPT・Codexを使った効率的なコーディング WordPress以外のCMS構築スキルを身につけ、Astro × EmDashを活用した新しいWebサイト制作に挑戦しましょう！