2025.12.09
GoogleのコードエディタAntigravityでアプリを制作してみた。
私は「承認 Accept」ボタンをポチポチ押すだけの係。
開発環境の構築
画像など素材の準備
プロジェクトの作成
コーディング
CSSのレイアウトやフォントの選定などUIデザイン
UIアニメーション
パーティクルやブラーエフェクトの追加
音響設定
ビルド
↑この作業を全部AIにお任せで完成。
コードや実行時のエラーにも自動対応して開発目標を実現する。
利用者がプロンプトで作りたいアプリの仕様をAIに伝えるとAIはアプリ開発の「計画Plan」を生成する。
利用者は計画を確認して必要があれば修正する。
計画の実行を指示すると、プロジェクト作成、コード作成、テスト環境でのビルド、実行テスト まで自動でAIが行う。
Webアプリの開発ならAIがChromeを起動してアプリをブラウザで実行してテストする
テスト環境で問題なく動くようなら本番用のビルドを指示して、できたファイル群をサーバに設置したらWebアプリとして運用開始。
(AIの開発作業の概要)
ReactでTypeScriptで書いてViteでビルド。
デザインはCSSだけか?
node.jsの開発環境は元々PCに入れていた。
Geminiがコンソールを操作して必要なパッケージをinstallやupgradeしてくれる。