WORKSHOP
勝手にWebサイト
朝「AIよくわからない」から、夕方「自分でできるんだ」へ。
一日で、ひとつの景色が変わります。
Webサイトをつくる、と聞くと、
「つくり方を教わる会」だと思われるかもしれません。
でも、この一日で持ち帰ってほしいのは、
サイトそのものよりも、
「作れる側」に立ったときに見えてくる景色のほう。
消費する側から、生み出す側へ。
その境目を、一緒にまたいでみる一日です。
当日の流れ
セットアップ（個別・約30分）
当日までに、Zoomで一対一で必要な準備を一緒にやります。
Claude Codeのインストールや設定など、わからなくて大丈夫です。
はじまりの時間
自己紹介、今日のゴールの共有。
「完成させなくていい」という前提を揃えます。
AIと出会う
Claude Codeの基本を体験。
「これ、自分でもできるかも」の最初の一歩。
お昼休み
1時間のゆっくり休憩。
自分のサイトを作りはじめる
午前に覚えたことを使って、自分のWebサイトに挑戦。
困ったらその場で聞けます。
見せ合う時間
今日作ったものを共有。
完成度は問いません。「やってみた」が全部。
おわりの時間
一日のふりかえり。
ここから先の「次の一歩」を、それぞれが持ち帰ります。
こんな方に
AIに興味はあるけど、何から始めればいいかわからない
Webサイトを自分で持ってみたいけど、技術がない
「AIで何かできるらしい」を、自分の手で確かめたい
一人で始めるのは不安。誰かと一緒ならやれそう
同じClaude Codeを使っているのに、
仕組みを理解しているかどうかで、結果がこんなに違う。
※ 右側は toiee Lab のWebサイト制作ノウハウで作られたデモサイトです。
同じノウハウを、このグループでも使います。
私が、ごちゃごちゃと指示して作ったもの
構造を知らなかった頃
情報を全部詰め込んだ。ナビの言葉もバラバラ。何を一番伝えたいのか、自分でもわかっていなかった。
構成は少し良くなった。でもまだ文章が多すぎて、どこで何を言いたいのか迷う。
構造とAIを学んだ人が、簡単なプロンプトで作った作品
知識 × シンプルな指示
訪問者の思考の順番通りに並んでいる。余白があって迷わない。
世界観が統一されている。写真と文章のバランス。流れが自然。
最初、見えていなかったこと
- ・伝えたいことを、全部載せてしまっていた
- ・ナビの言葉が、ばらついていた
- ・文章が多すぎて、どこを読めばいいか自分でも迷っていた
- ・見た目は作れても、その奥にある構造が見えていなかった
学んで、見えてきたこと
- ・訪問者の思考の順番で情報を並べる、という意味
- ・余白が、視線を導いてくれるという感覚
- ・写真・文章・導線のバランスが生む、読みやすさ
- ・最後まで自然に読める「道」としての構造
伝えたいことを全部載せるのと、
訪問者が知りたい順番で並べるのは、まったく違う。
仕組みを理解するだけで、こんなに変わる。
私もまだ道の途中です。
開催情報
- 日時
- 2026年5月10日（土）9:30〜16:30
- 場所
- Zoom（オンライン）
- 定員
- 五名
- 参加費
- 15,000円
- 持ち物
- パソコン（Mac / Windows）、安定したネット環境
必要なパソコンについて
このワークショップでは Claude Code というAIツールを使います。
以下のスペックを満たすパソコンをご用意ください。
iPad・Chromebook・スマートフォンでは参加できません。
スペックが不安な方は、お申し込み時にパソコンの情報をお書きください。
事前にこちらで確認します。
お申し込み
送信後、確認のメールをお送りします。
届かない場合は、迷惑メールフォルダをご確認ください。