AIガイド｜AI動画・Claude Code・MCP・AIコーディング

AIガイドは、CodeQuest.workに書いたAI関連の記事を「何をしたいか」ごとに入口へまとめた案内ページです。

AI動画を作りたい、Claude Codeに作業を任せたい、ほかのツールとつなぎたい――目的によって、最初に読むべき記事は変わります。

このページは「AI動画・画像を作る → Claude Codeでツールを操作する → MCPでほかのツールとつなぐ → AIでコードを書く → 生成AIツールの選び方・料金 → AIと人で仕事を分担する」の順に並んでいます。作りたいものが決まっている方は該当するセクションから、まず全体像をつかみたい方は「生成AIツールの選び方・料金」から読んでください。

AI動画・画像を作る

DomoAI・Seedance・MiniMaxで実際に作った作例と、カット割り・ショット・ナレーションまで、AI動画を1本仕上げるまでの手順です。まずはDomoAIの仕組みと、指示の出し方の検証から読むと全体がつかめます。

DomoAIとは — 料金プラン・使える機能・クレジットの仕組みを整理
AI動画生成は指示の出し方で9割決まる — DomoAIで6本作って分かった指示の書き方
AI動画のカット割りの作り方 — シーン表を作って1シーンずつ生成する手順
動画のショットの種類一覧 — 伝わる印象とAI動画プロンプトへの書き方
AI動画の前にプリビズを作る — Claude CodeでCozyClayを動かしてカメラワークを決める
Seedance 2.5はどこで使えるか — 提供経路ごとの違いと選び方
Seedance 2.5の作例 — ショートドラマと動画バナーをプロンプト付きで公開
MiniMax H3の作例検証 — キャラクターを保ったまま画風を変えてMV・CMを作る
AIでMV・CMを作る — 曲・歌声・ナレーションまで1回の生成で出す方法
VOICEVOXでナレーションを自動で入れる — 動画の尺に合わせて読む速さを調整する
TikTok ShopのAI動画はどこまで作れるか — DomoAIで4本作って確かめた範囲
生成AIで写真から動画を作る — 無料枠で3本作って本番サイトに載せた記録
AI画像で商品バナーは作れるか — DomoAIで日本語と価格表記がどこまで崩れないかを検証
After Effects導入前チェック — 必要スペック・料金・最初に作る1本

Claude Codeでツールを操作する

Claude Codeに、デザインツールや動画ツール、Webアプリの操作を任せた実例です。どこまで任せられて、どこで人が判断するかを手順付きでまとめています。

ClaudeでPhotoshopを操作する2つの方法 — 公式コネクタとExtendScriptの使い分け
Claude CodeでAfter Effectsを自動化 — テロップ5本をaerenderで一括書き出し
Claude CodeでBlenderを動かしWebに載せる — glb書き出しとthree.jsでの再生
Figma MCPでワイヤーフレームとバナーを作らせた — Claude CodeからFigmaへ書き込む手順
YouTube Data APIで動画アップロード — Claude Code×Pythonで予約公開まで自動化
社内ポータルをClaude Codeで自作する — チームボードの作り方と公開前のチェック
Claude Codeで複数プロジェクトを管理する — AIと人間で共同管理するダッシュボード
Claude Codeでブログ見出しデザインツールを作った — 使ったプロンプトを公開

MCPでほかのツールとつなぐ

MCP（Model Context Protocol）を使うと、Claude CodeからFigma・WordPress・ブラウザなどを直接扱えるようになります。まずは連携ガイド一覧で全体を見てから、使うツールの記事に進んでください。

Claude CodeのMCP連携ガイド一覧 — 対応ツールの早見表と、どれから始めるかの目安
FigmaとClaude Codeを連携する方法 — Dev Mode MCPでデザインをコードにする流れ
WordPressとClaude Codeを連携する方法 — 公式MCP Adapterでサイトを操作する
NotionとClaude Codeを連携する方法 — 仕様書やタスクを開発の文脈として読ませる
Chrome DevTools MCPの使い方 — Claude Codeにブラウザで実測・デバッグさせる
Clarity MCPの使い方 — Claude Codeにサイトの行動データを読ませる手順
MCPサーバーの作り方 — Claude Codeから呼べる自作ツールを実装する

AIでコードを書く

AIにコードを書かせるときのプロンプトの考え方と、Claude Codeを長く使うための設定・運用です。学び始めの方はプロンプトの基本と学習法から、実務で使っている方はルール設計から読むと役立ちます。

AIとの協働コーディング入門 — プロンプトの書き方で結果が変わる理由
AI時代のコーディング学習法 — Claude Code・Cursor・Copilotで実力をつける
vibe codingとは — 原義と実務での使われ方、AIのコードを受け入れる判定手順
Claude Codeコマンド一覧 — よく使うコマンドと実践での使いどころ
Claude Codeのルール・エージェント設計術 — CLAUDE.mdとサブエージェントの運用
Claude Codeのスキル・ループ・ワークフローの使い分け — いつどれを使うかの判断基準
DESIGN.mdとは — AIが作るUIを「それっぽい」で終わらせない設計ファイル
CSSアニメーションはAIに「コードを渡して」作る — 動くコードをそのままプロンプトにする
APIキー不要でAIに聞ける付箋メモアプリを作った — Puter.jsでGPT・Claudeを呼ぶ仕組み
AI時代に本当に必要なVSCode拡張機能 — AIに任せる機能と、残しておく拡張機能

生成AIツールの選び方・料金

どのAIを、どの契約で、どこまで使えるか。主要な生成AIの使い分けと、料金・無料枠・ライセンスを始める前に確かめるための記事です。

主要生成AIの比較 — テキスト・画像・動画・音楽で何をどう使い分けるか
Fireflyは自分の契約でどこまで使えるか — 生成クレジットの上限と、超えたあとの扱い
ComfyUIとは — 無料の範囲・動作環境・ライセンスを始める前に整理
Google AI Studioでできること — 無料でナレーションを作ってみた記録
ローカルLLMとクラウドAPIの選び方 — 5つの基準で決める実装判断
WebサイトへのLLM導入事例 — チャットボット・検索・要約・振り分け・翻訳の使いどころ

AIと人で仕事を分担する

AIに任せる仕事と、人が持ち続ける判断の線引きです。1人で事業を回しながらAI社員として仕事を任せるときの考え方をまとめています。

AI社員の職種一覧 — 1人会社が実際に配属できる仕事とその境界
「AI組織」は組織図から作ると失敗する — 1人会社をAI会社にする正しい順序
AI時代に必要なディレクターとは — 制作もでき、判断もできる人の役割
AIライターと人間ライターの違い — Claudeが自分で書いた、AIの得意・不得意
生成AIを使いこなす指示の出し方 — 「無能な上司」にならないための考え方

AIガイド【動画生成・Claude Code・MCP・AIコーディングまとめ】