StartWith Inc.WIREFRAME WORKSHOP
お申し込みはこちら

Claudeのチャットだけでつくる、 LPのワイヤーフレーム講座

手元にある掲載情報から、LP1本分のワイヤーフレームを、HTMLで出力。
Claudeで、いつでもプロ並みのワイヤーを生成できるようになります。

お申し込みはこちら
Claudeのチャットから、LPのワイヤーフレームが出力されている画面
DATE
2026.8.16SUN 9:00-10:30
STYLE
オンラインGoogle Meet
FEE
9,800円（税込）
01

TARGET

こんな方へ

  • ワイヤーフレームづくりを、もっと早く終わらせたい方
  • Webディレクター・Webデザイナー・Web担当者の方
  • コードは書けないけれど、AIとチャットしながらつくれるようになりたい方
  • Claudeを使うのが、はじめての方

NOT FOR対象外

ワイヤーフレームを、一度もつくったことがない方は対象外です。

02

ISSUE

「作って」だけでは、
見やすくなりません

Claudeに「LPのワイヤーフレームを作って」と頼めば、HTMLは出てきます。ただし、そのままでは見やすいワイヤーフレームになりません。

飾りが増えて、渡していない文言まで足されます。これでは、構造が見えません。

見やすくするには、何を守るか・何をしないかを、細かく伝える必要があります。

BEFOREプロンプトなしで出力実物を見る
プロンプトを渡さずに出力したワイヤーフレーム
AFTERルールを渡して出力実物を見る
29項目のルールを渡して出力したワイヤーフレーム
03

PROGRAM

この講座で
やること

STEP01

見やすい形で出てくるまで、プロンプトを整えます

ワイヤーフレームをきれいにつくるための「29項目のルール」を渡して、出力を整えます。

STEP02

それを「スキル」に登録して、次回から使い回します

一度登録すれば、次からは「/」で呼び出すだけです。1回きりの成果物ではなく、つくり方そのものを持ち帰っていただきます。

04

CURRICULUM

カリキュラム
1.5時間

手を動かす時間に、90分を確保しています。

はじめに
めざす形と、当日の進め方をご案内します。利用の上限についても、ここでお伝えします。
スキルとは
今日つくるものと、持ち帰るものを確かめます。新しいチャットを開くところまで、いっしょに進みます。
スキルを登録する
お配りするプロンプトを、貼るだけです。あわせて「LPルール29」の中身を、読み合わせます。
掲載情報を準備する
題材を共有して、ファイルの渡し方を確かめます。プロンプトなしで作らせた出力も、ご覧いただきます。
休憩（10分）
ここで、10分の休憩をはさみます。
ワイヤーフレームを作成する
スキルを使ったワークです。出して、直して、スキルに書き足します。
質疑応答
ご自分の案件に当てはめるときの疑問に、お答えします。
アンケート・アーカイブ
アンケートフォームと、アーカイブ動画のURLをお送りします。
05

REQUIREMENTS

受講条件

事前にご準備ください

  • ClaudeのProプラン以上（月額20ドル／約3,000円〜）を、ご用意ください
  • 当日は、ブラウザでClaudeにログインした状態で、ご参加ください
環境
ブラウザが使えるパソコンがあれば、大丈夫です。
ツール
Google MeetとGoogleドライブを使える方
06

INSTRUCTOR

講師紹介

講師：築地 海露穂

築地 海露穂TSUKIJI HIROHO

早稲田大学商学部を卒業後、複数の事業会社で、WEB／UIデザインとWEBディレクションを担当しました。2020年に「StartWith Inc.」を設立しています。

スタートアップ向けのデザイン制作（LP、ロゴ、名刺、スライドなど）が中心です。あわせて、Google広告やSEO／AI検索対策のお手伝いもしています。

講師実績：デジタルハリウッド Studio ／ 文化服装学院 ／ 産業技術大学院

07

OVERVIEW

開催概要

講座名
Claudeのチャットだけでつくる、LPのワイヤーフレーム講座
開催日時
2026年8月16日（日）9:00〜10:30
所要時間
1.5時間（休憩10分を含む）
開催形式
オンライン（Google Meet）
定員
なし
受講料
9,800円（税込）
支払い方法
PayPal（お申し込みのGoogleフォームから、お支払いください）
キャンセル規定
お申し込み後のキャンセルは、承っておりません。当日ご参加いただけない場合も、アーカイブ動画で受講いただけます。
主催
StartWith Inc.
アーカイブ
当日の録画を、後日お送りします。ご都合がつかない場合も、こちらで受講いただけます。
08

FAQ

よくある質問

Q

Proプラン以上が必要なのは、なぜですか？
A無料プランでもスキル機能は使えますが、続けて作業すると利用の上限に届きやすく、ワークの途中で止まってしまいます。
安心して手を動かしていただくため、Proプラン以上（月額20ドル／約3,000円〜）をご用意ください。
Q

Claudeを使ったことがないのですが、大丈夫ですか？
A大丈夫です。アカウントを作ってログインできていれば、あとは当日いっしょに進めます。
インストールも、連携設定もありません。
Q

コードが書けなくても、参加できますか？
Aできます。直すときは、すべて日本語の指示です。コードを書く場面は、ありません。
Q

この講座で、やらないことはありますか？
A次の3つは、扱いません。
・掲載情報の設計や整理（サンプルは、こちらでご用意します）
・コードを書くことや、HTMLの文法の解説
・デザインの作り込みや、配色の検討（白・黒・グレーで固定します）
Q

当日、都合がつかなくなった場合は、どうなりますか？
Aお申し込み後のキャンセルは、承っておりません。
当日ご参加いただけない場合も、後日お送りするアーカイブ動画で受講いただけます。
Q

自分の案件でも、同じようにできますか？
Aできます。当日と違うのは、掲載情報をご自分で用意する点だけです。スキルは、そのまま使えます。

APPLICATION

ワイヤーフレーム作成を、1.5時間で
「時短の仕組み」に変えます

お申し込みはこちら
お申し込みはこちら