概要
https://azukiazusa.dev/blog/claude-code-hooks-run-formatter/
詳細内容
## Claude Code の Hooks で作業が終わった後にフォーマッターを実行する
https://azukiazusa.dev/blog/claude-code-hooks-run-formatter/
Claude Code のフック機能を利用して、コード変更後に Prettier のようなフォーマッターを自動実行する方法を解説する。
[[Claude Code, Hooks, Prettier, コードフォーマット, 開発ワークフロー]]
Claude Code のフック機能を使うことで、コードの編集やツールの使用後に特定のコマンドを自動実行できるようになります。この記事では、特にコードフォーマッターである Prettier を例に、フックの設定方法を解説しています。フックは `/hooks` コマンドで設定するか、`settings.json` ファイルを直接編集することで構成可能です。`PostToolUse` のようなイベントを指定し、ファイル変更などの条件に��ッチする `matcher` を設定した後、実行したいコマンドを定義します。例として、`jq` を使って変更されたファイルパスを取得し、それを `prettier --write` コマンドに渡して JavaScript や TypeScript ファイルをフォーマットする手順が示されています。フック経由で任意のコマンドを実行する際のセキュリティリスクについても注意喚起がなされています。
---
**編集者ノート**: この機能は、開発者がコードの品質維持に費やす時間を大幅に削減する可能性を秘めています。特に、チーム開発においてはコーディング規約の統一が容易になり、コードレビューの負担軽減にも繋がります。Claude Code のようなエージェントが、単なるコード生成だけでなく、フォーマットやテストといった周辺作業まで自動化する流れは、今後の開発ワークフローの標準になるでしょう。これにより、エンジニアはより本質的な問題解決やアーキテクチャ設計に集中できるようになると予測します。