AI勉強会 Vol.5

コードを書かずにWEBページをつくってみよう！

AI活用でランディングページづくり

「WEBページって、専門知識がないと作れない」そんなイメージが、AIによって大きく変わり始めています。

今回のAI勉強会では、AIと対話しながらWEBページをつくるいわゆる「バイブコーディング」を体験します。

※バイブコーディングとは人間が手作業で一行ずつコードを書く代わりに、AIに「こんな雰囲気のアプリを作りたい」と自然言語で大まかな意図（バイブス）を伝え、AIとの対話や修正を繰り返してプログラムなどを完成させること。

今回使うのは、主にGoogle GeminiのCanvas機能。「こんなページをつくりたい」「ここをもっと見やすくしたい」とAIに言葉で伝えながら、実際にランディングページをつくってみます。

コードの知識はなくても大丈夫。使い慣れたAIツールがある方は、それぞれ好きなツールを使ってチャレンジしていただいてもOKです。

今回やってみること

自分の仕事やサービス、商品、イベントなどを題材にして、実際にひとつのランディングページをつくることを目指します。

「誰に、何を伝えるページにする？」「どんな構成にすれば伝わりやすい？」「もっとこんなデザインにしたい！」

そんなことをAIと相談しながら、ページを少しずつ形にしていきます。

さらに、WEBページをつくる技術が、簡単なアプリや業務ツールづくり、さまざまなコーディングにも応用できることをご紹介します。

当日のプログラム

【ワーク】GeminiでWEBページをつくってみよう

GeminiのCanvas機能を使い、AIと対話しながら実際にコーディング。ページの内容やデザインを調整しながら、WEBページを形にして公開するところまで体験します。

【ワーク】Googleサイトに貼り付けて公開してみよう

作成した内容をGoogleサイトに組み込み、実際に公開する流れを体験します。「つくる」だけで終わらず、人に見てもらえる状態にするところまでやってみます。

【学び】WEBサイトをつくれるAIツールはいろいろ

Gemini以外にも、AIを使ってWEBページをつくれるツールはさまざま。それぞれの特徴や、どんな場面で使いやすいかを簡単に紹介します。

【学び】コーディング素人でもWEBページ制作以外にも使える

今回体験する考え方は、WEBページづくりだけではありません。

業務ツールや仕組みづくりにも応用できます。

「AIに質問する」だけではなく、AIと一緒に“つくる”ところまでやってみる。

これからのAI活用の可能性を、実際に手を動かしながら体験してみましょう。

こんな方におすすめ

• AIは使っているけれど、もっと仕事に活用してみたい

• 自分の商品やサービスのWEBページをつくってみたい

• WEB制作やプログラミングの知識はないけれど興味がある

• 「バイブコーディング」がどんなものか体験してみたい

• AIを使ってアプリや業務ツールをつくることにも興味がある

生成AI初心者の方も歓迎です。

開催概要

AI勉強会 Vol.5

～コードを書かずにWEBページをつくってみよう！～

AI活用でランディングページづくり

開催日時

2026年9月15日（火）18:30～20:30

参加費：無料

定員：10名

ご準備いただくもの

PC推奨（スマートフォンでも参加可能）

当日はGoogle Geminiを使用しますので、Googleアカウントにログインできる状態にしてご参加ください。

すでに使い慣れているAIツールがある方は、そちらを使って取り組んでいただいても構いません。

AIを「使う」から、AIと「つくる」へ。

難しいコードを覚えることよりも、まずは「こんなものをつくりたい」とAIに伝えてみる。

そこから、WEBページが形になっていく面白さを、一緒に体験してみませんか？

お申込先・問い合わせ先：

info@soa-r.net 082-532-5662

主催：株式会社ソアラサービス／ソアラビジネスポート