Web制作やプログラミング学習の現場で、いま最も注目を集めているのが「AIコーディングアシスタント」です。その中でも、GoogleのDeepMindチームが開発に携わっている「Antigravity（アンチグラビティ）」は、その圧倒的なコード生成力と理解力から、初心者からプロまで急速にシェアを伸ばしています。
この記事では、プログラミング未経験の方がAntigravityをスムーズに導入し、最初のコードを出力させるまでの手順をステップ順に解説します。
1. Antigravityとは？初心者にとってのメリット
Antigravityは、普段お使いのエディタやチャット画面から指示を送るだけで、HTML/CSSやJavaScriptなどのソースコードを作成・編集してくれるAIツールです。
プログラミング未経験者にとって最大のメリットは、「何が間違っているか分からないときに、コード全体を見せて日本語で質問できること」にあります。コードを一行ずつ暗記することなく、AIの解説を読みながら動作の仕組みを段階的に理解していくことができます。
2. アカウント作成と基本セットアップの流れ
AntigravityはWebブラウザ上で直接チャット形式で使うこともできますが、コードエディタと連携させることでその真価を発揮します。
2.1. アカウントの登録手順
まずはAntigravityの公式サイトにアクセスし、新規アカウントを作成します。Googleアカウント等があれば、数クリックで無料トライアルプランへの登録が可能です。
2.2. エディタ（VS Code）との連携
初心者におすすめのエディタである「Visual Studio Code（VS Code）」のプラグイン市場にて、公式の「Antigravity Extension」を検索してインストールします。 インストール完了後、エディタ上でサインインを済ませるだけで、エディタ内で直接AIにコード修正を依頼できるようになります。
AIが書き出したHTMLコードを公開するにはサーバーが必要です。初心者の方には、設定がシンプルで費用を抑えられる「Hostinger」サーバーの利用が、ドメインも無料になるためおすすめです。
3. 初めてのコード生成を試す
セットアップが終わったら、エディタで `index.html` という空のファイルを作成し、Antigravityのチャット欄に次のプロンプトを入力してみてください。
「自己紹介のシンプルなウェブページを作りたいです。見出し、プロフィール文、趣味のリストを表示するHTMLコードを作成してください。」
数秒で、綺麗にインデントが整理されたHTMLコードが出力されます。出力されたコードの下にある「適用（Apply）」ボタンを押すだけで、あなたのエディタ上のファイルにコードが直接書き込まれます。
4. まとめ：第一歩を踏み出そう
Antigravityを使うことで、コードの手書きに要していた時間が大幅に削減され、デザインや構成の検討といった「より創造的な作業」に時間を使うことができるようになります。
まずはアカウントを作成し、簡単なコードを出力させることから始めてみてください。次の記事では、より思った通りのデザインを引き出すための「プロンプト指示のコツ」を解説します。