BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:【CeeBeeDee】これから始めるClaude Code 〜 Figma MCP 編／こもりまさあき X-WR-CALNAME:【CeeBeeDee】これから始めるClaude Code 〜 Figma MCP 編／こもりまさあき X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:994818@techplay.jp SUMMARY:【CeeBeeDee】これから始めるClaude Code 〜 Figma MCP編／ こもりまさあき DTSTART;TZID=Asia/Tokyo:20260428T210000 DTEND;TZID=Asia/Tokyo:20260428T230000 DTSTAMP:20260416T140245Z CREATED:20260415T140142Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99481 8?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nClaude Code と Figma MCP を軸に、デザインとコードを往復しながら制作 を進める一連の流れを、こもりまさあきさんに実践的 に解説いただきます。\n\n本イベントは有料イベントと して開催します。\n\n\n無料での配信は行わず、お申し 込みいただいた方のみに配信URLをお知らせします。\n アーカイブはサブスク対象ですが、こもりまさあきさ んの「Figma × AI」講座（7\,700円）は付属しません。\n\n\ nこれから始めるClaude Code 〜 Figma MCP編\n\n本セッション では、「Claude Code」を中心に、コードとデザインを行 き来する実践的なワークフローを体験します。\n\n前半 は基礎固めのパートです。Claude CodeとClaude Desktopの違い を明確にしたうえで、基本操作・初期設定・プラグイ ン導入までを効率よく習得します。あわせて、スキル の概念やVS Code拡張との使い分け、効果的なプロンプト 設計、CLAUDE.mdの構築・運用方法など、日常的に使いこ なすための土台を整えます。\n\n\nClaude Code と Claude Deskt op との違い\nClaude Code の基本操作と設定\nClaude Code のプ ラグインを追加する\nClaude Code のスキルとは\nVSCode の 拡張機能と使い分け\nプロンプトで指示を与えよう\nCLA UDE.md の作り方、育て方\n\n\n後半は実践パートです。プ ロンプトによるコード生成・修正を起点に、コードか らFigmaファイルを生成し、特定フレームを編集。さら にその変更をコードへ反映するという、双方向のルー プを実際の手順で確認します。サンドボックス環境の 扱いや配布ファイルの使い方、思い通りに動かない場 合のトラブル対処にも触れます。\n\n\n配布ファイルに ついて\nサンドボックスについて\nプロンプトによるコ ード生成と修正指示\nコードからFigmaファイルを作成す る\nFigmaの特定のフレームを編集する\n修正したFigmaを コードに反映する\n「言うことを聞かない、動きが怪 しい」ときは\n\n\n機能の紹介にとどまらず、「何を自 動化できるか」「どこに人の判断が必要か」という視 点も交えながら、実務への導入に向けた現実的なゴー ルを示します。\n\n特典\n\n本イベントには、こもりま さあきさんの「Figma × AI」講座（7\,700円）が付属しま す。\n\nこもりまさあき1990年代前半に都内のDTP系デ ザイン会社にてアルバイトをはじめる。大学卒 業後そのまま正社員となり、入出力業務、デザイ ン業務、ネットワーク関連業務に並行して従事。2001年 退職。以降フリーランスとして活動。案件ごとに業 務内容などが異なるため、職域的な肩書きはなし 。Web制作関連書籍の執筆多数。近年はフロントエンド 周りの制作業務に関わりながら、Figmaの企業研修講師 やデザインシステム構築、その他Shopifyの運用サポート やコンサルティング業務など幅広く活動中。\n\n聞き手 、MC（進行）\n\n鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が “聞き手”を担当し、リアルタイムでチャットでの質 問などを拾っていきます。\n\n鷹野 雅弘（たかの・ま さひろ）株式会社スイッチグラフィックデザイン、エ ディトリアルデザイン、ウェブ制作の分野で、デザイ ン、オペレーション、設計・ディレクションなど、25 年以上、第一線で手を動かし続けている。そのノウハ ウをテクニカルライティングや講演に落とし込み、「 制作→執筆→講演」のサイクルを回す。2015年から大阪 芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザー として企画・制作・配信なども担当。著書に『10倍ラ クするIllustrator仕事術』（改訂第3版）ほか多数Twitter： @swwwitch\n\nイベント概要\n\nYouTube Liveでライブ配信しま す。\n\n\n開催日：2026年4月28日（火） 21:00 - 23:00\n形式 ：オンライン（YouTube Live）\nMC：鷹野 雅弘（スイッチ ）\n主催：CeeBeeDee\n共催：CSS Nite、DTP Transit\n協賛（制作 会社）：ウェブライダー、LINICA、エンタミナ、コンセ ント、サービシンク、ビットエー、ヘルツ、アップル ップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか\n 協賛：文賢（ブンケン）、デジ革（一般社団法人デジ タル経営革新協会） \n\n\nお申し込みと参加費\n\n\n本イ ベントは有料イベントとして開催します。\nサブスク の対象イベントです。\n\n\nフォローアップ（アーカイ ブ）\n\n有料チケットには次が含まれます。これを「フ ォローアップ」と呼んでいます。\n\n\nアーカイブ動画\ nスライド\nリンク集や補足\nサンプルファイルなど（ プログラムにより）\n\n\nフォローアップ（アーカイブ ）は、アーカイブ購入／サブスクの方限定のコンテン ツです。\n\n\nアーカイブ動画の視聴期限はありません 。ずっと見られます。\n法人およびフリーランスで事 業決済される方は「法人向け」をお求めください。\n\n \nフォローアップ（アーカイブ）の購入\n\n次の3つの方 法があります。いずれかを選択なさってください。\n\n \n終演時刻まで：Doorkeeper\nサブスクを登録する\n\n\n購 入方法種別フォローアップの受け取り備考個人個人、 フリーランス法人Doorkeeper （単品）-5\,500円11\,000円終演 時刻にメールを送信（info@doorkeeper.jpから送信されます ） STORES（単品）---- サブスク3ヶ月：35ドル［メンバー 限定］セクションの［フォローアップ（アーカイブ） ］から本イベントのNotionにアクセスしてください。法 人は別途（詳細）年パス：130ドル\n\n領収書\n\n終了後 にご案内するNotionからPDFをダウンロードしてご利用く ださい。\n\n配信に関してのあれこれ\n\n各URLは、YouTube の概要欄にも掲載しています。\n\n\nチャットやスタン プ、ツイートなど「参加型」でお楽しみください！\n 「音声のバランスが悪い」など、何かお困りの場合、 コメントなどで教えてください！\n\n\n配信URL\n\nYouTube L iveで配信します。X（Twitter）にて同時配信は行いませ ん。\n\n配信トラブルでURLが変更になることがあります 。その場合、次のようにお知らせします。\n\n\nDoorkeeper 経由でのメッセージ（メール）\n\n\nYouTube関連\n\n\nYouTub eチャットを活用ください！　スパム回避のため、YouTub eチャンネル登録者のみがコメント可能にしていますの で、事前にチャンネル登録をお願いします。\nスーパ ーチャット（スパチャ＝投げ銭）を利用できます。少 額でも大歓迎です！　いただいた全額を講演者にお渡 しします。\n質問がある場合、YouTubeチャットで冒頭に ★または【質問】を付けてコメントください。すべて は拾いきれません。「〜は〜という意味です」「自分 の現場ではこうやっている」など、視聴される方から のサポート的なコメントを歓迎します！　一緒に場を 作ってくださいますと嬉しいです!! \n\n\nリアクション や質問\n\n\nスクショ付きのツイート歓迎です。ぜひ、 ハッシュタグ（#これから始めるClaudeCode）を付けてく ださい。ただし、事例の部分などでNGマークがついて いる箇所、講演者からNGの指示のある箇所はご遠慮く ださい。\n終了後、ぜひアンケートにお答えください ！　「フィードバックはギフト」。話してくださった 方の成長の材料になり、また、イベントの改善につな がります。\n\n\nその他\n\n\n120分のプログラムでは、60 分前後のキリのいいタイミングで休憩（5-10分）をはさ みます。\nサンプルファイルや配布資料、アーカイブ 動画のURLをSNSなどで再配布するのは禁止です。\n開演 の30分前くらい前からテスト配信をスタートします。 音声などが聞こえるかなど、チェックなさってくださ い。\nスマホやタブレットで視聴される方もいると思 いますが、PCでの視聴を前提としています。なるべくPC でご覧ください！\nご覧いただく回線状況によっては 、YouTubeの動画が止まってしまったり、音声が途切れて しまうことがあります。その場合には、ブラウザーを 再読み込みしたり、OSを再起動してみてください。同 時配信しているX（Twitter）の方が安定してることがあ ります。\n分単位で細かく練られたカリキュラムでは なく、少し緩めに進行します。コメントを拾って脱線 することもあります。言い換えると学習だけをされた い方には向いていません。\n若干の延長など、ぴった り進行しないことがあります。\n\n\n配信準備は念入り に行っていますが、本番になると予期せぬトラブルが 生じるのがライブ配信です。それも含めて楽しんでく ださい。\n\nサブスク\n\nCSS Nite、DTP Transitのオンライン セミナーのアーカイブをリーズナブルに、また、管理 しやすく利用いただけるように「サブスク」（定額サ ービス）をご用意しています（Circleというサービスを 利用しています）。\n\n\n3ヶ月ごと：35ドル\n年パス：13 0ドル\n\n\n年間で60回近く開催されますので、1本あたり 400円を切る計算です。\n\n\nサブスク対象イベントのリ スト\n\n\nアーカイブ動画だけでなく、スライドのダウ ンロードも可能ですので、ざっと内容を把握しておき たい場合にも適しています。また、自分のペースで手 元のスライドPDFを見ながらの視聴が可能です。\n\n\n\n サブスクの登録方法\n\n次の手順でお申し込みください 。\n\n\nCircleでユーザー登録（自動返信メールを確認し て完了です）\nStripeで決済\n\n\n\n3ヶ月ごと：35ドル\n年 パス：130ドル\n\n\nオンライン椅子ヨガ\n\n本イベントは コモモ先生 @komomoaichi のオンライン椅子ヨガ付きです ！\n\n\n開演前\n休憩時間（適宜）\n\n\n一緒に「ちょっ とメンテ」しましょう。\nhttps://chotto-maint.com/online-yoga\n \n\n\n協力企業のご紹介\n\n本イベントには、下記の企業 の協賛、協力をいただいています。\n\n\n文賢（ブンケ ン）～文章をより良くするための推敲・校閲・校正支 援ツール\nデジ革（一般社団法人デジタル経営革新協 会） ネットとAIで経営に貢献できる人材になる\nJILLA（ 日本イラストレーション協会）　文芸美術国保への加 入や交流会などメリットいっぱい\ntr-tant 仕事を割り振 っても次から次へ仕事が舞い込む繁忙期にデザイナー の混み具合が見えるデザイナー専用タスク管理ソフト \n\n\n\n\nまた、多くの制作会社に協賛いただいています 。\n\n\nウェブライダー\nLINICA\nエンタミナ\nコンセント\ nサービシンク\nビットエー\nトゥーアール（to-R）\nヘ ルツ\nアップルップル\nCODE54\nHAMWORKS\nS-FACTORY\nnecco\nFLAT\n ましじめ\nグローバルデザイン\nエイチツーオー・スペ ース\nGear8\nマジカルリミックス\nONiWA\nさきがけデジタ ル\nr360studio\n\n\n\n\n通年で協賛を募集しています。検討 くださいますと幸いです。\n\nお問い合わせ\n\n問い合 わせはDoorkeeperのフォームからお送りください。 LOCATION:オンライン URL:https://techplay.jp/event/994818?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR