生成AI（Antigravity）で作るポートフォリオサイト作成

【当日のカリキュラム：全3時間】

■ STEP1（20分）生成AIとAntigravityの基本を知る

まずは、生成AIを「質問に答える道具」から「仕事を一緒に進めるパートナー」へ変える考え方を学びます。

・GeminiとAntigravityの役割の違い

・AIがサイトの構成・文章・コードを作る仕組み

・Antigravityの基本画面とプロジェクトの準備

・指示を出し、結果を確認し、改善する基本操作

・AIに任せてよい部分と、自分で確認すべき部分

「そもそもAIでサイトができるの？」という段階から始められます。

■ STEP2（25分）仕事につながるサイトを設計する

デザインを作り始める前に、「誰に・何を・どう伝えるか」を決めます。実はここが、見た目だけで終わらないポートフォリオを作る重要なポイントです。

・ターゲットとなるお客様を具体化

・自分の強みや提供できる価値の整理

・問い合わせにつながるサイトの構成

・印象に残るキャッチコピーとプロフィール

・業種や個性に合ったデザインの方向性

Geminiと対話しながら考えるので、文章を書くのが苦手な方も取り組めます。

■ STEP3（25分）プロンプトの作り方を徹底実践

ここが講座の重要パート。AIに「おしゃれなサイトを作って」と伝えるだけでは、思いどおりの結果にならないことがあります。

そこで、「目的・対象者・必要な内容・デザイン・制約・完成条件」を具体的に伝える方法を練習します。

例えば、

「フリーランスのWebデザイナー向けに、洗練されたポートフォリオサイトを作成してください。白を基調に余白を広く取り、実績を大きな画像で見せてください。スマホ表示にも対応し、各セクションからお問い合わせに進める構成にしてください」

このような指示を土台に、あなた自身の目的に合わせて、実際に使えるプロンプトを組み立てます。

さらに、AIが出した結果を改善する「追加指示」「修正指示」「やり直しの指示」まで学びます。

■ STEP4（70分）Antigravityで本格サイトを一気に制作！

いよいよサイト制作の実践です。作成したプロンプトをAntigravityに入力し、AIと協力しながらページを形にします。

・サイト全体の骨組みを生成

・トップページと各セクションを作成

・自己紹介やサービス説明の文章を反映

・写真・作品・実績の見せ方を調整

・配色、フォント、余白を変更

・ボタンやリンク、お問い合わせへの導線を作成

・ブラウザーで表示を確認しながら修正

講師の説明を聞くだけでなく、各自のパソコンで実際に制作を進めます。途中でデザインが崩れたり、希望と違うものが生成されたりした場合も、AIにどう修正を依頼するかを実践します。

■ STEP5（25分）「それっぽいサイト」を超える仕上げの技術

AIで生成した直後の状態で終わらせません。細部の調整で、サイトの印象は大きく変わります。

・スマートフォンでの見え方をチェック

・読みやすさ、余白、色の統一感を改善

・見出しとキャッチコピーを磨く

・実績やサービスの魅力が伝わる順番に整理

・リンク切れや不自然な文章をチェック

・「相談してみよう」と思える問い合わせ導線に改善

作りっぱなしにしない、実務で大切な確認ポイントもお伝えします。

■ STEP6（15分）完成チェックと今後の活用方法

最後に完成したサイトを確認し、保存方法や公開までの基本的な流れを解説します。

さらに、今後の更新方法、新しい実績の追加、サービスページへの展開など、AIを使って自分でサイトを育てていく方法も紹介します。

【こんな方におすすめ】

・自分の仕事や作品を紹介するサイトを作りたい方

・フリーランス、副業、独立を考えている方

・デザイナー、ライター、エンジニア、動画制作者の方

・講師、コンサルタント、個人事業主の方

・Web制作を外注せず、自分で挑戦したい方

・生成AIを学ぶだけでなく、具体的な成果物を作りたい方

・プロンプトを使いこなせるようになりたい方

【参加にあたって】

・WindowsまたはMacのパソコンをご用意ください。

・GoogleアカウントとAntigravityを利用できる環境が必要です。

・掲載したいプロフィール、実績、写真、SNSリンクなどがあればご準備ください。素材が少なくても、講座内で構成を考えられます。

・プログラミング経験は必須ではありません。

・AIサービスの利用枠や動作状況、素材の準備状況によって、3時間で仕上がる範囲は異なります。独自ドメイン取得や外部サービスへの公開作業は必要に応じて講座後の作業になります。

「AIは便利そう」で終わる3時間ではなく、「自分にもここまで作れるんだ！」を実感できる3時間にしましょう。

学んで終わりではなく、あなたの仕事やチャンスにつながるサイトを、一緒に形にしていきます。