AI開発効率UP！Claude Code活用入門
Claude Codeを中心としたAIエディタの活用術や、スキル・フック・サブエージェントなどの概念を詳説します。
学習ポイント
- Claude Codeの「Skills」「Hooks」「Sub-Agent」の概念と活用事例
- Cursor、Windsurf、Antigravityなど最新AIエディタの比較と使い分け
- PlaywrightやClaude in Chromeを利用したブラウザ操作のトークン節約術
この動画は来年のスプリントに向けてのキックオフ内で、クローズドコードに関する簡単なミニシェアの内容を切り取ったものです。
Claude Code 主要機能の解説
1. Hooks（フック）
**「特定のタイミングで自動実行されるトリガー」**です。 GitのHooksと同じような概念で、例えば「コミット前（pre-commit）」や「特定のツール実行前」に、Claudeに自動でチェックや処理をさせることができます。
活用例: コードを書き換える前に、必ず最新のドキュメントを読み込ませる。
2. Agent Skills（スキル）
**「Claudeに授ける専門知識の教科書」**です。 特定のドメイン知識（例：社内の独自のコーディング規約、特定のライブラリの使い方）を
SKILL.mdなどの形式で定義し、Claudeが必要な時に自律的に読み込んで使用します。活用例: 「社内用デザインシステムの使い方」をスキルとして登録し、UI作成時に自動適用させる。
3. Subagents（サブエージェント）
**「独立した権限を持つ、専門家の分身」**です。 メインの会話コンテキストとは別に、特定のタスク（リサーチ、デバッグ、テスト作成など）に特化した別のClaudeを起動します。
ポイント: メインエージェントのコンテキストを節約しつつ、並列で複数の作業を進められるのが最大のメリットです。
4. Claude in Chrome / Claude Code on the Web
**「ブラウザから利用できるクラウド実行環境」**です。 ローカル環境のセットアップなしに、ブラウザ上のサンドボックス環境でClaude Codeを動かすことができます。
特徴: モバイルからでも実行可能で、サーバーサイドで安全にコードのビルドや実行テストを行えるため、環境に依存しない開発が加速します。