～Claude・Codex・Antigravity・VS CodeのGitHub Copilotを実例付きで徹底解説。～
はじめに
「こんなアプリがあったら便利なのに」
そう思ったことはありませんか？
でも、実際に作ろうと思うと、プログラミングを勉強しないといけなかったり、開発にお金がかかったり、そもそも何から始めればいいのか分からなかったりします。
僕も、最初からプログラミングに詳しかったわけではありません。
ただ、今はAIを活用することで、自分が欲しいと思ったものを少しずつ形にできるようになりました。
これまでに僕がAIを使って作ってきたものには、例えばこんなものがあります。
WordPressというのは、Webサイトを作ったり管理したりするための仕組みです。テーマはサイト全体のデザインや表示を担当し、プラグインは機能を追加するためのものです。
また、Pythonはプログラムを書くための言語で、HTMLはWebページの構造を作るために使われます。
Blenderは3Dモデルなどを作成できるソフトで、MCPはAIと外部のツールを連携させるための仕組みです。
こうして並べると難しそうに見えるかもしれませんが、最初から全部を理解しておく必要はありません。
AIに相談しながら、必要なことを一つずつ覚えていけばいいんです。
ちなみに、僕はどちらかというと、作りたいものが決まったら最初からAIに大きな指示を出して、そこから修正していくタイプです。
ただ、これは全員におすすめできる方法というわけでもありません。初めてアプリを作る人が同じことをすると、どこで問題が起きたのか分からなくなることもあります。
なので、この記事では僕自身のやり方も紹介しつつ、初心者でも実践できる方法を解説していきます。
プログラミングを完璧に理解してから作り始める必要はありません。
まずは、自分が欲しいものを形にするところから始めてみましょう。
第1章 AIでアプリを作るって、どういうこと？
まず、AIでアプリを作るとはどういうことなのか、簡単に説明します。
通常、アプリを作るには、プログラミング言語を使ってコードを書き、画面を作り、機能を実装し、動作を確認していく必要があります。
しかし、AIを使えば、この作業の多くを手伝ってもらえます。
例えば、次のようなものです。
もちろん、どんなものでも簡単に作れるわけではありません。
複雑なアプリになるほど、設計や動作確認、セキュリティ対策などが必要になります。また、AIが作ったコードが必ず正しいとも限りません。
それでも、以前ならプログラミングの知識がないと始めにくかった作業に、取り組みやすくなったのは大きな変化だと思います。
そもそも、どんなAIを使えばいいの？
AIでアプリを作る方法はいくつかあります。
例えば、Claudeのように会話を通じてコードや簡単なアプリを作れるAIもあれば、パソコン上のファイルを直接編集しながら開発を進められるツールもあります。
この記事では、主に次のような方法を扱います。
1. AIとの会話を中心に作る方法
作りたいものを文章で説明し、生成されたアプリを確認しながら修正していく方法です。初めての人が簡単なツールを作るときにも向いています。
2. AIにコードを書いてもらい、実際のファイルとして開発する方法
Webサイトやプラグイン、Pythonのプログラムなどを作りたい場合はこちらが便利です。既存のファイルを修正したり、複数の機能を組み合わせたりすることもできます。
3. AIと外部ソフトを連携させる方法
BlenderのようなソフトとAIを連携させ、3Dモデルの作成などを支援してもらう方法です。ただし、対応する連携ツールや環境の準備が必要になる場合があります。
どれを選べばいいのか分からない場合は、最初は簡単な方法から試してみるのがおすすめです。
ただし、最初から本格的なシステムを作りたい場合は、最初に設計を整理してから開発を進める方法もあります。
自分が何を作りたいのかによって、使うツールも変わってきます。
第2章 作り始める前に、何を作りたいのか考えよう
ここからは、実際にアプリを作る方法を説明していきます。
最初にやることは、AIを開くことではありません。
まずは、自分が何を作りたいのかを考えてみましょう。
「アプリを作りたい」といっても、作りたいものは人によって違います。
例えば、こんなものが考えられます。
このとき、いきなりプログラミングのことを考える必要はありません。
大切なのは、今、何に困っていて、どうなったら便利なのかを考えることです。
1. 作りたいものを文章にしてみる
例えば、イベントの受付をもっと便利にしたいとします。
ただ「受付アプリを作りたい」と伝えるだけでは、AIは細かい部分を判断できません。
参加者が何人いるのか、どんな情報を管理するのか、受付済みの人がもう一度来たらどうするのか。考えるべきことはいろいろあります。
そこで、まずは次のように整理してみます。
作りたいもの：イベント受付システム
目的： 参加者の受付をスムーズに行いたい。
必要な機能：
参加者の情報を管理する
QRコードを使って受付する
受付済みかどうかを確認する
二重受付を防ぐ
受付状況を確認できるようにする
複数端末での読み取りができてそれを一台で完結
受付した人はExcelに「○」的なの入力
ここまで整理できれば、AIも具体的な提案をしやすくなります。
最初から全部決める必要はありません。分からない部分はAIに相談しながら決めていけば大丈夫です。
2. 何が必要なのか分からないときは、AIに相談する
作りたいものはあるけれど、必要な機能が分からない。
そんなときは、無理に自分だけで考えなくてもいいです。
例えば、次のように質問してみましょう。
そのまま使えるプロンプト
「下記の条件のアプリのコードをすぐに生成するのではなく、最初に構成を考えてください。ただし、私はプログラミングに対する知識があまりない為、説明時は専門用語はあまり使用しないでください。
・QRコードによる受付アプリ
・顧客データはExcelに記載
・複数端末で素早く読み取り照合
・低スペックPCで動く
・操作が簡単
・二重受付禁止」
このように伝えれば、いきなり大量のコードを生成するのではなく、必要な機能や実現方法を整理するところから始められます。
3. 最初から小さく作るか、大きく作るか
ここは、僕自身のやり方と初心者向けのやり方で少し違います。
僕は、作りたいものが決まっているとき、最初からかなり大きな指示を出すことがあります。
例えば、WordPressのプラグインを作る場合、必要な機能や管理画面の構成、設定項目などをまとめて伝え、ある程度まとまった形で作ってもらいます。
ただし、これは作るものの構成がある程度分かっている場合に向いている方法です。
初心者が同じように進めると、機能が多すぎて、どこに問題があるのか分からなくなることがあります。
なので、初めて作るなら、次のような順番がおすすめです。
まずは基本的な機能だけ作る
実際に動かしてみる
問題がなければ機能を追加する
デザインを調整する
最後に全体の動作を確認する
例えば、タスク管理アプリなら、最初は「タスクを追加する」「タスクを削除する」という機能だけで十分です。
その後、期限の設定や検索、データの保存などを追加していけばいいのです。
最初から完成形を目指すより、動くものを作ってから改善していく方が、初心者にとっては進めやすいと思います。
ここで要注意なのが使用制限!!
何回かプロンプトを送り生成してもらうと途中で制限がかかる時があります。だから僕は最初っから完成形を作ってもらってます（中途半端な物が嫌なので）
～Claude・Codex・Antigravity・VS CodeのGitHub Copilotを実例付きで徹底解説。～
はじめに
「こんなアプリがあったら便利なのに」
そう思ったことはありませんか？
でも、実際に作ろうと思うと、プログラミングを勉強しないといけなかったり、開発にお金がかかったり、そもそも何から始めればいいのか分からなかったりします。
僕も、最初からプログラミングに詳しかったわけではありません。
ただ、今はAIを活用することで、自分が欲しいと思ったものを少しずつ形にできるようになりました。
これまでに僕がAIを使って作ってきたものには、例えばこんなものがあります。
WordPressのテーマ
WordPressのプラグイン
HTML,CSSを使った公式サイト
Pythonを使ったQRコードによるログイン・受付システム
Blender MCPを経由した3Dモデルの作成
WordPressというのは、Webサイトを作ったり管理したりするための仕組みです。テーマはサイト全体のデザインや表示を担当し、プラグインは機能を追加するためのものです。
また、Pythonはプログラムを書くための言語で、HTMLはWebページの構造を作るために使われます。
Blenderは3Dモデルなどを作成できるソフトで、MCPはAIと外部のツールを連携させるための仕組みです。
こうして並べると難しそうに見えるかもしれませんが、最初から全部を理解しておく必要はありません。
AIに相談しながら、必要なことを一つずつ覚えていけばいいんです。
ちなみに、僕はどちらかというと、作りたいものが決まったら最初からAIに大きな指示を出して、そこから修正していくタイプです。
ただ、これは全員におすすめできる方法というわけでもありません。初めてアプリを作る人が同じことをすると、どこで問題が起きたのか分からなくなることもあります。
なので、この記事では僕自身のやり方も紹介しつつ、初心者でも実践できる方法を解説していきます。
プログラミングを完璧に理解してから作り始める必要はありません。
まずは、自分が欲しいものを形にするところから始めてみましょう。
第1章 AIでアプリを作るって、どういうこと？
まず、AIでアプリを作るとはどういうことなのか、簡単に説明します。
通常、アプリを作るには、プログラミング言語を使ってコードを書き、画面を作り、機能を実装し、動作を確認していく必要があります。
しかし、AIを使えば、この作業の多くを手伝ってもらえます。
例えば、次のようなものです。
ボタンを押すと計算してくれるアプリ
QRコードを読み取って受付を行うシステム
自分専用のタスク管理ツール
WordPressのサイトに機能を追加するプラグイン
会社や団体の公式サイト
Blenderで使うモデル作成の補助ツール
もちろん、どんなものでも簡単に作れるわけではありません。
複雑なアプリになるほど、設計や動作確認、セキュリティ対策などが必要になります。また、AIが作ったコードが必ず正しいとも限りません。
それでも、以前ならプログラミングの知識がないと始めにくかった作業に、取り組みやすくなったのは大きな変化だと思います。
そもそも、どんなAIを使えばいいの？
AIでアプリを作る方法はいくつかあります。
例えば、Claudeのように会話を通じてコードや簡単なアプリを作れるAIもあれば、パソコン上のファイルを直接編集しながら開発を進められるツールもあります。
この記事では、主に次のような方法を扱います。
1. AIとの会話を中心に作る方法
作りたいものを文章で説明し、生成されたアプリを確認しながら修正していく方法です。初めての人が簡単なツールを作るときにも向いています。
2. AIにコードを書いてもらい、実際のファイルとして開発する方法
Webサイトやプラグイン、Pythonのプログラムなどを作りたい場合はこちらが便利です。既存のファイルを修正したり、複数の機能を組み合わせたりすることもできます。
3. AIと外部ソフトを連携させる方法
BlenderのようなソフトとAIを連携させ、3Dモデルの作成などを支援してもらう方法です。ただし、対応する連携ツールや環境の準備が必要になる場合があります。
どれを選べばいいのか分からない場合は、最初は簡単な方法から試してみるのがおすすめです。
ただし、最初から本格的なシステムを作りたい場合は、最初に設計を整理してから開発を進める方法もあります。
自分が何を作りたいのかによって、使うツールも変わってきます。
第2章 作り始める前に、何を作りたいのか考えよう
ここからは、実際にアプリを作る方法を説明していきます。
最初にやることは、AIを開くことではありません。
まずは、自分が何を作りたいのかを考えてみましょう。
「アプリを作りたい」といっても、作りたいものは人によって違います。
例えば、こんなものが考えられます。
毎日の課題を管理できるアプリ
イベントの参加者を管理するシステム
QRコードを使って受付できる仕組み
自分のWebサイトに新しい機能を追加するプラグイン
自分の好きなデザインで作った公式サイト
このとき、いきなりプログラミングのことを考える必要はありません。
大切なのは、今、何に困っていて、どうなったら便利なのかを考えることです。
1. 作りたいものを文章にしてみる
例えば、イベントの受付をもっと便利にしたいとします。
ただ「受付アプリを作りたい」と伝えるだけでは、AIは細かい部分を判断できません。
参加者が何人いるのか、どんな情報を管理するのか、受付済みの人がもう一度来たらどうするのか。考えるべきことはいろいろあります。
そこで、まずは次のように整理してみます。
作りたいもの：イベント受付システム
目的： 参加者の受付をスムーズに行いたい。
必要な機能：
参加者の情報を管理する
QRコードを使って受付する
受付済みかどうかを確認する
二重受付を防ぐ
受付状況を確認できるようにする
複数端末での読み取りができてそれを一台で完結
受付した人はExcelに「○」的なの入力
ここまで整理できれば、AIも具体的な提案をしやすくなります。
最初から全部決める必要はありません。分からない部分はAIに相談しながら決めていけば大丈夫です。
2. 何が必要なのか分からないときは、AIに相談する
作りたいものはあるけれど、必要な機能が分からない。
そんなときは、無理に自分だけで考えなくてもいいです。
例えば、次のように質問してみましょう。
そのまま使えるプロンプト
「下記の条件のアプリのコードをすぐに生成するのではなく、最初に構成を考えてください。ただし、私はプログラミングに対する知識があまりない為、説明時は専門用語はあまり使用しないでください。
・QRコードによる受付アプリ
・顧客データはExcelに記載
・複数端末で素早く読み取り照合
・低スペックPCで動く
・操作が簡単
・二重受付禁止」
このように伝えれば、いきなり大量のコードを生成するのではなく、必要な機能や実現方法を整理するところから始められます。
3. 最初から小さく作るか、大きく作るか
ここは、僕自身のやり方と初心者向けのやり方で少し違います。
僕は、作りたいものが決まっているとき、最初からかなり大きな指示を出すことがあります。
例えば、WordPressのプラグインを作る場合、必要な機能や管理画面の構成、設定項目などをまとめて伝え、ある程度まとまった形で作ってもらいます。
ただし、これは作るものの構成がある程度分かっている場合に向いている方法です。
初心者が同じように進めると、機能が多すぎて、どこに問題があるのか分からなくなることがあります。
なので、初めて作るなら、次のような順番がおすすめです。
まずは基本的な機能だけ作る
実際に動かしてみる
問題がなければ機能を追加する
デザインを調整する
最後に全体の動作を確認する
例えば、タスク管理アプリなら、最初は「タスクを追加する」「タスクを削除する」という機能だけで十分です。
その後、期限の設定や検索、データの保存などを追加していけばいいのです。
最初から完成形を目指すより、動くものを作ってから改善していく方が、初心者にとっては進めやすいと思います。
ここで要注意なのが使用制限!!
何回かプロンプトを送り生成してもらうと途中で制限がかかる時があります。だから僕は最初っから完成形を作ってもらってます（中途半端な物が嫌なので）