ネタがあれば、
1記事5分で公開できる
日々のChatGPTとの対話から気づきを抽出し、記事テンプレートに流し込み、AIでHTML記事化し、GitHubへ反映し、Cloudflare Pagesで自動公開する流れを作った。記事ネタさえあれば、本文作成から公開までを数分で回せる、個人サイト向けの記事作成パイプラインである。
記事ネタは、日々の対話から生まれる
記事作成で一番重いのは、実は文章を書くことではない。何を書くか、どの切り口で書くか、どんな主張にするかを決める部分である。ここを毎回ゼロから考えると、記事公開は続かない。
毎回ゼロから記事を書く場合
- 何を書くかを毎回考える必要がある
- 構成を作るだけで時間がかかる
- 書き始めるまでの心理的ハードルが高い
- 記事化できる気づきが会話の中で流れてしまう
気づきログを記事ネタにする場合
- 日々の対話がそのまま記事の材料になる
- 週1回、チャット単位で気づきを抽出できる
- ネタが蓄積されるため、記事化の起点に困りにくい
- 自分の思考や実装ログを資産として残せる
記事作成を速くするコツは、文章を書く速度を上げることではない。
日々の気づきを、記事化できる形で蓄積しておくこと
そこから公開までの導線を短くすればよい。
全体の流れは、5ステップで回る
今回作った仕組みは、気づきログ、記事テンプレート、AIによる記事生成、GitHub更新、Cloudflare Pages公開をつなげる流れである。人間がやることは、記事ネタを選び、最終的に公開内容を確認することに近い。
5分で公開できる理由は、作業を分解して固定化しているから
「1記事5分」というのは、文章を人間が高速で書いているという意味ではない。記事作成に必要な工程を分解し、それぞれの役割をAIと自動公開基盤に渡しているため、ネタがある状態なら短時間で回せるという意味である。
- 記事ネタを考える
- 構成を考える
- 本文を書く
- HTMLへ整える
- 画像を作る
- ファイルを配置する
- GitHubへ反映する
- 公開確認をする
- 気づきログから記事ネタを選ぶ
- テンプレートに沿ってチャッピーが記事化する
- 画像も記事内容に合わせて作る
- Claude CodeやCodexがGitHubへ反映する
- Cloudflare Pagesが自動で公開する
- 人間は最終確認と判断に集中する
テンプレートがあるから、記事の品質が安定する
この仕組みで重要なのは、記事テンプレートを固定していることである。毎回ゼロからHTML構造を考えるのではなく、タイトル、メタディスクリプション、canonical、OGP、JSON-LD、hero、section、quote、final messageといった枠をあらかじめ用意しておく。
チャッピーには、記事ネタとテンプレートを渡すだけでよい。すると、ネタをもとに本文を展開しながら、SEOやSNS共有に必要な要素も含めて記事HTMLに変換できる。つまり、文章作成だけではなく、公開用ページとして必要な要素まで一気に整えられる。
GitHubにpushすれば、公開まで自動で進む
個人サイトの記事公開で面倒なのは、記事を書いた後の反映作業である。ファイルを置き、画像を置き、リンクを確認し、公開環境に反映する。この部分はGitHubとCloudflare Pagesの連携でかなり短縮できる。
記事ファイルの管理
- 記事HTMLをリポジトリ内に追加する
- 画像ファイルを記事ディレクトリへ配置する
- 必要に応じて一覧や導線を更新する
- 変更内容をcommitしてpushする
サイト公開の自動化
- GitHubの更新を検知する
- 自動でデプロイが走る
- 個人サイトに最新記事が反映される
- 公開後はブラウザで表示確認するだけになる
この仕組みは、ネタを作れる人なら応用できる
この仕組みは、特別な文章力がある人だけのものではない。むしろ重要なのは、日々の仕事や学習、試行錯誤の中から、記事化できるネタを作れることである。ネタさえあれば、構成化、記事化、HTML化、公開反映はAIと自動化基盤に任せられる。
記事を書くのではなく、記事が生まれる流れを作る
今回の仕組みで重要なのは、「AIに記事を書かせる」ことだけではない。日々の会話、気づきの抽出、記事テンプレート、HTML化、GitHub反映、Cloudflare公開までを一本の流れにしている点である。
記事の材料
- ChatGPTとの対話ログ
- 週次で抽出した気づき
- 実装中に得た学び
- 業務改善やAI活用の判断軸
公開される成果物
- HTML形式の記事ページ
- 記事内容に合わせたトップ画像
- SEOとSNS共有に必要なメタ情報
- Cloudflare Pages上の公開記事