Claude Codeの設定 - サブエージェント

📢 Webサイト閉鎖と移転のお知らせ

このWebサイトは2026年9月に閉鎖いたします。

移転先はhttps://mochiu.net/index.php?title=Claude Codeの設定 - サブエージェントです。

新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）

概要

Claude Codeのサブエージェント機能は、特定のタスクに特化したAIアシスタントを作成し、親エージェントと子エージェントに分けて推論させることにより、
効率的な開発ワークフローを構築する機能である。

サブエージェントは以下に示す特徴を持つ。

独立したコンテキストウィンドウ (各エージェントが200kトークン) を持つ
カスタムシステムプロンプトによる専門化
特定のツールへのアクセス制限
独立した権限管理
異なるモデルの使用 (Opus、Sonnet、Haiku等)

サブエージェントを使用することにより、以下に示すメリットが得られる。

コンテキストの保持
探索と実装を分離し、メインの会話を汚さない
制約の強制
サブエージェントが使用できるツールを制限することで安全性を向上
設定の再利用
ユーザレベルのサブエージェントをプロジェクト間で共有
行動の特殊化
特定ドメインに焦点を当てたシステムプロンプト
コストの制御
高速で安価なモデル (Haiku) へのタスクルーティング

サムネイルの作成エラー: ファイルがありません

サブエージェントの基本構造

サブエージェントは、YAMLフロントマターを持つMarkdownファイルとして定義される。

サブエージェント定義の基本要素

name
サブエージェントの識別子

これは、kebab-caseに自動変換される。
description
いつこのサブエージェントを使用すべきかを記述する。

これは、親エージェントがこれを読んで判断する。
tools
サブエージェントが使用できるツールのリスト

Read

Write

Edit

Bash

Grep

Glob

その他
model
使用するモデル

inherit

claude-sonnet-4-5-20250929

claude-haiku-4-5-20251001

その他
システムプロンプト
サブエージェントの役割、手順、チェックリスト等を記述

サブエージェント定義ファイルの配置場所

プロジェクトレベル
.claude/agents/ (チーム全体で共有)
ユーザレベル
~/.claude/agents/ (全プロジェクトで使用可能)

サブエージェントの作成手順

ステップ 1 : Claude Codeのバージョン確認

サブエージェント機能を使用するには、Claude Code 1.0.60以降が必要である。

claude --version

最新バージョンでない場合は更新する。

claude update

ステップ 2 : サブエージェント作成コマンドの実行

Claude Codeセッションを開始して、サブエージェント作成コマンドを実行する。

/agents

このコマンドを実行すると、以下に示す選択肢が表示される。

Create new agent
Edit existing agent
Delete agent
List all agents

[Create new agent]を選択し、スコープを選択する。

Project-level
プロジェクト固有のサブエージェント
User-level
全プロジェクトで使用可能なサブエージェント

初めての場合は、プロジェクトレベルを選択することを推奨する。

ステップ 3 : サブエージェントの生成方法を選択

サブエージェントの生成方法を選択する。

Generate with Claude
Claudeが自動生成
Create manually
手動作成

[Generate with Claude]を選択すると、Claudeがプロジェクトのコンテキストを使用して最適なサブエージェントを生成する。

ステップ 4 : サブエージェントの役割を説明

Claudeに対して、作成するサブエージェントの役割と責任を説明する。

# 説明例 :

コードの品質、セキュリティ、保守性をチェックする専門のコードレビューアーを作成したい。
このエージェントは、コード変更後に自動的に呼び出され、重要な問題、警告、改善提案を優先順位付けして報告する必要がある。

ステップ 5 : 生成されたサブエージェントの確認と編集

Claudeがサブエージェント定義を生成した後、生成されたMarkdownファイルを開いて確認する。

# 生成されたファイルの例 :

.claude/agents/code-reviewer.md

ファイルの内容を確認し、必要に応じて編集する。

ステップ 6 : サブエージェントのテスト

サブエージェントが正しく動作するかテストする。

# 自動呼び出しのテスト :

このコードをレビューしてください: @src/auth.js

# 明示的な呼び出しのテスト :

code-reviewerエージェントを使用して、認証モジュールをチェックしてください

サブエージェントの定義例

コードレビュー専門エージェント

コードの品質とセキュリティをチェックするサブエージェントの定義例を以下に示す。

ファイル名の例
.claude/agents/code-reviewer.md

 ---
 name: code-reviewer
 description: Expert code review specialist. Proactively reviews code for quality, security, and maintainability. Use immediately after writing or modifying code.
 tools: Read, Grep, Glob, Bash
 model: inherit
 ---
 
 あなたはコード品質とセキュリティの高い基準を保証するシニアコードレビューアーです。
 
 呼び出されたとき:
 1. git diffを実行して最近の変更を確認する
 2. 変更されたファイルに焦点を当てる
 3. 即座にレビューを開始する
 
 レビューチェックリスト:
 - コードが明確で読みやすいか
 - 関数と変数が適切に命名されているか
 - 重複したコードがないか
 - 適切なエラーハンドリングがあるか
 - シークレットやAPIキーが露出していないか
 - 入力検証が実装されているか
 - 適切なテストカバレッジがあるか
 - パフォーマンスの考慮がされているか
 
 フィードバックを優先順位で整理して提供:
 - 重要な問題 (必ず修正すべき)
 - 警告 (修正すべき)
 - 提案 (改善を検討)

デバッグ専門エージェント

エラーとバグの診断と修正を行うサブエージェントの定義例を以下に示す。

ファイル名の例
.claude/agents/debugger.md

 ---
 name: debugger
 description: Debugging specialist for errors, test failures, and unexpected behavior. Use proactively when encountering any issues.
 tools: Read, Edit, Bash, Grep, Glob
 model: claude-haiku-4-5-20251001
 ---
 
 あなたは根本原因分析を専門とするエキスパートデバッガーです。
 
 呼び出されたとき:
 1. エラーメッセージとスタックトレースをキャプチャ
 2. 再現手順を特定
 3. 障害箇所を分離
 4. 最小限の修正を実装
 5. 解決策が機能することを検証
 
 デバッグプロセス:
 - エラーメッセージとログを分析
 - 最近のコード変更を確認
 - 仮説を形成しテスト
 - 戦略的にデバッグログを追加
 - 変数の状態を検査
 
 各問題に対して以下を提供:
 - 根本原因の説明
 - 診断を裏付ける証拠
 - 具体的なコード修正
 - テストアプローチ
 - 予防に関する推奨事項

アーキテクチャレビュー専門エージェント

システム設計とアーキテクチャの評価を行うサブエージェントの定義例を以下に示す。

ファイル名の例
.claude/agents/architect-reviewer.md

 ---
 name: architect-reviewer
 description: Architecture and design review specialist. Use when designing new features or making significant structural changes.
 tools: Read, Grep, Glob
 model: claude-sonnet-4-5-20250929
 ---
 
 あなたはソフトウェアアーキテクチャとデザインパターンの専門家です。
 
 呼び出されたとき:
 1. 既存のアーキテクチャパターンを調査
 2. 提案された変更の影響を評価
 3. スケーラビリティと保守性を考慮
 4. ベストプラクティスとの整合性を確認
 
 評価観点:
 - システム全体の一貫性
 - モジュール間の依存関係
 - スケーラビリティの考慮
 - 保守性とテスタビリティ
 - セキュリティアーキテクチャ
 - パフォーマンスへの影響
 
 提供する内容:
 - アーキテクチャ上の懸念事項
 - 代替アプローチの提案
 - トレードオフの分析
 - 実装の推奨事項

FPGA / Verilog専門エージェント

Verilog HDLとFPGA設計のレビューを行うサブエージェントの定義例を以下に示す。

ファイル名の例
.claude/agents/verilog-reviewer.md

 ---
 name: verilog-reviewer
 description: Verilog/FPGA design review specialist. Use when reviewing or creating Verilog code, or working on FPGA designs.
 tools: Read, Grep, Glob
 model: claude-sonnet-4-5-20250929
 ---
 
 あなたはVerilogとFPGA設計の専門家です。
 
 呼び出されたとき:
 1. Verilogコードの文法と構造を確認
 2. 合成可能性を評価
 3. タイミング制約を検証
 4. リソース使用効率を分析
 
 レビュー観点:
 - タイミング制約の妥当性
 - リソース使用効率 (LUT、FF、BRAM、DSP)
 - クロックドメインクロッシングの安全性
 - 合成可能なコーディングスタイル
 - テストベンチの網羅性
 - 状態機械の設計
 - パイプライン設計の最適化
 
 指摘内容:
 - 致命的な問題 (合成不可、タイミング違反等)
 - 警告 (リソース使用効率、可読性等)
 - 最適化提案 (パフォーマンス改善等)

