シーン 1
まだWordPressの保守に追われてる？実は、AIと組み合わせて「月額0円」で爆速で作れる最新の手法があるんです。
Kurage pointing at a 'WordPress' logo with a red X and a 'Free' sign, vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 2
今回は、AIシステム開発会社が実際に「自社サイト」をDecap CMSで構築した実録を公開します。
Kurage looking at multiple messy website icons on a screen, vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 3
使うのはオープンソースの「Decap CMS」。データベース不要で、GitHubと連携する仕組みです。
Diagram showing Decap CMS connecting to GitHub repository, vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 4
AIエージェントと一緒に作業した結果、わずか1時間強で41サイト分のリンク集を公開できました。
Kurage looking shocked at a clock showing 1 hour and a list of 41 sites, vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 5
構成は超シンプル。手持ちのレンタルサーバーにJSONファイルを置き、Decap CMSで編集するだけです。
Simple architecture diagram: Server -> JSON file -> Decap CMS, vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 6
WordPressと違ってDBもセキュリティ更新もありません。新規の月額費用は完全な0円です。
Kurage holding a '0 Yen' sign with a happy face, vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 7
なぜAIと相性がいいのか？それは、中身が「ただのファイル」だからなんです。
Visual of AI robot and human both editing the same text file, vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 8
AIはスクリプトで数秒でデータを一括生成。人間は管理画面から直すだけ。同じ場所を操作するので正確です。
Split screen: AI generating text on left, human editing form on right, vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 9
認証にはGitHubログインを使用。ここだけ約100行の小さなPHP中継を自作して連携させています。
Code snippet showing small PHP script for GitHub Auth, vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 10
途中でブラウザの接続切断というバグに当たりましたが、BroadcastChannelを追加して解決しました。
Kurage fixing a broken connection line with a wrench, vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 11
「紹介した道具を自分の本番で使う」。これが開発者としての誠実さです。月額と保守に追われない運用を目指しましょう。
Kurage giving a thumbs up with 'Real World Use' text, vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 12
同じことをしたい方は、手順書付きの導入キットや構築代行も用意しています。詳細は概要欄をチェック！
Kurage pointing down to the description area with a link icon, vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
Kurage URL2Earn — この動画ページのURLをXやブログで紹介すると、10,000 URLAI トークンをKurageさんがお届け（1人1回・先着制）。受け取り方を見る →
