Claude Code

Anthropic Claude Code(CLI型AIコーディングツール)の実践記事タグです。MCP・Hooks・Skills・サブエージェントの活用、コマンド一覧、ブログ見出しデザインツールの自作プロンプト公開、AI時代のVSCode拡張比較などを扱います。

全25件の記事中、1-25件を表示

Claude CodeでAfter Effectsを自動化|テロップ5本をaerenderで一括書き出し

Claude CodeでAfter Effectsを自動化|テロップ5本をaerender...

Claude CodeでAfter Effectsを自動化するには、Claude CodeにExte...
続きを読む
AI動画の前にプリビズを作る|Claude CodeでCozyClayを動かす

AI動画の前にプリビズを作る|Claude CodeでCozyClayを動かす

プリビズ(プレビズ/previs)とは、本番の撮影や生成の前に、仮の3Dで人物の立ち位置・動き・カメ...
続きを読む
Claude CodeでBlenderを動かしWebに載せる|glb書き出しとthree.js再生

Claude CodeでBlenderを動かしWebに載せる|glb書き出しとthree....

Claude CodeでBlenderを動かしてWebに載せるには、動きをPythonスクリプトで組...
続きを読む
YouTube Data APIで動画アップロード|Claude Code×Pythonで予約公開まで自動化

YouTube Data APIで動画アップロード|Claude Code×Pythonで...

YouTube Data APIで動画をアップロードするには、Google CloudでOAuthク...
続きを読む
Claude Codeで複数プロジェクトを管理する|AIと人間の共同管理ダッシュボード

Claude Codeで複数プロジェクトを管理する|AIと人間の共同管理ダッシュボード

Claude Codeで複数プロジェクトを管理するときは、「どこで何が動いていて、どれが人間の判断を...
続きを読む
Figma MCPでワイヤーフレームとバナーを作らせた|Claude Codeで書き込む手順

Figma MCPでワイヤーフレームとバナーを作らせた|Claude Codeで書き込む手...

Figma MCPの書き込み機能(use_figma)を使うと、Claude CodeからFigma...
続きを読む
社内ポータルをClaude Codeで自作する|チームボードの作り方と公開前チェック

社内ポータルをClaude Codeで自作する|チームボードの作り方と公開前チェック

社内ポータルの自作とは、チームの連絡や情報共有に使う社内向けのWebサイトを、SaaSを契約せずに自...
続きを読む
Clarity MCPの使い方|Claude Codeに行動データを読ませる手順

Clarity MCPの使い方|Claude Codeに行動データを読ませる手順

Clarity MCPとは、Microsoft Clarityのダッシュボード集計とセッション録画を...
続きを読む
DESIGN.mdとは|AIが作るUIを「それっぽい」で終わらせない設計ファイル

DESIGN.mdとは|AIが作るUIを「それっぽい」で終わらせない設計ファイル

DESIGN.mdとは、AIコーディングエージェントにデザインの判断基準を渡すためのファイル仕様です...
続きを読む
AI社員の職種一覧|1人会社が実際に配属できる仕事とその境界

AI社員の職種一覧|1人会社が実際に配属できる仕事とその境界

AI社員とは、Claude Code のサブエージェント機能を使って、業務ごとに専任のAIを定義し、...
続きを読む
ClaudeでPhotoshopを操作する2つの方法|公式コネクタとExtendScript

ClaudeでPhotoshopを操作する2つの方法|公式コネクタとExtendScrip...

ClaudeからPhotoshopを操作する方法は2つあります。コードを書かずに済ませるなら、Ado...
続きを読む
MCPサーバーの作り方|Claude Codeから呼べる自作ツールを実装する

MCPサーバーの作り方|Claude Codeから呼べる自作ツールを実装する

MCPサーバーの作り方は、公式SDKでツールを1つ定義して、Claude Codeに登録するだけです...
続きを読む
Claude CodeのMCP連携ガイド一覧|Figma・WordPress・Chrome DevTools・Notion

