Gemini最強の使い方はこれ！プロ級のWebサイトを作る方法

概要

Gemini 3.0を使い、コードを一切書かずにプロンプトだけでプロ級のポートフォリオサイトを作成し、GitHub Pagesで無料公開、さらに案件受注につなげるまでの流れを一気通貫で解説する動画。

主なポイント

• Geminiには高速モード・思考モード・Proモードの3種類があり、クオリティ重視のサイト制作にはProモード+「キャンバス」ツールの組み合わせが最適
• 消しゴムLP、飲食店サイト、架空ホテルサイト、水族館サイト(画像もその場で生成)など、Gemini 3.0だけで作られたハイクオリティなWebサイト実例を紹介
• プロンプトは「役割」「要件」「使用言語」「カラースキーム(メイン/アクセント/背景色)」「各セクションの内容」まで詳細に書くほど出力品質が上がる
• 生成後も「1行目が見切れているので余白を広げて」のように自然言語で追加修正を繰り返すことで、コード不要のまま理想の形に仕上げられる
• 完成したサイトのHTMLコードは「コード」タブから全コピーし、GitHubの新規リポジトリにindex.htmlとして保存すれば良い
• GitHubのSettings→Pagesで「ブランチからデプロイ」を選び対象ブランチを指定するだけで、誰でもアクセスできるURLとして無料公開できる
• 公開したポートフォリオURLを添えた営業テンプレートを送ることで案件の受注率が上がる
• 案件獲得には「レスポンスの速さ(理想12時間以内)」と「誠実な対応(できないことは正直に伝える)」の2点が重要

実践に使えること

• Geminiで「役割・要件・使用言語・カラー・セクション構成」を盛り込んだ詳細プロンプトを作り、自分用のポートフォリオサイトを試作する
• 出力後は完璧を求めず「〇〇を直して」と自然言語で追加修正を重ねて完成度を上げる
• 完成サイトをGitHub Pagesで公開し、実際に使えるURLとして案件提案時に添付する