株式会社ウエスタンカンパニーClaude Codeで実現するブログ記事自動生成の仕組み
ブログ運用の課題
企業HPにおけるブログは、信頼性の向上やSEOによる集客に効果的な手段です。しかし、実際に運用を続けるにはいくつかのハードルがあります。
- 記事の構成検討、HTML作成、OGPメタタグの設定など、1本の記事に多くの工数がかかる
- WordPressなどのCMSはブログ機能を備えているが、デザインの自由度に制約がある
- 社内で蓄積された技術知見があっても、記事化する時間が取れず発信に至らない
こうした課題を解決するために、AIを活用した記事生成の仕組みを構築しました。
Claude Codeのカスタムスキルによる解決
Anthropic社が提供するClaude Codeには、プロジェクト固有のワークフローを定義できる「カスタムスキル」という機能があります。この機能を使い、対話型のブログ記事生成フローを実装しました。
対話型の記事生成フロー
記事のテーマやカテゴリを対話形式でヒアリングし、構成案を自動で作成します。ユーザーが構成を承認すると、記事ページのHTMLファイル一式が自動生成されます。
多様な入力形式に対応
テキストの直接入力だけでなく、PowerPoint資料（pptx）をそのまま入力として渡すことも可能です。python-pptxライブラリでスライドのテキストを自動抽出し、その内容を記事のソースとして活用します。社内の勉強会や共有会で作成した資料を、そのままブログ記事に変換できます。
システム構成と技術的なポイント
本システムはシンプルなファイルベースの構成を採用しており、データベースを必要としません。
PHPテンプレートによるファイルベース記事管理
各記事はディレクトリ単位で管理されます。meta.php（メタデータ定義）とindex.php（記事本文）の2ファイルで1記事が構成されるシンプルな構造です。テンプレートからの生成により、HTML構造やSEO関連のタグが自動的に正しく配置されます。
OGP・構造化データの自動生成
meta.phpに定義したタイトルや概要文からOGPメタタグが自動生成され、JSON-LD形式の構造化データ（会社情報）もテンプレートから自動で出力されます。SNSでシェアされたときのタイトルや概要文も、記事ごとに自動で設定されます。
GA4カスタムイベントによる閲覧計測
各記事ページにはGA4（Google Analytics 4）のカスタムイベントが埋め込まれており、記事のスラッグ・タイトル・カテゴリごとに閲覧状況を計測できます。どの記事が読まれているかをデータで把握し、今後のコンテンツ企画に活かせます。
SVGサムネイルの自動生成
記事のカテゴリに応じた配色のSVGサムネイルを自動生成する機能も備えています。画像編集ツールを使わずに、一覧ページで映えるサムネイルを作成できます。
デプロイと運用
記事の公開には、rsyncベースのデプロイスクリプトを使用しています。
staging環境とproduction環境をコマンドで切り替えでき、まずテスト環境で表示を確認してから本番に反映するフローを取っています。また、meta.phpの公開フラグをfalseにするだけで記事を一覧に表示しないようにでき、一覧ページのページングも記事数に応じて自動で処理されます。
まとめ
Claude Codeのカスタムスキル機能を活用することで、社内資料やテキストメモからブログ記事を短時間で生成できる仕組みを構築しました。SEO・OGP・アクセス解析まで一貫して対応しており、技術知見の発信を継続的に行える体制を低コストで実現しています。
当社ではAIを活用した業務効率化やWebシステムの構築に関するご相談を承っております。お気軽にお問い合わせください。
