Claude Codeでドキュメントを自動更新・同期する方法｜開発とドキュメントのズレを解消

AIコーディング
開発初期はきちんと書いたREADME.mdや設計書が、気づけば現状と全然違う内容になっている。これはおそらく主要な開発者が経験する問題です。原因はシンプルで、コードを変更するたびに…
続きを読む

CodeRabbitとは？無料で使えるAIコードレビューツールを徹底解説

AIコーディング
「コードレビューを受けたいけど、レビュアーがいない」「自分のコードに問題がないか不安」個人開発者やレビュー体制が整っていないチームにとって、コードレビューは悩ましい課題です。Cod…
続きを読む

Webページの校正に「Claude in Chrome」が意外と使えた話

AIコーディング
きっかけ：URLを渡してAIに校正させたかったWebページの校正を目視でやっていると、どうしても見落としが出る。「AIに校正させたい」と思ったのは自然な流れでした。HTMLファイル…
続きを読む

CodeRabbit + Claude Codeで自動修正したら、開発日誌も残そう

AIコーディング
CodeRabbit+ClaudeCodeで自動修正したら、開発日誌も残そうCodeRabbitでAIコードレビューを受けて、ClaudeCodeで自動修正する流れは非常に効率的で…
続きを読む

Windows に Claude Code をインストールする方法【Windows Terminal + PowerShell で簡単セットアップ】

AIコーディング
ClaudeCodeはMacでの利用が多いですが、Windowsでも快適に使えます。この記事では、WindowsTerminal+PowerShellを使ってClaudeCodeを…
続きを読む

Claude Code の settings.json コピペですぐ使えるおすすめ設定まとめ【2026年版】

AIコーディング
ClaudeCodeを使っていて「毎回コマンドの許可を求められるのが面倒」「設定ファイルがあるらしいけど何を書けばいいかわからない」と感じていませんか？settings.jsonを…
続きを読む

続・RSS×AIで情報収集を自動化！採点＆学習する自分好みの情報ポータルの作り方

AIコーディング
前回の記事で紹介した「RSSPortal」を実際に運用してみたところ、いくつかの課題が見つかりました。今回は、それらの改善とGitHubでのOSS公開についてまとめます。RSS×A…
続きを読む

RSS×AIで情報収集を自動化！採点＆学習する自分好みの情報ポータルの作り方

AIコーディング
エンジニアやWeb制作者にとって、技術情報のキャッチアップは避けて通れません。しかし、RSSリーダーを開くと未読が数百件…という状況に疲弊している方も多いのではないでしょうか。世の…
続きを読む

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

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

【初心者向け】Claude Code プラグインの導入ガイド - おすすめプラグインと設定方法

AIコーディング
ClaudeCodeには公式プラグインシステムがあり、開発ワークフローを強化できます。この記事では、プラグインの導入方法と、初心者にもおすすめの汎用的なプラグインを紹介します。プラ…
続きを読む

Puppeteer×Node.jsでスクレイピングツールを作る際の技術的なコツと注意点

AIコーディング
スクレイピングツール開発で押さえておくべき技術的なポイントをまとめました。これからPuppeteerでスクレイピングツールを作る方の参考になれば幸いです。この記事で解説することスク…
続きを読む

Claude CodeにSlash Commandsで、開発日誌を書いてもらう方法

AIコーディング
ClaudeCodeのSlashCommands機能を使えば、セッション終了前に詳細な開発日誌を自動生成できます。この記事では、SlashCommands/devlogを作って、開…
続きを読む

CodeRabbit CLIとClaude Codeを連携してAIコードレビューから自動修正する方法

AIコーディング
前回の記事「CodeRabbitで全コードレビューしてもらう方法」では、GitHub上でPRを作成してAIコードレビューを受ける方法を解説しました。永久無料で使えるAIコードレビュ…
続きを読む

永久無料で使えるAIコードレビュー『CodeRabbit』で全コードレビューしてもらう方法

AIコーディング
個人開発でコードレビューを受けたいけど、レビュアーがいない...そんな悩みを解決してくれるのがCodeRabbitです。この記事では、無料プランでCodeRabbitを導入し、実際…
続きを読む

Claudeへのファイルアップロードで日本語が文字化けする問題と確実な対策

AIコーディング
生成AI「Claude」を利用する際、特にPHPなどのコードファイルをアップロードしたときに、日本語のコメントや文字列が「フォーãƒ」のような形式で文字化けすることがあ…
続きを読む

複数ルールで一括grep置換ツール「Multi Grep Replacer」

AIコーディング
Web開発やプログラミングで、こんな経験はありませんか？🔄同じ置換作業を何度も繰り返している😓サクラエディタで5つの置換パターンを1つずつ実行するのが面倒めんどくさかったので、複数…
続きを読む

WordPress MCP Server でプラグイン開発を効率化する方法

AIコーディング
WordPressプラグイン開発において、公式ドキュメントの参照とサイト操作を効率化するModelContextProtocol（MCP）サーバーの導入方法と活用法について解説しま…
続きを読む

Vibe Codingのワークフロー 実行編4 - GitHubリリースの手順

AIコーディング
開発したプロダクトをGitHubで公開するまでの手順をまとめました。個人開発者向けに、必要最小限の設定で効率的に公開する方法を解説します。VibeCodingのワークフロー実行編3…
続きを読む

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

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

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

AIコーディング
ClaudeCodeでの開発をさらに効率化したいと思ったことはありませんか？「セキュリティ面は大丈夫？」「パフォーマンスの改善点はないかな？」そんな悩みを解決してくれるのがSupe…
続きを読む

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を戦略的に併用することで、開…
続きを読む

Vibe Codingのワークフロー 準備編2.2 - Vibe Logger を活用したテスト駆動開発

AIコーディング
ClaudeCodeやGitHubCopilotなどを活用したAI駆動開発において、最も深刻な問題は「エラーが発生しました」という曖昧なメッセージで開発が停滞することです。❌従来の…
続きを読む

Vibe Codingのワークフロー 準備編2.1 - 開発方針/テスト環境の整備

AIコーディング
AIを活用したコーディングで最も重要なのは、AIが理解できる形で問題を記録し、解決パターンを蓄積することです。エラーが発生したとき「なぜ起きたか」「どう解決したか」が明確に記録され…
続きを読む

Vibe Codingのワークフロー 準備編1 - 要件定義・設計管理 -

AIコーディング
ClaudeCodeで効率的に開発を進めるために最も重要なのは「事前準備」です。AIに曖昧な指示を出すと、意図しない方向に進んでしまい、大量の修正が必要になります。この記事では、実…
続きを読む

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

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

Claude Codeの使い方：Claude CodeでかんたんなWebアプリを作ってみた

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