BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:【CeeBeeDee】Claude Code スキルでここまでできる ！〜オリジナルスキルのススメ／こもりまさあき X-WR-CALNAME:【CeeBeeDee】Claude Code スキルでここまでできる ！〜オリジナルスキルのススメ／こもりまさあき 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:997623@techplay.jp SUMMARY:【CeeBeeDee】Claude Code スキルでここまでできる！〜 オリジナルスキルのススメ／こもりまさあき DTSTART;TZID=Asia/Tokyo:20260701T210000 DTEND;TZID=Asia/Tokyo:20260701T230000 DTSTAMP:20260629T181205Z CREATED:20260628T210131Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99762 3?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nWeb制作の現 場ですぐに使えるClaude Codeの「スキル」について、実 例とデモを交えて、こもりまさあきさんに解説いただ きます。\n\n本イベントは有料イベントとして開催しま す。\n\n\n無料での配信は行わず、お申し込みいただい た方のみに配信URLをお知らせします。\nアーカイブ（ と当日の配信）はサブスクの対象ですが、こもりまさ あきさんの「KMRVID Claude Skills」講座（15\,400円）は付属 しません。\n\n\n手作業から解放される！Claude Codeで実 現するWeb制作の自律自動化 〜オリジナルスキルの作り 方と実践〜\n\nAIにプロンプトを投げて、出力されたコ ードをコピペして満足する時代は終わりました。AIが 「エージェント」として自律的にタスクを推論・実行 できるようになった今、Web制作における面倒な手作業 やルーティンワークは、独自の「スキル」を開発して エージェントに丸投げするのがこれからのスタンダー ドです。\n\n本セミナーでは、Figmaからコードへの変換 、環境構築、デザイン修正の自動化など、Web制作の現 場ですぐに使える具体的な「スキル」の実例をデモを 交えてご紹介します。さらに、AIエージェントに迷い なく、自律的に働いてもらうための「自分仕様のスキ ルの作り方」と「タスク分解のコツ」までを体系的に 解説します。手作業を減らし、よりクリエイティブな 業務に集中したいフロントエンドエンジニアやWebデザ イナー必見のセッションです。\n\nアジェンダ（前半） \n\n\nAIエージェントに渡す「スキル」とは\nスキルを使 ってできること\nFigmaからコード生成：環境作りの自動 化アプローチ\nFigmaコーディングの失敗を防ぐ実践テク ニック\nFigmaの変数をコーディングに組み込む方法\n修 正指示をもっと楽にするプロンプトとスキルの連携\n 爆速でモックアップを作成するスキル活用法\n\n\nアジ ェンダ（後半）\n\n\n数パターンのレイアウト比較を自 動化する\n「コードからFigma」への逆引き連携の課題と 対策\nすべてをエージェントに任せて「楽をする」た めの設計思想\nスキルは自分で一から作らない？既存 リソースの活用術\nエージェントから人間に「適切な 質問」をさせる仕組み作り\nタスクを細分化し、自由 な組み合わせで連携させる手法\nエージェントに自律 的に働いてもらうためのマインドセット\n\n\nターゲッ ト\n\n\nフロントエンドエンジニア・Webコーダー\n\n\nClau de CodeなどのAIツールを使ったコーディングの効率化・ 自動化に興味がある方\nFigmaからのコード生成精度を向 上させ、モックアップ作成や本実装のスピードを上げ たい方\n\nWebデザイナー\n\n\nデザインからコーディング への引き渡し（ハンドオフ）をスムーズにし、手作業 によるギャップを減らしたい方\nFigmaの変数やコンポー ネントを、エンジニアリングにどうシームレスに繋げ るか知りたい方\n\nWeb制作ディレクター・プロジェクト マネージャー\n\n\n制作プロセス全体にAIエージェント を組み込み、チームの生産性を大幅に向上させたい方\ n手戻りの少ない、効率的な修正指示やプロトタイプ検 証の手法を模索している方\n\nAIエージェントのカスタ マイズに興味があるエンジニア\n\n\nただAIを使うだけ でなく、自身の業務に特化した「自律的なカスタムス キル（ツール）」の作り方を学びたい方\n\n\n\n特典\n\n 本イベントには、こもりまさあきさんの「KMRVID Claude Sk ills」講座（15\,400円）が付属します。\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開催日：202 6年7月1日（水） 21:00 - 23:00\n形式：オンライン（YouTube L ive）\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次の2つの方 法があります。いずれかを選択なさってください。\n\n \n終演時刻まで：Doorkeeper\nサブスクを登録する\n\n\n領 収書\n\n個人向けのチケットは領収書発行していません 。\nインボイス対応の領収書は、次のチケットのみ対 応します。\n\n\n個人／フリーランス（スライド、アー カイブ視聴付き） ※経費として\n法人（スライド、ア ーカイブ視聴付き） \n\n\n終了後にご案内するNotionから PDFをダウンロードしてご利用ください。\n\n\n「法人（ スライド、アーカイブ視聴付き） 」のチケットを購入 いただいている場合のみ、記名入りの領収書に対応い たします。フォームからご連絡ください。\n\n\n配信に 関してのあれこれ\n\n各URLは、YouTubeの概要欄にも掲載 しています。\n\n\nチャットやスタンプ、ツイートなど 「参加型」でお楽しみください！\n「音声のバランス が悪い」など、何かお困りの場合、コメントなどで教 えてください！\n\n\nYouTube関連\n\n\nYouTubeチャットを活 用ください！　スパム回避のため、YouTubeチャンネル登 録者のみがコメント可能にしていますので、事前にチ ャンネル登録をお願いします。\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年パス：130ドル\n\n\n年間で60 回近く開催されますので、1本あたり400円を切る計算で す。\n\n\nサブスク対象イベントのリスト\n\n\nアーカイ ブ動画だけでなく、スライドのダウンロードも可能で すので、ざっと内容を把握しておきたい場合にも適し ています。また、自分のペースで手元のスライドPDFを 見ながらの視聴が可能です。\n\n\n\nサブスクの登録方 法\n\n次の手順でお申し込みください。\n\n\nCircleでユー ザー登録（自動返信メールを確認して完了です）\nStrip eで決済\n\n\n\n3ヶ月ごと：35ドル\n年パス：130ドル\n\n\n オンライン椅子ヨガ\n\n本イベントはコモモ先生 @komomoa ichi のオンライン椅子ヨガ付きです！\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/997623?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR