コーディングの知識がなくても、自然言語の指示で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分を予定しています。

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

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

参加に必要な準備

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

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

対象／対象外

対象の方

• デザイナー・ディレクター・制作進行など、デザイン組織の実務者の方
• コーディングをせずに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ブラウザから参加できます。アプリのインストールは不要です）
• 定員：10名（先着順・自動承認）
• 参加URL：開催前日までに、お申込み時のメールアドレス宛にお送りします

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

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

• 8/26(水)19:00 【無料オンライン】はじめてのClaude Code｜非エンジニアのための環境構築と“最初の仕事”の任せ方 ── 環境構築のつまずきどころと、最初にClaude Codeへ任せる仕事の選び方をライブデモで扱います。詳細・お申込み：https://techplay.jp/event/999031
• 9/2(水)19:00 【無料オンライン】Claude CodeでWebサイトをつくる｜デザイン組織の制作フロー全公開 ── 本セミナー（この回）です
• 9/8(火)19:00 【無料オンライン】経営者のためのClaude Code導入判断｜セキュリティ・費用・チームへの広げ方 ── 導入を判断する立場の方向けに、セキュリティ・費用・チームへの展開の考え方を扱います。詳細・お申込み：https://techplay.jp/event/999202

主催

株式会社GORO（https://studio-goro.com/）

UIUX事業、デザイン・マーケティング支援を行う会社です。非エンジニア向けのClaude Code法人研修を提供しており、本セミナーはその研修の内容をもとにしています。チームへの導入をご検討の方には、セミナーの最後に研修の概要も簡単にご案内します。