サブエージェントの呼び出し方法

自動呼び出し

親エージェントは、各サブエージェントの description フィールドを読んで、現在のタスクに適したサブエージェントを自動的に選択する。

# 自動呼び出しの例 :

このコードをレビューしてください: @src/auth.js

上記のようなリクエストを行うと、親エージェントは自動的にcode-reviewerサブエージェントを呼び出す。

明示的な呼び出し

プロンプトの中でサブエージェントの名前を指定することで、確実にそのサブエージェントを使用できる。

# 明示的な呼び出しの例 1 :

code-reviewerエージェントを使用して、認証モジュールをチェックしてください

# 明示的な呼び出しの例 2 :

debuggerエージェントを使用して、このエラーを修正してください: @logs/error.log

サブエージェントの状態確認

現在利用可能なサブエージェントを確認する。

/agents

このコマンドにより、以下に示す情報が表示される。

サブエージェント名
スコープ (project または user)
説明
使用可能なツール
使用するモデル

サブエージェント間の連携パターン

順次実行パターン

複数のサブエージェントを順次実行し、段階的にタスクを完了するパターンである。

実行フローの例を以下に示す。

ユーザがタスクを親エージェントに依頼
親エージェントがarchitect-reviewerを呼び出して設計を評価する。
設計が承認されたら、implementerサブエージェントが実装を行う。
実装が完了したら、code-reviewerサブエージェントが品質をチェックする。
問題が見つかった場合、debuggerサブエージェントが修正を行う。
全てのチェックが通過したら、結果を親エージェントに返す。

並列実行パターン

複数のサブエージェントを並列に実行し、効率的に複数のタスクを処理するパターンである。

# 使用例 :

以下のタスクを並列で実行してください。

1. Web Documentation Agentを使用して、公式ドキュメントを検索
2. Stack Overflow Agentを使用して、類似の問題と解決策を検索
3. Codebase Explorer Agentを使用して、既存のパターンを検索

Hooks による自動連携

Claude Code Hooksを使用することにより、サブエージェントの実行完了時に次のアクションを自動的にトリガーできる。

Hooksは、.claude/hooks/ ディレクトリにJSON形式で定義される。

基本的なHook定義の例を以下に示す。

 {
   "type": "SubagentStop",
   "command": "echo '次のステップ: code-reviewerエージェントを実行してください'"
 }

Hooksを設定するには、以下に示すコマンドを実行する。
このコマンドにより、Hooks設定を管理できる。

/hooks

コンテキストウィンドウの管理

独立したコンテキストウィンドウ

各サブエージェントは独立した200kトークンのコンテキストウィンドウを持つ。
これにより、以下に示す利点が得られる。

子エージェントが大量のドキュメントを読み込んでも、親エージェントのコンテキストを消費しない
各エージェントが独立して作業できるため、並列処理が可能
メインの会話が常にクリーンな状態を保てる

コンテキストの受け渡し

子エージェントは、作業が完了すると要約された結果だけを親エージェントに返す。

コンテキスト受け渡しの流れ:

親エージェントがタスクの概要と必要な情報を子エージェントに渡す
子エージェントが独立したコンテキストウィンドウ内で作業を実行
子エージェントが要約された結果を親エージェントに返す
親エージェントが結果を統合してユーザに提示

この仕組みにより、メインのコンテキストウィンドウは常にクリーンに保たれ、本来のタスクに集中できる。

コンテキスト管理のベストプラクティス

サブエージェントのシステムプロンプトには、必要な文脈情報をすべて含める
サブエージェントには状態の記憶がないため、各呼び出しは独立している
長時間の調査タスクは、専用のリサーチエージェントに委譲する
実装タスクと調査タスクを分離し、それぞれ専用のサブエージェントに割り当てる

サブエージェントのカスタマイズ

ツールの制限

サブエージェントに対して、使用できるツールを制限することで、安全性を向上できる。

