CSSアニメーション・position・transform・scroll-driven animation・clip-path・backdrop-filter。初級で1ページが作れたあなたが、表現の幅を広げる30日。結果として、ポートフォリオに堂々と載せられる作品が完成します。
JavaScript は中級コース(次月)から扱います。本番公開も中級で。
受講者が AIプロンプトを使って実際に作る 完成形です。プロンプトは自分の業種・屋号に書き換えて再実行すれば、同じ品質のコードが生成されます。
「Yoga Studio Lumi」を題材に、初級コースで作る1ページの完成形をご確認ください。
マウスを乗せて全体を見る / クリックで実物
同じ業種・同じ情報でも、CSS と写真・動画の力で「人に見せて自慢できる」レベルへ。LP に載せられる品質のポートフォリオに。
※ 上記は AIプロンプト(ChatGPT・Claude・Gemini いずれでも動作確認済)で生成→講師が微調整した完成形。
受講者は同じプロンプトを自分の業種で実行すれば、同等の品質が再現できます。
4レベル全ての到達点比較は トップページ から。
初級で扱わなかった HTML/CSS の応用テクニックを6モジュール。結果としてポートフォリオに載せられる作品が完成します。
@keyframes / transition / animation-delay / ease-curve。fadeIn・slideUp・スクロールに合わせた演出を組み立てる。
relative / absolute / fixed / sticky の使い分け。transform: translate / scale / rotate で要素を自由に動かす。
CSSのみでスクロールに合わせた演出を実装。JSなしでパララックス・要素のフェードインなどを作る最新CSS技法。
複雑なレイアウトに CSS Grid。clip-path で要素を切り抜き、backdrop-filter でガラスモーフィズム。「凝った見た目」の引き出しを増やす。
video タグでヒーロー動画背景+オーバーレイ。picture / srcset で WebP fallback + Retina対応。ヨガサンプルの世界観を作る。
講師が用意した AI上質版プロンプト を自分の業種で実行。出力されたコードを自分で読んで微調整し、ポートフォリオに載せられる作品に。
関連領域も同じ月¥10,000で見放題:Webサイト 入門(前提) / Webサイト 中級(次月)
単に動かす・色を増やす・装飾を盛る、ではなく、余白・タイポ・色数を抑える「上質さ」の作り方を学びます。AIで暴走しがちな"派手"を制御する判断力が身につきます。
30日後の成果物は、自分の業種に合わせた1ページサイト。営業資料・ポートフォリオ・LP掲載素材として、即戦力で活用できます。
講師が現場で磨き込んだ AI上質版プロンプト を共有。ChatGPT・Claude・Gemini いずれでも動作確認済み。自分の業種で再実行すれば同等の品質が再現できます。
月¥10,000の単一プランで、全16領域×3レベルが見放題。入会金なし/最低契約期間なし/いつでも解約OK・違約金なし。
プラン選定の迷いはゼロ。入会金なし/最低契約期間なし/いつでも解約OK。価格はすべて税込表示です。
プログラミングもサイト制作も SNS もマーケも、Webぜんぶがこの1プランに。週1回90分のライブ講座(月4回)+全動画見放題+Discordコミュニティで、詰まらずに進められます。
Stripe決済 → Discord招待まで最短5分/気になる点はお問い合わせ
初級を終えた方/HTML/CSS の基礎は独学で身につけた方。次のステップとして表現の幅を広げたい方。
コーディングはできるがデザインに自信がない方。サンプル映えする見栄えのコードを書きたい方。
就職・転職活動中の方。書類で見栄えする1ページサイトを作品集として用意したい方。
自社サイトを自分で運営しているが、もう一段見栄えを上げたい方。営業資料に載せられるサイトに育てたい方。
「AIで作れる」ことは知っているが、結果が暴走するか、無難すぎる方。講師の上質版プロンプトで「使いこなす」を身につけたい方。
LP制作の単価を上げたい方。「シンプルな1ページ」だけでなく「上質な1ページ」まで提供できるようになりたい方。
HTML/CSS の基礎(Flexbox・基本セレクタ・色/タイポ・margin/padding)が分かれば大丈夫です。初級アーカイブも見放題なので、並走しながら進めることもできます。
このコースでは JavaScript は扱いません。CSS のみで表現の幅を広げるのがゴールです。JS は中級コース(次月)で学びます。
このコースではローカル完成までです。本番公開(独自ドメイン・FTP・SSL)は 中級コース(次月) で扱います。
月額¥10,000(税込)の単一プランのみです。入会金・最低契約期間・違約金はありません。全16領域×3レベルの動画講座、週1回90分のライブ講座(月4回)、Discordコミュニティ参加まで全て月額に含まれます。
Stripe のお客様ポータルから、ご自身でいつでも解約できます。違約金や最低契約期間はありません。必要な月だけの受講もOKです。
はい、講座内で AI上質版プロンプトの全文を公開+解説します。ChatGPT・Claude・Gemini いずれでも動作確認済みで、自分の業種に書き換えて再実行できます。