ツール

AIコーディングツールの使い方・比較・設定ガイド

自分に合ったツールを見つけるために、順番に読んでみてください。

バイブコーディングに必要なPC環境を初心者向けに解説。ターミナルの基本操作、Node.jsのインストール、エディタの設定まで。

バイブコーディングで必須のGitとGitHub。なぜ必要なのか、基本操作、GitHubでの公開方法を初心者向けに解説。

Claude Codeのインストールから基本的な使い方、実際のプロジェクトでの活用法まで。初心者向けに丁寧に解説。

VS Codeベースの AI搭載エディタ Cursor の始め方。インストールからAIチャット、コード補完まで初心者向けに解説。

インストール不要、ブラウザだけでWebアプリが作れるBoltとLovable。登録から実践、公開、料金比較まで初心者向けに完全解説。

Claude Code・Cursor・Bolt・Lovableの4つを、始めやすさ・自由度・料金で比較。2026年8月時点の各社公式プランで料金表を更新した。30秒で選べるフローチャートと、選んだ後に何から作るかまでまとめている。

エラーメッセージの読み方、AIへの伝え方、よくあるエラーパターンと解決法。デバッグはAIの最も得意な仕事。

ローカルで作ったサイトやアプリをインターネットに公開する方法。無料で使える3つのホスティングサービスを比較。

「作って」と頼んだらAIが暴走して、思っていたのと違うものが完成——を防ぐのがプランモード。作る前に計画を説明させ、OKしてから作らせる手順を非エンジニア向けに解説。

調べ物をさせると会話が膨れ、Claudeが前の話を忘れる。それを解くのがサブエージェント。作らなくても使える呼び方、アプリとCLIでの見方、実制作の4つの型までまとめた。

「この画面みたいに作って」とスクショを渡しても似ないのはなぜか。アプリとCLIそれぞれの画像の渡し方、スクショに添える3行の指示、AIに自分でスクショを撮って見比べさせる直し方まで、非エンジニア向けにまとめた。