利用可能なツール一覧
ツール名	機能	使用推奨エージェント
Read	ファイルの読み取り	全てのサブエージェント
Write	新規ファイルの作成	実装エージェント、ドキュメント生成エージェント
Edit	既存ファイルの編集	実装エージェント、バグ修正エージェント
Bash	シェルコマンドの実行	デバッグエージェント、テストエージェント
Grep	ファイル内容の検索	調査エージェント、レビューエージェント
Glob	ファイルパターンマッチング	調査エージェント、リファクタリングエージェント

ツール制限の例:

コードレビューアー: Read、Grep、Glob、Bash (git diff用) のみ
コードを変更できないため、誤ってコードを修正するリスクがない

デバッガ: Read、Edit、Bash、Grep、Glob
バグを修正するため、Editツールが必要

リサーチエージェント: Read、Grep、Glob のみ
調査のみを行い、コードを変更しない

モデルの選択

サブエージェントごとに異なるモデルを使用することで、コストと性能のバランスを最適化できる。

モデル選択のガイドライン
タスクタイプ	推奨モデル	理由
簡単なバグ修正、コード補完	claude-haiku-4-5-20251001	高速で低コスト
コードレビュー、実装	claude-sonnet-4-5-20250929	バランスの取れた性能
アーキテクチャ設計、複雑な問題	claude-opus-4-20250514	最高の推論能力
親エージェントと同じモデルを使用	inherit	デフォルト設定

モデル指定の例を以下に示す。

 ---
 name: quick-fixer
 description: Quick bug fixes and simple code changes
 tools: Read, Edit, Bash
 model: claude-haiku-4-5-20251001
 ---

システムプロンプトのカスタマイズ

サブエージェントのシステムプロンプトには、プロジェクト固有のルール、コーディング規約、使用している技術スタックの情報等を含めることができる。

カスタマイズ項目の例:

プロジェクト固有のコーディング規約
使用しているフレームワークとライブラリ
チェックリストと評価基準
出力フォーマットの指定
コンテキスト探索の手順

カスタマイズ例を以下に示す。

 ---
 name: react-component-reviewer
 description: React component code review specialist
 tools: Read, Grep, Glob
 model: claude-sonnet-4-5-20250929
 ---
 
 あなたはReactコンポーネントのコードレビュー専門家です。
 
 プロジェクト環境:
 - React 18.2 + TypeScript 5.0
 - 状態管理: Zustand
 - スタイリング: Tailwind CSS
 - テスト: Jest + React Testing Library
 
 レビュー基準:
 - 関数コンポーネントとHooksを使用
 - propsの型定義を必須とする
 - useEffectの依存配列を正確に指定
 - カスタムHooksで再利用性を高める
 - コンポーネントは200行以内に抑える
 
 出力フォーマット:
 1. 重要な問題 (型エラー、パフォーマンス問題等)
 2. 警告 (ベストプラクティス違反等)
 3. 提案 (リファクタリング案等)

使用例

新機能の実装フロー

新機能を実装する場合のサブエージェント活用フローを以下に示す。

ステップ 1 : 要件の明確化

ユーザが親エージェントに新機能の実装を依頼する。

# 例 :

ユーザ認証機能を追加したい。JWTトークンを使用した実装をお願いします。

ステップ 2 : アーキテクチャレビュー

親エージェントがarchitect-reviewerサブエージェントを自動的に呼び出し、既存のコードベースとの整合性を確認する。

architect-reviewerの実行内容:

既存の認証パターンを調査
プロジェクトの技術スタックを確認
セキュリティ要件を評価
設計の承認または代替案の提示

ステップ 3 : 実装

設計が承認されたら、implementerサブエージェントが実際のコード実装を行う。

implementerの実行内容:

認証ミドルウェアの作成
JWTトークン生成・検証ロジックの実装
ユーザ登録・ログインエンドポイントの作成
テストコードの作成

ステップ 4 : コードレビュー

実装が完了すると、code-reviewerサブエージェントが自動的に呼び出され、コード品質をチェックする。

code-reviewerの実行内容:

コードの可読性を確認
セキュリティ脆弱性をチェック
エラーハンドリングを検証
テストカバレッジを評価

ステップ 5 : バグ修正 (必要に応じて)

問題が見つかった場合、debuggerサブエージェントが呼び出され、問題を修正する。

debuggerの実行内容:

問題の根本原因を特定
最小限の修正を実装
修正の検証

ステップ 6 : 結果の統合

