本サイトはCMS「EmDash」を使用しています
こんにちは、FUN WEB DESIGNの阿部です。
このサイトは、AI活用の一環としてCMSの EmDash（エムダッシュ） を使用しております。
「サイトをAIと一緒に作る」ことを、自分のサイトを通して実施いたしました。
こちらの記事ではEmDashの簡単な紹介と、作ってみてわかったことを書いておきます。
EmDashって何？
EmDashは、AstroというWebサイトの仕組みに合わせて作られた、
CMS（記事や画像をまとめて管理して、サイトに表示する仕組み）です。
WordPressのような使い方を、Astroで実現することを目指して作られています。
公式のパッケージに書かれている、主な機能は次のとおりです。
- 記事やページの管理（項目を自由に決められます）
- 画像・動画をまとめて管理するメディアライブラリ
- サイト内の全文検索
- ナビゲーションメニュー
- カテゴリーやタグの管理
- ウィジェット（サイドバーなどの部品）
- プラグインで機能を足す仕組み
- WordPressからの引っ越し（インポート）
-
オープンソース（MITライセンス）で公開されていて、GitHubでソースを見ることもできます。
- GitHub: emdash-cms/emdash
なぜEmDashを選んだの？
昨今のWEBシステムを使用する中でAIで構築・更新ができることを知りEmDashに辿り着きました。
記事を少しずつ積み上げて、検索や、AI検索にも見つけてもらえるように育てたいと考えています。
EmDashは記事を書いて管理できる「CMS」です。
どうやって作ったの？
作業は、AIと分担しました。
- サイトの設計・デザイン・公開: Claude Code（AIのコーディング支援）に相談しながら進めました
- 画像づくり: Codex（AIの画像生成）で作りました。「できること」の画像などです
- 写真: Unsplashのフリー素材を使っています
- サーバー: Cloudflare（クラウド）の無料プランで動かしています
デザインの色や雰囲気は、私が参考のサイトや色の見本を渡して、
できあがりを見ながら、何度も直してもらいました。
つまずいたところ
いちばん困ったのは、公開した直後に、サイトが表示されなかったことです。
原因は、Cloudflareの無料プランの制限でした。
EmDashは、初めて動くときに、データベースの準備（約90個の更新）を自動で行います。
ところが、無料プランでは、1回の処理でデータベースに問い合わせられる回数に上限があり、準備が途中で止まってしまいました。
解決は、EmDashの公式コマンド（emdash migrate）で、自分のパソコンから、データベースの準備を最後まで実行することでした。
これで、無事に表示されるようになりました。
無料プランでEmDashを公開する場合は、最初にこのコマンドで準備をしておくと、スムーズだと思います。
これから
このサイトに、AI活用や、WEBのことを、少しずつ書いていきます。
EmDashを使ってみたい方、AIでサイトを作ってみたい方は、公式LINEで気軽にご相談ください。