Claude Code × LP自動運用 — Skills + Hooks で更新を自動化する方法

AI・テクノロジー

Claude Code の Skills と Hooks とは

Anthropic社が提供するClaude Codeは、ターミナル上で動くAIコーディングエージェントです。Claude Code には開発ワークフローを拡張するための仕組みとしてSkills(スキル)Hooks(フック)が用意されています。

Skills — カスタムコマンドの定義

Skillsは、Claude Codeに独自のコマンド(スラッシュコマンド)を追加する機能です。プロジェクトの .claude/skills/ ディレクトリにMarkdownファイルを配置することで、定型的な作業手順をコマンド化できます。

例えば「/update-lp」というスキルを定義しておけば、LP(ランディングページ)の更新に必要な手順をワンコマンドで実行できます。スキルの定義ファイルには、実行する作業内容を自然言語で記述します。

Hooks — イベントトリガーによる自動実行

Hooksは、特定のイベントが発生したときに自動的にスクリプトやコマンドを実行する仕組みです。Claude Codeの設定ファイル(settings.json)で以下のようなトリガーを定義できます。

  • PreToolCall:ツール実行前に処理を挟む
  • PostToolCall:ツール実行後に後処理を実行
  • Notification:通知発生時にカスタム処理を実行

これらを組み合わせることで、LPの更新作業を半自動化するワークフローを構築できます。

LP月次更新の自動化ワークフロー

ランディングページの運用では、毎月の定期更新が欠かせません。「2026年X月最新」の日付更新、ランキング順位の入れ替え、構造化データ(JSON-LD)の更新など、手作業で行うと時間がかかり、ミスも起きやすい作業です。

Claude CodeのSkillsとHooksを活用して、これらの作業を自動化する方法を紹介します。

ステップ1:日付更新スキルの作成

.claude/skills/update-lp-date.md にスキルを定義します。このスキルでは以下の処理を行います。

  • HTML内の「2026年X月最新」の表記を現在の年月に更新
  • metaタグの更新日を現在日付に変更
  • フッターの著作権年を確認・更新

スキルファイルには対象ファイルのパスと更新ルールを自然言語で記述するだけで、Claude Codeが適切にコードを修正します。

ステップ2:ランキング入替スキルの作成

ランキング型LPでは、順位変動に応じた表示の入れ替えが必要です。.claude/skills/update-lp-ranking.md として以下の処理を定義します。

  • 外部データソース(CSV・JSON)からランキングデータを読み込み
  • HTML内のランキングセクションを新しい順位で再生成
  • 順位変動マーク(上昇・下降・横ばい)の付与

ステップ3:JSON-LD更新スキルの作成

構造化データ(JSON-LD)の更新を自動化するスキルです。.claude/skills/update-lp-jsonld.md として定義し、以下の処理を行います。

  • 記事のJSON-LD内の dateModified を現在日付に更新
  • FAQPageのJSON-LDにFAQ項目の追加・修正を反映
  • ProductのJSON-LDに価格やレビュー情報の変更を反映

ステップ4:Hooksで後処理を自動化

スキルの実行後にHooksで以下の後処理を自動実行する設定を行います。

  • 更新したファイルのHTMLバリデーション
  • JSON-LDの構文チェック(schema.org準拠の確認)
  • 変更内容のgit commitとプッシュ
  • Discordへの更新完了通知

具体例:月次更新の実行フロー

上記のスキルとフックを設定した環境では、月次更新は以下のシンプルな手順で完了します。

  1. Claude Codeのターミナルで /update-lp-date を実行 → 日付が自動更新される
  2. /update-lp-ranking を実行 → ランキングデータが反映される
  3. /update-lp-jsonld を実行 → 構造化データが更新される
  4. Hooksにより、バリデーション → git push → Discord通知が自動実行される

従来30分〜1時間かかっていた月次更新作業が、数分のコマンド実行で完了します。

導入時の注意点

  • テスト環境での検証:本番LPに適用する前に、ステージング環境でスキルの動作を確認すること
  • バックアップ:自動更新前にgitで変更履歴を管理し、問題があればすぐに巻き戻せる状態にしておく
  • スキル定義の精度:スキルファイルの指示が曖昧だと意図しない変更が発生する可能性がある。対象ファイルや変更箇所を明確に記述する
  • Claude Codeの最新バージョンを使用:SkillsとHooksの仕様は更新される場合がある。公式ドキュメントで最新情報を確認することを推奨

まとめ

  • Claude Code の Skills はカスタムコマンドを定義する機能、Hooks はイベントトリガーで処理を自動実行する機能
  • LPの月次更新(日付・ランキング・JSON-LD)をスキルとして定義し、ワンコマンドで実行可能
  • Hooksによりバリデーション・git push・通知などの後処理も自動化できる
  • 導入時はテスト環境での検証とバックアップ体制の整備が重要
  • 最新の仕様は Claude Code 公式ドキュメントで確認することを推奨

✍️ この記事を書いた人

チケットナビ編集部

先払い買取・金券売買の最新情報を初心者にもわかりやすくお届けします。業者の比較、買取率、トラブル対策など、安全に現金化するための情報を徹底調査して発信しています。

コメント

タイトルとURLをコピーしました