コーディングの知識がなくても、自然言語の指示でWebサイトを構築し、公開するまでの流れをライブデモでお見せするセミナーです。題材は、株式会社menu・株式会社スティーブアスタリスクの研修で実際に使った制作フロー。UIUXデザイナー10名が環境構築から2時間で全員Webページを公開した進め方を、デモを通して紹介します。ライブデモ中心のため視聴のみで参加でき、事前準備は不要です。

こんな悩みはありませんか

デザインはできているのに、コーディングの工程で止まってしまう。実装は外部や別チームに頼むしかない
LPやプロトタイプを自分の手で形にして公開したいが、HTMLやCSSは書けない
チームの制作フローにAIを組み込みたいが、どの工程から始めればよいかわからない
デザインレビューの指摘を実装に反映するやりとりに時間がかかっている

1つでも当てはまる方のためのセミナーです。デザイナー・ディレクター・制作進行など、デザイン組織の実務者を対象にしています。

このセミナーで持ち帰れるもの

自然言語だけでWebサイトを構築→公開する流れ：Claude Codeへの指示の出し方から、サイトが公開されるまでをライブデモで通しでお見せします
既存サイトの修正から始める現実的な導入手順：いきなりゼロから作るのではなく、既存HTMLの修正から着手する進め方。menu社の研修でも「既存HTMLの修正→ゼロから採用サイト制作」の順で進め、CLI初経験者を含む参加者全員が2時間でWebページを公開しました
デザインレビュー自動化の実例：HTMLプロトタイプをFigmaに取り込み、FigmaコメントをClaude Codeが読んで修正を反映し、差分を自動投稿する流れ（menu社研修2回目の内容）を紹介します

内容（予定）

全体で約60分を予定しています。

デザイン組織でのClaude Code活用の現在地（約10分）
研修の現場で実際に起きたこと——UIUXデザイナー10名が環境構築から2時間で全員Webページを公開した事例、クリエイティブ職12名が約4時間で自己紹介サイトの制作・公開まで進めた事例を紹介します
ライブデモ：既存HTMLの修正→ゼロから構築→公開まで（約30分）
コーディングの知識は前提にしません。既存サイトを自然言語の指示で修正するところから始め、ゼロからの構築、Webへの公開までをその場で通しでお見せします
デザインレビュー自動化の実例と制作フローへの組み込み方（約10分）
FigmaコメントをClaude Codeが読んで修正・差分投稿する自動化の実例と、チームの制作フローのどの工程から組み込むかの考え方を紹介します
質疑応答（約10分）

※内容は当日の進行により一部変更になる場合があります。

参加に必要な準備

特にありません。視聴のみでご参加いただけます（ハンズオン形式ではありません）。

すでにClaude Codeをお使いの方は、手元で試しながらの参加も歓迎です。なお、Claude Code自体の利用にはAnthropicへの月額料金（1人あたり月額約$20〜）が別途必要ですが、本セミナーの視聴には不要です。

セミナー前に予習したい方は、Claude Codeの基礎を解説したAI推進室（当社運営メディア）もご覧ください。

対象／対象外

対象の方

デザイナー・ディレクター・制作進行など、デザイン組織の実務者の方
コーディングをせずにWebサイトやLPを自分の手で形にしたい方
チームの制作フローにAIを組み込みたいと考えている方

対象外の方（ご期待に沿えない可能性があります）

エンジニア向けの高度な開発内容（Reactなどのフロントエンド実装の詳細を含みます）を期待される方
プログラミング言語そのものの学習講座をお探しの方
これからClaude Codeを始める方で、環境構築から順に知りたい方（「はじめてのClaude Code」のご参加をおすすめします）
セキュリティ・費用など、導入判断の話を中心に聞きたい方（「経営者のためのClaude Code導入判断」のご参加をおすすめします）

登壇者

旭俊成（株式会社GORO 代表取締役）

UIUXデザイナー・PM出身。デジタル領域で10年以上、100件以上のプロダクト開発・事業支援に携わる。グッドデザイン賞受賞。Anthropic公式「AI Fluency」の考え方をベースにした非エンジニア向けClaude Code法人研修を提供し、株式会社menu（UIUXデザイナー10名・全2回。環境構築から2時間で、CLI初経験者を含む参加者全員がWebページを公開）、株式会社スティーブアスタリスク（クリエイティブ職12名。約4時間で環境構築から自己紹介サイトの制作・Web公開まで）などで実施。

参加方法

参加費：無料
形式：オンライン開催（Google Meet・PCブラウザから参加できます。アプリのインストールは不要です）
定員：20名（先着順・自動承認）
参加URL：開催前日までに、お申込み時のメールアドレス宛にお送りします

あわせて開催しているセミナー

テーマ別に、次のセミナーも開催しています。いずれも無料・オンライン・60分で、内容はそれぞれ独立しています。

8/26(水)19:00 【無料オンライン】はじめてのClaude Code｜非エンジニアのための環境構築と“最初の仕事”の任せ方 ── 環境構築のつまずきどころと、最初にClaude Codeへ任せる仕事の選び方をライブデモで扱います。詳細・お申込み：https://techplay.jp/event/999031
9/2(水)19:00 【無料オンライン】Claude CodeでWebサイトをつくる｜デザイン組織の制作フロー全公開 ── 本セミナー（この回）です
9/7(月)19:00 【無料オンライン】はじめてのClaude Code講座｜非エンジニアが最初の1週間でつまずかないために ── 8/26に満席となった回と同じ内容の追加開催です。詳細・お申込み：https://techplay.jp/event/999704