HTML・CSS×AI AIのコードを直せる人に 渋谷対面

こんにちは！
☆HTML,CSS講師の石山と申します☆

AIに「ホームページを作って」と頼んだら、それらしいものが出てきた。
でも、少しだけ違う。直したいのに、どこを触ればいいのか分からない。
頼み直すと、また全部が変わってしまう。

この講座は、そこを抜け出すための4時間です。

前半は、AIを使いません。

・HTMLとCSSが何をしているのか
・パソコンにフォルダを作って、ファイルを置いて、ブラウザで開く
・自分の手で、見出しと文章と画像を並べる
・自分の手で、色と文字の大きさと余白を変える

ここを飛ばすと、AIが書いたものを読めるようになりません。
遠回りに見えますが、いちばん近い道です。

後半で、はじめてAIを使います。

・AIに「自分が読めるCSSで」と条件をつけて、1ページ作ってもらう
・出てきたものを、ブラウザの「検証」で中を開いて確かめる
・気に入らないところを、自分の手で直す

4時間が終わったとき、手元にあるのは
「作ってもらったページ」ではなく、
「作ってもらったページを、自分で直せる」という状態です。

使うAIは、無料のChatGPTかGeminiです。
有料プランは必要ありません。お持ちでない方はその場でご用意いただけます。

★以前はマンツーマンで開催していましたが、現在は4名までの少人数グループでの開催です。
隣で画面を見ながら進められる人数に絞っていますので、置いていかれる心配はありません。

【自己紹介】

Web制作歴13年、制作実績300サイト以上。
株式会社SUPPORT LOUNGE 代表。企業のサイト制作・運用と、AIを使った業務の仕組み化を行っています。

ストアカでは2016年から講師をしていて、これまでに819名の方に535回お伝えしてきました。
レビューは397件、平均評価は4.83です。
このHTML,CSS講座だけでも146名の方が受講され、77件のレビューをいただいています。

AIが書いたコードが正しいかどうかは、AIには判断できません。
判断できるのは、実際に作って、動かして、直してきた人だけです。

＊＊＊＊このようなことでお悩みではないでしょうか？＊＊＊＊

・AIに作らせたページが、少しだけ違う。でも、どこを直せばいいのか分からない
・「ここを変えて」と頼むと、関係ないところまで変わってしまう
・出てきたコードを見ても、どこからどこまでが何なのか読めない
・独学で始めてみたが、ちょっとしたことでつまずいて先へ進めない
・会社のサイトの文言や色を、いちいち人に頼むのをやめたい

AIは、あなたの代わりに書いてはくれます。
けれど、「どこが違うか」を教えてはくれません。

そこを言えるようになるために必要なのは、
新しいAIの使い方ではなく、いちばん基本のHTMLとCSSです。

ですが、ご安心ください。

この講座は4名までの少人数で行います。

【対面（渋谷）の場合】
あなたのパソコンの画面を横から見ながら進めます。
手が止まったその場で直せるので、持ち帰る宿題が残りません。
できれば対面をお選びください。いちばん確実です。

【オンラインの場合】
画面共有で進めます。同じ内容を最後まで通します。
遠方の方や、どうしても会場へ来られない日はこちらをどうぞ。

順番はこちらで決めてあります。
仕組みを知る、道具をそろえる、手で書く、AIに書かせる、直す。
この順番どおりに、4時間のうちに全部通します。

独学でいちばん時間を取られるのは、内容の難しさではありません。
ファイルの保存場所や、書いたはずなのに反映されない、といった
調べても書いていないところで止まることです。
対面なら、その場で終わります。

＊＊＊＊なぜこの講座を作り直したのか？＊＊＊＊

この講座は2016年から続けていて、これまでに146名の方にお伝えしてきました。

ここ1年で、ご相談の中身がはっきり変わりました。
以前は「作り方が分からない」でしたが、いまは
「作れてしまったけれど、中身が分からない」です。

AIが書けるようになったぶん、読めない人と読める人の差が開きました。

読める人は、AIに何度でも仕事をさせられます。
読めない人は、少し違うだけで最初からやり直しになります。

その差は、才能ではありません。
一度だけ、自分の手で書いたことがあるかどうかです。

だから、この講座は前半でAIを使いません。

【実績】

・Web制作歴13年／制作実績300サイト以上
・ストアカ講師歴10年（2016年〜）／819名・535回
・レビュー397件／平均評価4.83
・このHTML,CSS講座はレビュー77件／評価5.0／開催91回

＊＊＊＊＊講座を受けた方の感想＊＊＊＊＊

■この講座は「モヤモヤがすっきりした講座」でした
　女性 40代（2024年12月受講）

初心者のよくわからない質問や疑問に思ったことに、丁寧に答えていただき、最後はモヤモヤがスッキリして、次またやってみようという気持ちになりました。アフターケアもとても満足の内容で驚きました！

■この講座は「基礎から学べる講座」でした
　女性 30代（2023年6月受講）

初心者のため、基礎から丁寧に教えてもらいました。ビジュアルコードの取り扱い方や、セキュリティのことなど、今の悩みも聞いて頂き心の整理ができました。

■この講座は「とても充実した講座」でした
　女性 40代（2024年9月受講）

細かくお話しを聞いてくださり、それに合わせてとても分かりやすく教えて頂きました。がんばろうと言う気持ちにさせてもらいました！

【今回の特典】

・オンラインスクール「クロラボ」のHTML/CSSカリキュラムを、受講後1ヶ月間ご覧いただけます
　19章70レッスン。うち51本が、実際に手を動かして書くコード演習です。
　講座で扱ったところを見返しながら、自分の手で書く練習を続けられます。
・当日書いたファイル一式と、手順書をそのままお渡しします
・AIに書かせるときのプロンプトの型（そのままコピーして使えます）
・ブラウザの「検証」の使い方をまとめた1枚

AIは、これからもっと上手に書くようになります。
そのとき差がつくのは、書ける人ではなく、読める人です。

読めるようになるために必要なのは、たった4時間の遠回りです。

定員は4名です。
渋谷でお待ちしています。