ポートフォリオサイトを作りたい。

でも、
多くの人は「作れない」のではなく
「途中で止まる」のです。

何を載せればいいかわからない。

見た目がしっくりこない。

コードや設定がわからず
公開の手前で止まる。

結果として
「いつか作ろう」で終わってしまう…。

この教材は、
そういう状態を抜けるための実践ガイドです。

テーマはシンプルです。

「センス不要、コード不要。
AIを“ディレクター”にして
自分の仕事につながる1ページサイトを公開する方法」

AIにただ作らせるだけではありません。

自分の強みを整理する。

誰に向けたサイトなのかを決める。

見た目の方向性を整える。

ChatGPTやGemini、
必要ならAntigravityも使いながら
最後はきちんと公開まで持っていきます。

1480円なので、
読む教材というより
「今日、手を動かすための作業ガイド」
として使ってください。

完璧なサイトは要りません。

まず必要なのは、
「この人にお願いしたい」と思われる1ページを
世の中に出すことです。

この教材は、
そのための最短ルートをまとめました。

この教材は、こういう方に向いています

自分のサービスや活動を紹介するサイトが欲しい方。

名刺代わりになる1ページサイトを作りたい方。

デザインに自信がない方。

コードが苦手な方。

AIでどこまでできるのか試したい方。

今後も応用できる「進め方」を身につけたい方。

逆に、
本格的な多ページサイトを作りたい方や
細かな実装をゼロから学びたい方には
少し違うでしょう。

この教材は、
「今日動く」ための教材です。

この教材で得られるもの

この教材を読みながら手を動かすと
次の流れを自分で進められるようになります。

自分の強みを整理する。

ターゲットを言語化する。

AIにサイトコンセプトを相談する。

画像や見た目の方向性を決める。

ChatGPTやGeminiで
1ページサイトを形にする。

必要ならAntigravityで調整する。

公開に必要な基本設定まで整えて
人に見せられる状態にする。

つまり、
「なんとなくAIで作ってみた」で終わらず
「ちゃんと使えるサイト」を出せるようになります。

ここが大事です。

この教材のゴールは、
「AIで遊ぶこと」ではありません。

「公開して
仕事につながる状態まで持っていくこと」です。

なぜ、多くの人は途中で止まるのか

サイト制作で止まる理由は
だいたいこの3つです。

ひとつ目は、
何を載せればいいかわからないことです。

ふたつ目は、
見た目に自信が持てず
途中で「なんかダサいな……」となることです。

みっつ目は、
コードや公開設定がわからず
最後まで行けないことです。

この教材は、
この3つをAIで突破するために作りました。

ただし、
AIに丸投げして終わりではありません。

AIが出してきた無難な案を
どう磨くか。

どう尖らせるか。

どうすれば
「この人にお願いしたい」
と思われる形になるか。

そこまで扱っています。

この教材の核は「AIをディレクターにする」ことです

多くの人は、
AIを便利な作業ツールとして使っています。

でも、
本当に差が出るのはそこではありません。

大事なのは、
AIに何を渡すかです。

とくに重要なのは
「強み」と「ターゲット」です。

たとえば
「動画編集ができます」
だけでは弱いです。

誰のどんな悩みに対して
自分のどんな経験や強みが活きて
どういう価値を出せるのか。

そこまで言語化してはじめて
AIの提案も鋭くなります。

そして、
AIの無難な答えを
そのまま採用しないことも重要です。

「もっと個性が伝わる形にしてください」

「今のままだと、よくあるサイトに見えます」

「そのキャッチコピーが刺さる理由も教えてください」

こうして深掘りしていくと
サイトの説得力は一気に上がります。

ここが、
この教材でいちばん身につけてほしい感覚です。

途中で「ダサくて止まる」を防ぐ方法も入れています

サイト制作でありがちなのは、
途中で見た目が微妙になって
手が止まることです。

これはかなり多いです。

そこでこの教材では、
制作の早い段階で
「見た目の方向性」を固めます。

AIに画像プランを提案させて
人間は3つだけ確認します。

「引き」の余白はあるか。

「寄り」の質感はあるか。

全体のトーンは揃っているか。

この3つです。

まだ写真や素材が揃っていなくても大丈夫です。

最初は、
仮でもセンスのいいものを置いたほうが進みます。

先に完成イメージが見えると
あとから自分の素材に差し替える作業も
かなりやりやすくなります。

作り方は2ルートあります

この教材では、
自分に合った進め方を選べるように
2つのルートを用意しています。

ひとつは、
ChatGPTやGeminiで一気に形にする
「最速ルート」です。

ブラウザだけで完結しやすいので
まずは今すぐ作りたい方に向いています。