Claude CodeのMCP連携ガイド一覧|Figma・⁠WordPress・⁠Chrome...

Claude Codeは、MCP(Model Context Protocol)を通じてFigma・...
続きを読む
Chrome DevTools MCPの使い方|Claude Codeにブラウザ実測・デバッグさせる方法

Chrome DevTools MCPの使い方|Claude Codeにブラウザ実測・⁠デバ...

Chrome DevTools MCPとは、Claude CodeなどのAIコーディングエージェント...
続きを読む
NotionとClaude Codeを連携する方法|公式MCPで仕様書・タスクを開発コンテキスト化する

NotionとClaude Codeを連携する方法|公式MCPで仕様書・⁠タスクを開発コンテ...

NotionとClaude Codeは、Notion公式のリモートMCPサーバー「Notion MC...
続きを読む
WordPressとClaude Codeを連携する方法|公式MCP Adapterでサイトを操作するワークフロー

WordPressとClaude Codeを連携する方法|公式MCP Adapterでサイ...

WordPressとClaude Codeは、WordPress 6.9でコアに搭載された「Abil...
続きを読む
FigmaとClaude Codeを連携する方法|Dev Mode MCPでデザインをコード化するワークフロー

FigmaとClaude Codeを連携する方法|Dev Mode MCPでデザインをコー...

FigmaとClaude Codeは、Figma公式の「Dev Mode MCPサーバー」を使って連...
続きを読む
「AI組織」は組織図から作ると失敗する|1人会社をAI会社化する正しい順序

「AI組織」は組織図から作ると失敗する|1人会社をAI会社化する正しい順序

AI組織(AI会社化)とは、Claude Codeのサブエージェントに代表されるAIエージェントを「...
続きを読む
Claude Codeのスキル・ループ・ワークフローの使い分け|いつどれを使うか判断ガイド

Claude Codeのスキル・⁠ループ・⁠ワークフローの使い分け|いつどれを使うか判断ガイド

Claude Codeのスキル・ループ・ワークフローは、名前が並ぶと混同しがちですが役割はまったく別...
続きを読む
Claude Codeのルール・エージェント設計術|CLAUDE.mdとサブエージェント運用の実践知

Claude Codeのルール・⁠エージェント設計術|CLAUDE.mdとサブエージェント運...

Claude Codeのルール・エージェント設計とは、何を恒久的なルールとして固定し、何を誰(サブエ...
続きを読む
AI時代のWeb制作完全ガイド|AIを使う×AIに見つけてもらう【2026年版】

AI時代のWeb制作完全ガイド|AIを使う×AIに見つけてもらう【2026年版】

AI時代のWeb制作ガイドとは、AIを「使う側」と「見つけてもらう側」の両面から、Web制作者が押さ...
続きを読む
Claude Codeでブログ見出しデザインツールを作ってみた|プロンプト公開

Claude Codeでブログ見出しデザインツールを作ってみた|プロンプト公開

「ブログの見出しをおしゃれにしたいけど、CSSがわからない」——そんな悩みを解決するツールを、Cla...
続きを読む
Claude Code上級編|MCP・Hooks・Skills・サブエージェント実践ガイド

Claude Code上級編|MCP・⁠Hooks・⁠Skills・⁠サブエージェント実践ガイド

Claude Codeの基本コマンドを覚えたら、次はMCPサーバー・Hooks・Skills・サブエ...
続きを読む
Claude Codeコマンド一覧&実践ガイド【2026年版】

Claude Codeコマンド一覧&実践ガイド【2026年版】

Claude Codeは、Anthropic社が提供するAIコーディングアシスタントのCLI(コマン...
続きを読む
AI時代に本当に必要なVSCode拡張機能|AIが代替する機能と残すべき拡張機能

AI時代に本当に必要なVSCode拡張機能|AIが代替する機能と残すべき拡張機能

CursorやClaude CodeなどのAIエージェントの登場で、VSCode拡張機能の役割は大き...
続きを読む