Cover Image for Claude Code 基礎研修 第9回|デザインルールを作り、資料もサイトも見た目をそろえる
Cover Image for Claude Code 基礎研修 第9回|デザインルールを作り、資料もサイトも見た目をそろえる
Avatar for KEITO|RealAIze LLC.

Claude Code 基礎研修 第9回|デザインルールを作り、資料もサイトも見た目をそろえる

Zoom
Get Tickets
Welcome! Please choose your desired ticket type:
About Event

​デザインルールを作り、資料もサイトも見た目をそろえる

​→ 何を作っても自分(自社)らしい見た目になり、チラシにも使い回せる
→ 見た目がずれたときに、どのルールを足せばいいか自分で判断できる

​参加費 早割 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回のハンズオン研修を行いました。その流れを個人向けに組み直したのが、この基礎研修です

​申し込みの流れ

  1. ​このページからチケットを購入します

  2. ​「@lu.ma」から登録メールアドレス宛てにZoomの参加リンクが届きます(迷惑メールへの振り分けにご注意ください)

  3. ​開始時刻になったら、メールに書かれた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

Avatar for KEITO|RealAIze LLC.