もうひとつは、
Antigravityを使って
AIと対話しながら育てていく
「本格ルート」です。

こちらは、
今後も自分で改修したり
もう少し深く作っていきたい方に向いています。

どちらを選んでも大丈夫です。

まずは最速ルートで
「自分のアイデアが形になる感覚」
をつかんでから
必要に応じて本格ルートへ進めば十分です。

この流れで、実際にここまで形になります

以下は、
この教材の流れを使って作った
1ページサイトの一例です。

最初から完璧を目指したものではありません。

「誰に見せるか」
「どんな空気感にするか」
をAIと一緒に整理して、
1ページに落とし込むと、
ここまで形になります。

サイト例_販売ページ.png

公開までやるから、ちゃんと使えます

サイトは、
作るだけでは半分です。

公開して。

人に見せられる状態にして。

はじめて意味が出ます。

この教材では
公開パートまでちゃんと入れています。

サイトのアイコン設定。

独自ドメインの設定。

安全に表示するための基本設定。

SNSでシェアしたときの見え方の調整。

このあたりを整えるだけで
未完成感はかなり減ります。

さらに最後には、
公開前後に確認したいポイントも整理しています。

リンクは正しく動くか。

誤字脱字はないか。

スマホでも見やすいか。

お問い合わせフォームは送信できるか。

SNSでシェアしたときに
不自然な見え方になっていないか。

公開した当日の告知まで含めて
ひと通りチェックできるようにしています。

なのでこれは、
ただの「AIで遊ぶ教材」ではありません。

実際に使うための教材です。

教材の中身

第1章

AIを「クリエイティブ・ディレクター」にして
サイトの土台を作る

まずは
「強み」
「ターゲット」
「サイトの目的」
を整理します。

そのうえで、
AIにコンセプトを相談し
訪問者が「この人にお願いしたい」と感じる見せ方を
固めていきます。

第2章

途中で止まらないための画像設計

AIに画像プランを出させながら
「引き」
「寄り」
「トーンの統一」
を見て
サイト全体の空気感を先に作ります。

第3章

自分に合った方法で、実際にサイトを作る

ChatGPTやGeminiで最速で形にする方法と
Antigravityで対話しながら育てる方法の
2ルートを解説しています。

第4章

公開までやるから、ちゃんと使える

公開時に詰まりやすい設定や
見落としやすい確認ポイントも整理しています。

さらに、
保存版の「公開・完遂チェックリスト」も付けています。

購入特典

そのまま使える「コピペ用プロンプト集」

この教材では
AIへの相談の質がかなり重要です。

なので、
本文で使っているプロンプトを
すぐ使える形でまとめました。

強み整理。

コンセプト相談。

キャッチコピー案出し。

画像プラン設計。

HTML生成。

公開前チェック。

毎回本文を見返さなくても
必要な場面でそのまま使えます。

仕事につながる「1ページ構成テンプレート」

ポートフォリオサイトは
見た目だけ整えても意味がありません。

誰向けなのか。

何ができるのか。

どんな実績があるのか。

どう依頼すればいいのか。

この順番が崩れると
伝わらないサイトになります。

そこで、
そのまま埋めれば形になる
「1ページ構成テンプレート」も付けました。

公開直前に使える「完遂チェックリスト」

サイト制作は
作ることより
「出し切ること」が難しいです。

スマホ表示。

リンク確認。

フォーム送信確認。

シェア時の見え方。

公開告知。

最後の詰めで抜けやすい項目を
チェックリスト形式でまとめています。

「作ったのに出せない」
を防ぐための特典です。

この教材をおすすめしない人

理論だけ学びたい方には向きません。

本格的なWeb制作をゼロから体系的に学びたい方にも
少し違うでしょう。

この教材は、
「理解して終わる」ためのものではありません。

「手を動かして、公開する」ための教材です。

なので、
読むだけで満足したい方より
実際に1ページ作って出したい方に向いています。

最後に

完璧なサイトを作る必要はありません。

まずは、
自分の仕事をちゃんと伝えられる
「1ページ」を世の中に出すことです。

そこから先は
AIと一緒にいくらでも育てていけます。

止まっているなら、
まず公開まで行きましょう。

この教材は、
そのための最短ルートです。

1480円で
今日から動けます。

ここから先でやること

ここから先は、
実際に手を動かしながら進めます。

第1章ではまず、
AIに良い提案をさせるための土台を作ります。

整理するのは、
「強み」
「ターゲット」
「サイトの目的」
の3つです。

ここが曖昧なまま進むと、
途中でかなり迷います。

逆に、
ここが固まるだけで
サイト制作は一気にラクになります。

では、
ここから実際に作っていきましょう