

Claude Code 基礎研修 第9回|デザインルールを作り、資料もサイトも見た目をそろえる
デザインルールを作り、資料もサイトも見た目をそろえる
→ 何を作っても自分(自社)らしい見た目になり、チラシにも使い回せる
→ 見た目がずれたときに、どのルールを足せばいいか自分で判断できる
参加費 早割 5,500円(税込)(通常 8,000円)
早割は2026年11月5日(木)までです
同じ講師が企業向けに行うAI研修は1回30万円〜(税別)。この研修は個人向けで、1回5,500円から受けられます
お申し込みの前に、ページ下の「注意事項」を必ずお読みください。
全12回セットの販売もしています
▶ 全12回セットのページはこちら(早割55,000円・通常80,000円)
この回だけでなく、全12回をまとめて申し込めます。10回分の価格で12回受けられ、1回ずつ申し込むより早割で11,000円お得です
セットは、講座が始まったあとも、いつでもお申し込みいただけます。途中からでも、すでに終わった回は録画(各回の開催日から3か月間)でご覧いただけます
全12回セットの方だけに、プレゼントもあります。講師のClaude環境で使っている「Vault Maker」をお渡しします。スキルや自分のコンテンツを、番号つきの一覧にまとめるツールです。一覧から選んで呼び出すだけで、同じ品質で使い回せます。研修で作るスキルが増えても、どれを使えばいいか迷いません。
この回の概要
AIに作らせると、資料もサイトも毎回見た目がバラバラになる。自社らしい色や文字を、AIにうまく伝えられない。
第9回は、デザインシステムを作る回です。デザインシステムとは、色・文字・余白・ボタンなどの部品の使い方を1冊にまとめたルール集のこと。Figmaで画面を描く話ではなく、AIに渡す「見た目のルールブック」を作ります。STYLE VAULT(1,000件を超えるデザインシステムの見本庫)から選ぶか、自社サイトから抜き出して自分用の1冊にし、LPとスライドを同じ見た目で作るところまで進めます。
この回は全12回の「Claude Code 基礎研修」の第9回です
ご自身のPCで手を動かしながら進めます。プログラミングの経験は要りません
コマンドや設定ファイルは意味を説明してから一緒に打ち、依頼文はコピーして貼れば動く形でお渡しします
当日やること
この回を受けると、こんなことができるようになります
自分の事業に合わせたデザインシステムを、1冊のファイルとして持てる
そのルールを読み込ませて、LPもスライドも同じ見た目で作れる
見た目がずれたときに、どのルールを足せばいいか判断できる
※モデルケースの試算(実測ではありません):広告運用のLP(申し込みや購入を受けるWebページ)作成が、1本480分から60分に(第10回の画像生成と組み合わせた場合)
この回で学べる3つのテーマ
1. 見た目がバラバラになる理由と、ルールで止める方法
AIの出力が毎回違う見た目になる理由と、デザインシステムの中身(色・文字・余白・角丸・部品・やってはいけないこと)を、実例で見ます。
2. 自分用のデザインシステムを1冊作る
STYLE VAULTから好みのものを選ぶか、自社サイトのURLから抜き出します。色は3色、文字は2種類までに絞り、DESIGN.md(AIに渡すルールのファイル)にまとめます。
3. LPとスライドを、同じルールで作る
DESIGN.mdを読み込ませてLPを1枚、同じルールでスライドを3枚作り、並べて見た目がそろっているかを確かめます。そろわない箇所は、ルールに書き足して作り直します。
配布資料と、持ち帰る成果物
参加者全員に、次の資料をお渡しします。
デザインシステム解説シート
STYLE VAULT(デザインシステムと見本サイトの素材庫)
デザインシステムの選び方・抜き出し方の手順
DESIGN.mdの雛形
第9回の依頼文集
持ち帰るのは、自分用のデザインシステム(DESIGN.md)、それを読み込ませて作ったLP 1枚、同じ見た目のスライドです。
開催概要
日時:2027年1月26日(火) 20:00〜22:00
時間:120分
形式:オンライン(Zoom)
参加費:早割 5,500円(税込)/通常 8,000円
録画:アーカイブあり(開催日から3か月間)
必要なもの:Claudeの有料プラン(Pro以上)と、ご自身のPC(MacかWindows)。詳しくは「注意事項」に
全12回セット:早割55,000円/通常80,000円(ページ上部の案内からお申し込みください)
紹介ページ(全12回の内容):https://claudecode-kiso-lp.vercel.app/
講師プロフィール
三浦圭人(KEITO) 合同会社RealAIze 代表/AIディレクター
YouTube「KEITO【AI&WEB ch】」でAIの使い方を発信(登録者は約21万人)。Xは約4万人、LINE公式は約1.7万人(いずれも2026年10月時点)
AI活用の書籍4冊の著者。企業研修・セミナーへの登壇や、企業のAI顧問も務めています
2026年7〜10月には、企業向けにClaude Codeの7回のハンズオン研修を行いました。その流れを個人向けに組み直したのが、この基礎研修です
申し込みの流れ
このページからチケットを購入します
「@lu.ma」から登録メールアドレス宛てにZoomの参加リンクが届きます(迷惑メールへの振り分けにご注意ください)
開始時刻になったら、メールに書かれたZoomのリンクから参加してください
注意事項
Claudeの有料プラン(Pro以上)への加入が必要です
この研修ではClaude Code(Anthropic社)を使います。Claude Codeは有料プランで使える機能です。当日一緒に手を動かす方は、事前にご加入ください(Claudeの月額料金は参加費とは別にかかります)。未加入の場合は、講師の画面を見ながらの参加になります。
推奨環境
研修中はご自身のPC(MacかWindows)でClaude Codeを操作します。スマートフォンだけの参加では、ハンズオンについていくのが難しくなります。Zoomと作業画面を並べられる環境がおすすめです。
当日までの準備
自社のWebサイトや、好きなデザインのサイトがあれば、URLを控えておいてください。当日そこから色と文字を抜き出せます。
途中の回から参加する方へ
この回だけの参加もできます。Claude Codeのインストールは、当日までに済ませておいてください(手順は、お申し込み後にお送りする事前準備のチェックリストにあります)。
キャンセル
お申し込み後のキャンセル・返金は、原則としてお受けできません。当日参加できなかった場合も、録画で内容を確認できます。
録画(アーカイブ)
開催後に、録画を見られる会員サイトのご案内をメールでお送りします。アーカイブは残りますが、見られる期間は開催日から3か月間です。
Zoom参加
当日のZoomのURLは、チケット購入後にLumaから届くメールに書かれています。Lumaのイベントページ(申し込んだアカウントでログインした状態)からも確認できます。リンクから入れない場合は、メールに書かれたミーティングIDとパスコードを入力してください。Zoomのアプリは、事前に最新版へ更新しておいてください。
領収書
領収書はLumaから届くメールか、イベントページのチケット画面からダウンロードできます。宛名の指定など個別の領収書が必要な方は、keito@realaize.jp までご連絡ください。
こんな方におすすめ
資料・LP・SNS画像などを作る機会が多く、見た目をそろえたい方。自社のブランドの色や文字を、AIに守らせたい方におすすめです。
主催:合同会社RealAIze