全てのチェックが通過すると、最終的な結果が親エージェントに返され、ユーザーに報告される。

大規模リファクタリング

75個のファイルで使用されている関数を非推奨にして、新しい関数に置き換える場合の例を以下に示す。

実行手順

親エージェントがgrepを使用して、全ての使用箇所を特定する。
各ファイルに対して専用のサブエージェントをスピンアップする。
各サブエージェントが小さく安全なコンテキストで置換を実行する。
親エージェントが全ての変更を集約してレビューする。

このパターンのメリット:

各ファイルの変更が独立したコンテキストで実行される。
並列処理により高速化
エラーが発生しても他のファイルに影響しない。

ドキュメント生成

大規模で未ドキュメント化されたモジュールのドキュメントを生成する場合の例を以下に示す。

実行手順

親エージェントが全ての関数、クラス、ファイルをリスト化
各項目に対してサブエージェントをスピンアップ
各サブエージェントがコードを分析し、包括的なコメントまたはダイアグラムを作成
最終的なサブエージェントが全てを統合してREADME.mdファイルにまとめる

このパターンのメリット:

大量のコードを分析してもメインのコンテキストが汚れない。
各コンポーネントの詳細な分析が可能
最終的な統合により一貫性のあるドキュメントが生成される。

インシデント対応分析

3つのマイクロサービスにまたがる障害を理解する場合の例を以下に示す。

実行手順

各サービスに対して専用のサブエージェントを使用
各サブエージェントが並列でログを分析
各サブエージェントが重要なイベントのタイムラインを抽出
親エージェントが全てのタイムラインを統合して根本原因を特定

このパターンのメリット:

並列処理により高速な分析
各サービスの詳細な分析が可能
複数のサービスにまたがる問題の全体像を把握

サブエージェントの設計原則

単一責任の原則

各サブエージェントには1つの明確な目標、入力、出力、ハンドオフルールを与える。

# 良い例 :

description: Use after a spec exists; produce an ADR and guardrails

# 悪い例 :

description: Help with coding tasks

アクション指向の説明

descriptionフィールドはアクション指向の表現を使用する。

# 良い例 :

- "Use immediately after writing or modifying code"
- "Use proactively when encountering any issues"
- "Use when designing new features or making significant structural changes"

# 悪い例 :
- "A code reviewer"
- "Helps with debugging"
- "Architecture expert"

ツールのスコープ設定

各エージェントに必要なツールのみを与える。

PM & Architect
Read、Grep、Glob (読み取り専用)
Implementer
Read、Write、Edit、Bash (実装とテスト用)
Release
必要最小限のツールのみ

ツールを省略すると、全てのツールへのアクセスが暗黙的に許可されるため、意図的に制限することが重要である。

適切な数のサブエージェント

サブエージェントは多くても3から4個程度に抑えることを推奨する。

あまり多くのサブエージェントを作成すると、管理が複雑になる。
どのエージェントを使用すべきか判断が難しくなる。
親エージェントの判断負荷が増加する。

コンテキスト管理のベストプラクティス

自己完結型のプロンプト

サブエージェントには状態の記憶がないため、システムプロンプトには必要な文脈情報を全て含める。

含めるべき情報は以下の通りである。

プロジェクトの技術スタック
コーディング規約
ファイル構造
チェックリスト
出力フォーマット

コンテキスト探索の最適化

サブエージェントが呼び出された時に探索するファイルを限定することで、パフォーマンスを向上できる。

探索最適化の例を以下に示す。

 呼び出されたとき、まず以下を確認:
 - `lib/*/repo.ex` - データベース設定
 - `priv/repo/migrations/` - 既存のマイグレーションパターン
 - `lib/*/schemas/` - 現在のスキーマ定義
 
 パフォーマンス注意事項:
 - 初期のコンテキスト収集を制限
 - 特定のgrepパターンを使用
 - 関連するファイルに焦点を当てる

Definition of Doneの設定

各サブエージェントのプロンプトに簡潔な完了定義を含める。

# 例 :

完了条件:
- 全てのテストがパス
- コードレビューで承認
- ドキュメントが更新済み
- DONE状態を設定して変更をサマリー

バージョン管理との統合

Gitワークフローの推奨

サブエージェントをバージョン管理と併用することを強く推奨する。

