シーン 1
WordPressのセキュリティ更新や、サーバーの保守作業に疲れていませんか？
Frustrated web developer looking at many server error notifications, anime style., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space
シーン 2
そんな悩みから卒業するための具体的な方法を解説します。
A person walking away from a messy pile of wires towards a clean white space., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 3
鍵となるのは、GitHubスター1万9千超を獲得しているオープンソース「Decap CMS」です。
Logo of Decap CMS with many stars shining around it., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 4
サイト本体は無料のGitHub Pagesで配信し、記事はMarkdown形式で管理します。データベースがそもそも存在しないのが強みです。
Diagram showing GitHub Pages and Markdown files connecting to a website., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 5
設定に「locale: ja」と1行書くだけで、管理画面を完全日本語で操作できるようになります。
A computer screen showing a Japanese admin dashboard with 'ja' setting., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 6
ただ、最大の難所はGitHubログインの認証です。日本の共有レンタルサーバーでは、ここで詰まる人がほとんどです。
A person hitting a brick wall labeled 'OAuth Authentication'., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 7
しかし、この導入キットならPHPたった1枚、約100行のコードでその問題を解決できます。月数百円のサーバーに置くだけです。
A single sheet of paper with PHP code solving a puzzle., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 8
入手経路は4つあります。まずは、エンジニアなら全部無料で構築するルート。
Engineer working on a laptop with 'Free' text in background., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 9
次に、確実に進めたい制作会社や担当者向けに、5,500円の導入キットやBrainの記事があります。
A guidebook and a price tag of 5,500 yen., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 10
そして、デザインから丸投げしたい場合は、11万円からの構築代行という選択肢もあります。
A professional team building a website from scratch., vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 11
注意点として、ECや会員機能などの「動く仕組み」は静的サイトでは作れません。お知らせ更新が主目的のサイトに最適です。
A warning sign showing 'No Shopping Cart' and 'No Member Login'., vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 12
URLの完全一致や機密情報の漏洩といった、初心者がハマる落とし穴もすべて網羅されています。
A checklist with all the common pitfalls checked off., vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 13
導入後は顧客側の月額費用はほぼゼロ。メンテナンスの悩みから解放されましょう！
Happy customer looking at a zero-cost monthly bill on a smartphone., vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
Kurage URL2Earn — この動画ページのURLをXやブログで紹介すると、10,000 URLAI トークンをKurageさんがお届け（1人1回・先着制）。受け取り方を見る →
