こんにちは！株式会社DearOneの小門です。
バックエンドのチームで、主にタスクや人の管理、システムの保守とかをやってます。
この記事でわかること
- Antigravity IDEのインストールから動作確認までの手順
- プロンプトだけでCSV集計ツールを作る具体的な流れ
- バイブコーディングが非エンジニアに向いている理由と限界
はじめに
最近バイブコーディングなるものが流行っているため、自分でもやってみようかなと思い、
Antigravityを使って簡単なツールを試しに作ってみました。
今回は、インフラとかメインでプログラムをやったことないって人でもちょっとした集計ツールを作れるようになることを目標としています。
ツールのインストール
インストールはインストーラーをダウンロードして実行するだけです。
今回は細かい設定はすべてデフォルトの状態でやってます。
途中、Googleアカウントへのログインが必要になるので、あらかじめアカウントを持っておいたほうがいいです。
https://antigravity.google/
設定が終わったらこんな感じになってます。
やってみる
1. 企画書を作成してもらう
-
Open Folderを選択 - 作ったファイルを置くためのフォルダを作成する（選択する）
- 右のパネルの入力欄に作りたいものの概要を書いて実行する
今回は以下のようなものを入力しました。
| 集計用ツールを作成したい 企画書をマークダウンで出力してください 日時、ユーザーID、行動のフォーマットのcsvを読み込んでユーザーID単位の日次の累計をテーブルで出力する WEBアプリとして作成してください 利用するのはHTML, CSS, jqueryのみを利用すること |
ちなみに1行入力してEnterを押すと実行されてしまうので、Shift+Enterで改行するか、
テキストエディタで書いてから貼り付けると良いかと思います。
また、初期の状態だとModel（モデル）としてGemini3.1 pro(High) が選択されているんですが、なんかエラーになるのでGemini3 Flash に変更しました。
ちなみにJavaScriptとかじゃなくjQueryなのは、自分が使い慣れてるからです。
2. ツールの作成
実行すると2～3分ぐらいで以下みたいな企画書を作ってくれます。
日時のフォーマットとか指定してないのに、気を利かせて YYYY/MM/DD HH:MM:SS を指定してくれてますね。
続けて入力欄に 【企画書をもとにツールを作成してください】 と入力すると、ツールの作成が始まります。
最終的に指定したフォルダに index.html が出来上がるので、それをブラウザで開くと作成されたツールが表示されます。
sample.csv |
|---|
| 2026/05/01 10:00:00,user_A,login 2026/05/01 10:05:00,user_A,view_item 2026/05/01 10:10:00,user_B,login 2026/05/02 11:00:00,user_A,purchase 2026/05/02 12:00:00,user_B,view_item 2026/05/02 12:30:00,user_B,view_item |
このようなサンプルCSVをドラッグアンドドロップで投入すると、解析して下部に結果を表示してくれます。
要求には集計結果のダウンロードは入れてなかったんですが、なんか実装されてますね。
3. 出来たものを改修する
現状だとフォーマットの間違ったものをアップロードした場合は無視されて、集計できるものだけを集計して結果が表示されます。
なので、集計できない行がある場合は、エラーを表示してくれるように改修を依頼します。
プロンプトに 【読み込んだ行の日時が指定のフォーマット以外の場合、エラーを表示するようにしてください】 と入力して修正してもらいましょう。
入力後1～2分ほどで修正が完了するので開いているツールをリロードしましょう。
sample.csv |
|---|
| 2026/05/01 10:00:00,user_A,login 2026/05/01 10:05:00,user_A,view_item 2026/05/01 10:10:00,user_B,login 2026/05/02 11:00:00,user_A,purchase 2026/05/02 12:00:00,user_B,view_item 2026/05/02 12:30:00,user_B,view_item 2026/05/03 09:00:00,user_C,login 2026-05-03 09:00:00,user_C,error_date_format invalid line no commas 2026/05/04 15:00:00,user_A,logout |
誤ったフォーマットをアップロードすると、エラーが表示されるようになりました。
現状の表示だと、日付が増えた時に見づらいとかあるので、その辺は要改善ですね。
今後の計画
今回はとりあえずバイブコーディングというのを試してみるという目的でやったのですが、簡単なツールなら手で書くよりも、はるかに速く感じました。
今後はもっと複雑なものを作っていってみようかなと思います。