各重要な変更の後にコミットするようClaudeに依頼する。
ブランチを作成して機能ごとに分離する。
Pull Requestの作成を自動化する。

# 例 :

新しいブランチ 'feature-xyz' を作成して、これらの変更をコミットしてください。

設定ファイルのバージョン管理

プロジェクトレベルのサブエージェント定義は、バージョン管理システムに含めることを推奨する。

バージョン管理に含めるファイル:

.claude/CLAUDE.md
プロジェクトメモリ
.claude/agents/*.md
サブエージェント定義
.claude/hooks/*.json
Hooks設定
.claude/settings.json
プロジェクト設定

バージョン管理から除外するファイル:

.claude/settings.local.json
個人設定
.claude/cache/
キャッシュデータ

.gitignoreの例:

 # Claude Code local settings
 
 .claude/settings.local.json
 .claude/cache/

パフォーマンス最適化

ファイルパスの具体的な指定

具体的なファイルパスを提供することで、Claudeがより効率的に作業できる。

# 良い例 :

@src/auth/middleware.js のセキュリティ脆弱性をチェックしてください

# 悪い例 :

認証コードをチェックしてください

並列実行の活用

複数のClaude Codeインスタンスを並行実行することで、効率を向上できる。

並列実行の例:

ターミナル1
フロントエンドの開発
ターミナル2
バックエンドAPIの開発
ターミナル3
テストの実行とデバッグ

コンテキストのコンパクション

定期的にコンテキストをコンパクション (圧縮) することにより、トークン消費を抑制できる。

コンパクションのタイミング:

機能が完成した後
バグが修正された後
新しいタスクを開始する前

# コンパクションの実行 :

/compact

# 焦点を指定したコンパクション :

/compact focus on authentication logic

トラブルシューティング

サブエージェントが動作しない場合

設定ファイルの確認

サブエージェントの定義ファイルが正しい場所に配置されているか確認する。

プロジェクトレベル
.claude/agents/
ユーザレベル
~/.claude/agents/

YAMLフロントマターの確認

YAMLフロントマターが正しく記述されているか確認する。

必須フィールド
- name
- description
- tools
確認コマンド
/agents

このコマンドで全てのサブエージェントがリスト表示される。
定義したサブエージェントが表示されない場合、YAMLフロントマターに問題がある可能性がある。

Claude Codeセッションの再起動

サブエージェント定義を変更した後、Claude Codeセッションを再起動する。

/exit または [Ctrl] + [D]キーでセッションを終了する。
claude コマンドで再起動する。

システムの健全性確認

システムの健全性を診断する。
このコマンドにより、インストールタイプとバージョンが表示され、問題がないか確認できる。

/doctor

サブエージェントが期待通りに動作しない場合

descriptionフィールドの見直し

descriptionフィールドが明確で具体的であるか確認する。

親エージェントはdescriptionを読んで判断するため、以下を含める必要がある。

いつ使用すべきか
何をするエージェントか
どのような状況で呼び出すべきか

ツール制限の確認

サブエージェントに必要なツールが含まれているか確認する。

バグを修正するエージェントにはEditツールが必要
コマンドを実行するエージェントにはBashツールが必要
ファイルを読むエージェントにはReadツールが必要

システムプロンプトの見直し

システムプロンプトに必要な文脈情報が含まれているか確認する。

サブエージェントには状態の記憶がないため、各呼び出しは独立している。
必要な情報は全てシステムプロンプトに含める必要がある。

Hooksが動作しない場合

JSON構文の確認

Hooks設定ファイルのJSON構文が正しいか確認する。

# 確認コマンド :
jq . .claude/hooks/subagent-stop.json

このコマンドでJSON構文エラーが表示される。

Hooksの再読み込み

設定を変更した後、Claude Codeの設定を再読み込みする。

/config コマンドで設定インターフェースを開く。
変更を確認して適用する。
セッションを再起動する。

Hook出力の確認

Hook出力が表示されない場合、STDOUT (標準出力) に出力されているか確認する。

/dev/tty ではなく、STDOUTに出力する必要がある。

SubagentStopとStopの両方を登録

Hooksが読み込まれない場合、SubagentStopとStopの両方を登録する。

トップレベルオブジェクトを1つ保持し、変更を確認して適用することで、ランタイムがHooksを再読み込みする。

参考リンク