業種別サンプル集講座を見る

制作1日目の成果物

12業種ぶんの
Webサイトサンプル集

バイブコーディングの公開講座で、実際に手を動かして作ったサンプルの一覧です。 業種ごとに「サイトで何を解決したいか」が違うので、ページ構成もレイアウトもそれぞれ変えています。このページ自体も、講座の初日に作って、その日のうちに公開したものです。

サンプルを見る6つの型を見る
掲載業種
12業種
想定ページ数
47ページ
制作期間
1日

サンプル一覧

画像は実際に作ったサンプルサイトのトップページです。 カードを開くと、そのサイトを開けるほか、なぜその並びにしたのかまで読めます。

12件を表示中

12業種 → 6つの型

業種は違っても、型は使い回せる

業種ごとにゼロから考えるのではなく、「どの型で解くか」を先に決めます。 型が決まれば、あとは中身を入れ替えるだけです。

よくあるご質問

  • プログラミングの経験がなくても受けられますか？

    はい。講座は「作りたいものを言葉にする」ところから始めます。コードは読めるようになりますが、書けるようになることは前提にしていません。

  • このサイトも講座と同じやり方で作られていますか？

    同じです。この一覧ページと12業種ぶんの詳細ページ、共有時に出るカード画像まで、講座の初日に作って公開しました。

  • 自分の会社のサイトを題材にできますか？

    できます。実際の業種で進めたほうが学びが残るので、お持ちの素材があれば当日ご持参ください。

  • 作ったサイトはそのまま公開できますか？

    できます。講座の中で、無料の範囲で使えるホスティングへ公開するところまで一緒にやります。

  • 必要なものはありますか？

    ノートPCをお持ちください。開発環境の用意も初日に行います。

初日で、公開まで終わらせる

その日のうちに作って、その日のうちに公開する。 このサイトで見てもらった流れを、そのまま自分の題材でやります。

まずはサンプルを見る

※ 掲載しているサンプルは、講座用に作成した架空のものです。