| 個人／フリーランス（スライド、アーカイブ視聴付き） ※経費として | ¥5,500 prepaid |
Registration closes
28 Apr 23:00 |
|---|---|---|
| 法人（スライド、アーカイブ視聴付き） | ¥11,000 prepaid |
Registration closes
28 Apr 23:00 |
Claude Code と Figma MCP を軸に、デザインとコードを往復しながら制作を進める一連の流れを、こもりまさあきさんに実践的に解説いただきます。
本イベントは有料イベントとして開催します（無料での配信は行わず、お申し込みいただいた方のみに配信URLをお知らせします）。
本セッションでは、「Claude Code」を中心に、コードとデザインを行き来する実践的なワークフローを体験します。
前半は基礎固めのパートです。Claude CodeとClaude Desktopの違いを明確にしたうえで、基本操作・初期設定・プラグイン導入までを効率よく習得します。あわせて、スキルの概念やVS Code拡張との使い分け、効果的なプロンプト設計、CLAUDE.mdの構築・運用方法など、日常的に使いこなすための土台を整えます。
後半は実践パートです。プロンプトによるコード生成・修正を起点に、コードからFigmaファイルを生成し、特定フレームを編集。さらにその変更をコードへ反映するという、双方向のループを実際の手順で確認します。サンドボックス環境の扱いや配布ファイルの使い方、思い通りに動かない場合のトラブル対処にも触れます。
機能の紹介にとどまらず、「何を自動化できるか」「どこに人の判断が必要か」という視点も交えながら、実務への導入に向けた現実的なゴールを示します。
本イベントには、こもりまさあきさんの「Figma × AI」講座（7,700円）が付属します。
1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行して従事。2001年退職。以降フリーランスとして活動。案件ごとに業務内容などが異なるため、職域的な肩書きはなし。Web制作関連書籍の執筆多数。近年はフロントエンド周りの制作業務に関わりながら、Figmaの企業研修講師やデザインシステム構築、その他Shopifyの運用サポートやコンサルティング業務など幅広く活動中。
鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。
グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。
2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。
著書に『10倍ラクするIllustrator仕事術』（改訂第3版）ほか多数
YouTube Liveでライブ配信します。
有料チケットには次が含まれます。これを「フォローアップ」と呼んでいます。
フォローアップ（アーカイブ）は、アーカイブ購入／サブスクの方限定のコンテンツです。
次の3つの方法があります。いずれかを選択なさってください。
| 購入方法 | 種別 | フォローアップの受け取り | 備考 | ||
|---|---|---|---|---|---|
| 個人 | 個人、 フリーランス | 法人 | |||
| Doorkeeper （単品） | - | 5,500円 | 11,000円 | 終演時刻にメールを送信（info@doorkeeper.jpから送信されます） | |
| STORES （単品） | - | - | - | - | |
| サブスク | 3ヶ月：35ドル | ［メンバー限定］セクションの［フォローアップ（アーカイブ）］から本イベントのNotionにアクセスしてください。 | 法人は別途（詳細） | ||
| 年パス：130ドル | |||||
終了後にご案内するNotionからPDFをダウンロードしてご利用ください。
各URLは、YouTubeの概要欄にも掲載しています。
YouTube Liveで配信します。X（Twitter）にて同時配信は行いません。
配信トラブルでURLが変更になることがあります。その場合、次のようにお知らせします。
配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。
CSS Nite、DTP Transitのオンラインセミナーのアーカイブをリーズナブルに、また、管理しやすく利用いただけるように「サブスク」（定額サービス）をご用意しています（Circleというサービスを利用しています）。
年間で60回近く開催されますので、1本あたり400円を切る計算です。
アーカイブ動画だけでなく、スライドのダウンロードも可能ですので、ざっと内容を把握しておきたい場合にも適しています。また、自分のペースで手元のスライドPDFを見ながらの視聴が可能です。
次の手順でお申し込みください。
本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！
一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga
本イベントには、下記の企業の協賛、協力をいただいています。
また、多くの制作会社に協賛いただいています。
通年で協賛を募集しています。検討くださいますと幸いです。
問い合わせはDoorkeeperのフォームからお送りください。
CSS Nite（シーエスエス・ナイト）は、ウェブ制作に関わる方のためのセミナーイベント。2005年にスタートし、2022年10月で丸17年。 仙台、大阪、岡山、札幌、甲府、神戸、福岡、長野、青森、名古屋、沖縄、福島など首都圏以外での“地方版”なども開催しています。地方版は、現地の有志などにより主催・運営されています。 これまでに、800回を超える関連イベントを通して、のべ75,000名...
Join community