Decap CMS

Decap CMS とは実際のところ何か

Decap CMS（github.com/decaporg/decap-cms）は、狭いが確かな課題をうまく解きます。サイトはリポジトリの中の Markdown ファイル群で、一文を直したい人は Git を使わない、という課題です。導入先はすでにあるサイトの管理用パス。手軽なほうは、プロジェクト自身の説明によれば HTML ファイル一つと設定ファイル一つで、CMS 本体は CDN から読み込みます。本格的な導入は npm 経由で、作り込む余地が広がります。YAML がコンテンツモデルを宣言し、エディターがそこからフォームを組み立て、保存のたびにコミットが生まれます。

編集画面はウィジェットの組み合わせで作られ、その種類はたいていのサイトに足ります。Markdown とリッチテキスト、画像とファイル、日時、数値、真偽値、選択、リスト、入れ子オブジェクト、そしてあるエントリーから別のエントリーを指すリレーション用ウィジェット。サインインは前提ではなく差し替え可能で、リポジトリには GitHub、GitLab、Bitbucket、Azure、Gitea、Forgejo 向けのバックエンドに加え、ホスト型の Git ゲートウェイとローカル編集用のプロキシが同梱されています。メディアはリポジトリに置いても、Cloudinary や Uploadcare に逃がしても構いません。ライセンスは MIT で、ユーザー管理の一元化や細かい権限、データベースプロキシ、伴走型サポートが必要なチーム向けに Decap Turbo という有償プランがあります。

一時間の混乱を防ぐ名前の注意書きを一つ。これは 2023 年 2 月まで Netlify CMS でした。README にもそう書かれています。見つかるチュートリアルのかなりの部分は今も旧名と旧パッケージのままで、設定はそれらが書かれた頃から変わっています。

引き受けることになるトレードオフ

保存ごとにコミット、という仕組みが設計のすべてで、これは両側に効きます。コンテンツは既定でバージョン管理され、望めばプルリクエストとしてレビューもできます。つまり文言の変更をコード変更と同じ流れに乗せられる。トップページを誰が直したのか誰も分からないチームでは、これは実際に珍しく、価値があります。代償は待ち時間です。誤字の修正がビルド一回になるので、ビルドが四分かかるなら誤字の修正も四分かかります。週に一度公開するサイトなら関係のない話です。一時間おきに公開するサイトでは選択を誤っており、正解は背後にデータベースを持つ道具のほうです。

単独で評価するより、近い道具と並べたほうが分かります。Payload は同じ軸の反対端で、独自のデータベースを持つフルスタックのフレームワークです。コンテンツが実質アプリケーションなら、そちらが要ります。Ghost はリポジトリの上の一枚ではなく、完成した出版プロダクトです。Decap は三つのうち最も薄く、その薄さこそが要点です。すでに動いているサイトに編集画面だけを足し、それ以外は何も引き受けません。

公開したあと、そのページを誰が直すのか

私たち自身は Decap を運用していないので、このページは運用について何も主張しません。一次情報として語れるのは、この道具が答えようとしている問いのほうです。反対側から同じ問いに行き当たったからです。私たちは顧客のためにランディングページを公開していて、その編集インターフェースは会話です。顧客が変更を頼み、エージェントがそれを行います。ある顧客は一度の作業で同じページを三度作り直しましたが、印象に残ったのは時間の行き先でした。エディターにはまったく時間が使われず、すべてはページに何を書くかを決めることに費やされていました。

だからこそ、この層は退屈なままにしておくのがよいのです。何を選んでも、一週間もすればボトルネックは文章に移ります。維持費のいちばん安い選択肢を取り、浮いた分を言葉に使ってください。それでも小規模なサイトなら、より重い仕組みより Git ベースのエディターを先に薦める理由は、高い授業料を払って学んだもう一つの教訓にあります。静的サイトジェネレーターが吐くのは完成した HTML であり、そのおかげで、私たち自身の動的描画ページで数か月分のインデックスを失った失敗 — クローラーがページではなく空の枠を受け取る — を構造的に避けられます。Markdown をコミットして静的サイトを再生成する構成では、そもそもこの誤りが起こりません。

そして公開は、道具の助けが終わる地点でもあります。誰かが編集できるサイトは、誰かが読んだサイトではありません。その先の仕事 — 見つけてもらう、選んでもらう、追いかける — は、ページを世に出す仕事とは別の技能です。AgentCeres — AI Growth Officer（agentceres.com）はその隙間のために作られています。運用込みの AI マーケティングチームが作業を下書きし、外に出るものは必ず人の承認を待ちます。土台をまだ選んでいる段階なら、AstroWind はエディターではなく出発点のテンプレートで、Webstudio は同じ問いに対するビジュアルビルダー側の答えです。