Claude CodeのMCP連携ガイド一覧｜Figma・WordPress・Chrome...
Claude Codeは、MCP（Model Context Protocol）を通じてFigma・...
続きを読む 
AI
AI関連の実装記事を集めたタグ。AI時代のWeb制作完全ガイド、Claude Codeコマンド一覧、AI時代に本当に必要なVSCode拡張機能など、AIとWeb制作を融合する実践記事をまとめています。AI×Web制作の全体像はAI時代のWeb制作完全ガイドもどうぞ。
全17件の記事中、1-17件を表示
Chrome DevTools MCPの使い方｜Claude Codeにブラウザ実測・デバ...
Chrome DevTools MCPとは、Claude CodeなどのAIコーディングエージェント...
続きを読む 
NotionとClaude Codeを連携する方法｜公式MCPで仕様書・タスクを開発コンテ...
NotionとClaude Codeは、Notion公式のリモートMCPサーバー「Notion MC...
続きを読む 
WordPressとClaude Codeを連携する方法｜公式MCP Adapterでサイ...
WordPressとClaude Codeは、WordPress 6.9でコアに搭載された「Abil...
続きを読む 
FigmaとClaude Codeを連携する方法｜Dev Mode MCPでデザインをコー...
FigmaとClaude Codeは、Figma公式の「Dev Mode MCPサーバー」を使って連...
続きを読む 
「AI組織」は組織図から作ると失敗する｜1人会社をAI会社化する正しい順序
AI組織（AI会社化）とは、Claude Codeのサブエージェントに代表されるAIエージェントを「...
続きを読む 
【Claudeが書いた】AIライターと人間ライターの違い｜AIが自分の弱点まで正直に
AIライターと人間ライターの最大の違いは、文章を生成する能力ではなく、書いた内容の真偽・経験・責任を...
続きを読む 
APIキー不要でAIに聞ける付箋メモアプリを作った｜Puter.jsでGPT・Claude...
「AIでちょっと調べながらメモ」は、付箋に質問を書いて「送信」するとAIが回答を返してくれる、登録不...
続きを読む 
Claude Codeのスキル・ループ・ワークフローの使い分け｜いつどれを使うか判断ガイド
Claude Codeのスキル・ループ・ワークフローは、名前が並ぶと混同しがちですが役割はまったく別...
続きを読む 
AIで背景透過・被写体の切り抜きがブラウザで完結する無料ツール｜使い方ガイド
AI背景透過ツールは、画像をドラッグ&ドロップするだけでAIが人物・商品・動物などの被写体を...
続きを読む 
CSSアニメーションはAIに「コードを渡して」作る｜動くコードが最強のプロンプト
CSSアニメーションをAIで作るなら、動きを言葉で説明するより「動くコードを渡す」方が速く、正確です...
続きを読む 
Claude Codeのルール・エージェント設計術｜CLAUDE.mdとサブエージェント運...
Claude Codeのルール・エージェント設計とは、何を恒久的なルールとして固定し、何を誰（サブエ...
続きを読む 
ローカルLLM vs クラウドAPI｜5基準で選ぶ実装判断ガイド
ローカルLLMとクラウドLLM APIは、自社で大規模言語モデルを運用するか、外部のAPIサービスに...
続きを読む 
Webサイトへの LLM 導入事例5選｜チャットボット・検索・要約・振り分け・翻訳
サイトへのLLM導入とは、自社のWebサイトに大規模言語モデル（ChatGPT・Claude・Gem...
続きを読む 
AI時代のWeb制作完全ガイド｜AIを使う×AIに見つけてもらう【2026年版】
AI時代のWeb制作ガイドとは、AIを「使う側」と「見つけてもらう側」の両面から、Web制作者が押さ...
続きを読む 
Claude Codeコマンド一覧＆実践ガイド【2026年版】
Claude Codeは、Anthropic社が提供するAIコーディングアシスタントのCLI（コマン...
続きを読む 
AI時代に本当に必要なVSCode拡張機能｜AIが代替する機能と残すべき拡張機能
CursorやClaude CodeなどのAIエージェントの登場で、VSCode拡張機能の役割は大き...
続きを読む