Claude Code にWebサイトのコーディングをさせる方法—ドキュメント設計から指示出しまで

AIでWebｺｰﾃﾞｨﾝｸﾞ
ClaudeCodeは、アプリ開発やフォームシステムだけでなく、Webサイトのフロントエンドコーディングにも十分活用できます。ただし、何も準備なしに「このデザインをHTMLにしてく…
続きを読む

Claude Codeの会話ログをObsidianに自動保存する仕組みを試してみた

AIコーディング
@kentaroさんの記事「会話を自動でObsidianに記録する仕組みを作った」を見て、ClaudeCodeとの会話を自動でObsidianに記録する仕組みを導入してみました。非…
続きを読む

Claude Code プラグインおすすめ5選｜重複を避ける選び方とトークン管理

AIコーディング
ClaudeCodeのプラグインシステムは、2026年に入って急速に拡大しました。公式マーケットプレイスclaude-plugins-officialには現在288個のプラグインが…
続きを読む

Vibe Codingのワークフロー 実行編3
- GitHubでバージョン管理しながらClaude開発する方法 -

AIコーディング
効率的で安全なClaudeCode開発のために、GitHubでバージョン管理を組み合わせた実践的な開発ワークフローをご紹介します。これにより、いつでも前の状態に戻れる安心感と、定期…
続きを読む

Vibe Codingのワークフロー 実行編2.1
- Claude Codeに「Serena」を導入する -

AIコーディング
Serenaとは、ClaudeCodeなどのAIコーディングツールを劇的に強化するオープンソースツールです。一言でいうと、「AIに、あなたのプロジェクトを深く理解させるための賢い通…
続きを読む

Vibe Codingのワークフロー 実行編1 - Claude Code 開発指示の基本

AIコーディング
準備編で作成した設計書をもとに、ClaudeCodeで効率的に開発を進めるための実践的なコツをまとめました。Explore→Plan→Code→Commitの4段階的アプローチを中…
続きを読む

Vibe Codingのワークフロー 準備編3 - CLAUDE.mdの作成と最適化設定

AIコーディング
要件定義・設計管理の基盤、デバッグ環境の整備と段階的テスト駆動開発の基盤を作ったら、次はClaudeCode専用の設定とドキュメント準備です。この準備により、ClaudeCodeが…
続きを読む

Vibe Codingのワークフロー 準備編2.3 - Gemini CLI を併用して設計書を作成する

AIコーディング
AIコーディングツールが急速に進化する中、多くの開発者が「ClaudeCode一強」と考えがちです。しかし、実はGeminiCLIとClaudeCodeを戦略的に併用することで、開…
続きを読む

Claude Code のアップデート・ 再インストール・認証エラー等の解決方法

AIコーディング
ClaudeCodeを使っていると、アップデートや認証のエラーで困ることがあります。この記事では、まず現在の状況を確認する方法から、具体的な解決策まで、段階的に解説します。🔍まず現…
続きを読む

Claude CodeでかんたんなWebアプリ「1pxトリミンくん」を作ってみた

アプリケーション
今回は、AnthropicのClaudeCodeを使って「1pxトリミンくん」という画像トリミングアプリを作成してみました。実際の体験をもとに、ClaudeCodeの導入から使い方…
続きを読む