TECH PLAY

2026/07/01(æ°Ž)21:00 〜 23:00
Bookmark Icon

【CeeBeeDee】Claude Code スキルでここたでできる〜オリゞナルスキルのススメこもりたさあき

オンラむン

むベント内容

Web制䜜の珟堎ですぐに䜿えるClaude Codeの「スキル」に぀いお、実䟋ずデモを亀えお、こもりたさあきさんに解説いただきたす。

本むベントは有料むベントずしお開催したす。

  • 無料での配信は行わず、お申し蟌みいただいた方のみに配信URLをお知らせしたす。
  • アヌカむブず圓日の配信はサブスクの察象ですが、こもりたさあきさんの「KMRVID Claude Skills」講座15,400円は付属したせん。

手䜜業から解攟されるClaude Codeで実珟するWeb制䜜の自埋自動化 〜オリゞナルスキルの䜜り方ず実践〜

AIにプロンプトを投げお、出力されたコヌドをコピペしお満足する時代は終わりたした。AIが「゚ヌゞェント」ずしお自埋的にタスクを掚論・実行できるようになった今、Web制䜜における面倒な手䜜業やルヌティンワヌクは、独自の「スキル」を開発しお゚ヌゞェントに䞞投げするのがこれからのスタンダヌドです。

本セミナヌでは、Figmaからコヌドぞの倉換、環境構築、デザむン修正の自動化など、Web制䜜の珟堎ですぐに䜿える具䜓的な「スキル」の実䟋をデモを亀えおご玹介したす。さらに、AI゚ヌゞェントに迷いなく、自埋的に働いおもらうための「自分仕様のスキルの䜜り方」ず「タスク分解のコツ」たでを䜓系的に解説したす。手䜜業を枛らし、よりクリ゚むティブな業務に集䞭したいフロント゚ンド゚ンゞニアやWebデザむナヌ必芋のセッションです。

アゞェンダ前半

  • AI゚ヌゞェントに枡す「スキル」ずは
  • スキルを䜿っおできるこず
  • Figmaからコヌド生成環境䜜りの自動化アプロヌチ
  • Figmaコヌディングの倱敗を防ぐ実践テクニック
  • Figmaの倉数をコヌディングに組み蟌む方法
  • 修正指瀺をもっず楜にするプロンプトずスキルの連携
  • 爆速でモックアップを䜜成するスキル掻甚法

アゞェンダ埌半

  • 数パタヌンのレむアりト比范を自動化する
  • 「コヌドからFigma」ぞの逆匕き連携の課題ず察策
  • すべおを゚ヌゞェントに任せお「楜をする」ための蚭蚈思想
  • スキルは自分で䞀から䜜らない既存リ゜ヌスの掻甚術
  • ゚ヌゞェントから人間に「適切な質問」をさせる仕組み䜜り
  • タスクを现分化し、自由な組み合わせで連携させる手法
  • ゚ヌゞェントに自埋的に働いおもらうためのマむンドセット

タヌゲット

  • フロント゚ンド゚ンゞニア・Webコヌダヌ
    • Claude CodeなどのAIツヌルを䜿ったコヌディングの効率化・自動化に興味がある方
    • Figmaからのコヌド生成粟床を向䞊させ、モックアップ䜜成や本実装のスピヌドを䞊げたい方
  • Webデザむナヌ
    • デザむンからコヌディングぞの匕き枡しハンドオフをスムヌズにし、手䜜業によるギャップを枛らしたい方
    • Figmaの倉数やコンポヌネントを、゚ンゞニアリングにどうシヌムレスに繋げるか知りたい方
  • Web制䜜ディレクタヌ・プロゞェクトマネヌゞャヌ
    • 制䜜プロセス党䜓にAI゚ヌゞェントを組み蟌み、チヌムの生産性を倧幅に向䞊させたい方
    • 手戻りの少ない、効率的な修正指瀺やプロトタむプ怜蚌の手法を暡玢しおいる方
  • AI゚ヌゞェントのカスタマむズに興味がある゚ンゞニア
    • ただAIを䜿うだけでなく、自身の業務に特化した「自埋的なカスタムスキルツヌル」の䜜り方を孊びたい方

特兞

本むベントには、こもりたさあきさんの「KMRVID Claude Skills」講座15,400円が付属したす。

こもりたさあき

写真

1990幎代前半に郜内のDTP系デザむン䌚瀟におアルバむトをはじめる。倧孊卒業埌そのたた正瀟員ずなり、入出力業務、デザむン業務、ネットワヌク関連業務に䞊行しお埓事。2001幎退職。以降フリヌランスずしお掻動。案件ごずに業務内容なず゙が異なるため、職域的な肩曞きはなし。Web制䜜関連曞籍の執筆倚数。近幎はフロント゚ンド呚りの制䜜業務に関わりながら、Figmaの䌁業研修講垫やデザむンシステム構築、その他Shopifyの運甚サポヌトやコンサルティング業務など幅広く掻動䞭。

聞き手、MC進行

鷹野 雅匘CeeBeeDee/CSS Nite/DTP Transitが“聞き手”を担圓し、リアルタむムでチャットでの質問などを拟っおいきたす。

鷹野 雅匘たかの・たさひろ

株匏䌚瀟スむッチ

グラフィックデザむン、゚ディトリアルデザむン、りェブ制䜜の分野で、デザむン、オペレヌション、蚭蚈・ディレクションなど、25幎以䞊、第䞀線で手を動かし続けおいる。そのノりハりをテクニカルラむティングや講挔に萜ずし蟌み、「制䜜→執筆→講挔」のサむクルを回す。

2015幎から倧阪芞術倧孊 客員教授。2017幎からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラむンセミナヌのオヌガナむザヌずしお䌁画・制䜜・配信なども担圓。

著曞に『10倍ラクするIllustrator仕事術』改蚂第3版ほか倚数

むベント抂芁

YouTube Liveでラむブ配信したす。

お申し蟌みず参加費

  • リアルタむムの芖聎のみは無料です。
  • 参加にはお申し蟌みが必芁です。受け付けは終挔時刻たで。

フォロヌアップアヌカむブ

有料チケットには次が含たれたす。これを「フォロヌアップ」ず呌んでいたす。

  • アヌカむブ動画
  • スラむド
  • リンク集や補足
  • サンプルファむルなどプログラムにより

フォロヌアップアヌカむブは、アヌカむブ賌入サブスクの方限定のコンテンツです。

  • アヌカむブ動画の芖聎期限はありたせん。ずっず芋られたす。
  • 法人およびフリヌランスで事業決枈される方は「法人向け」をお求めください。

フォロヌアップアヌカむブの賌入

次の2぀の方法がありたす。いずれかを遞択なさっおください。

  • 終挔時刻たでDoorkeeper
  • サブスクを登録する

領収曞

個人向けのチケットは領収曞発行しおいたせん。
むンボむス察応の領収曞は、次のチケットのみ察応したす。

  • 個人フリヌランススラむド、アヌカむブ芖聎付き ※経費ずしお
  • 法人スラむド、アヌカむブ芖聎付き

終了埌にご案内するNotionからPDFをダりンロヌドしおご利甚ください。

  • 「法人スラむド、アヌカむブ芖聎付き 」のチケットを賌入いただいおいる堎合のみ、蚘名入りの領収曞に察応いたしたす。フォヌムからご連絡ください。

配信に関しおのあれこれ

各URLは、YouTubeの抂芁欄にも掲茉しおいたす。

  • チャットやスタンプ、ツむヌトなど「参加型」でお楜しみください
  • 「音声のバランスが悪い」など、䜕かお困りの堎合、コメントなどで教えおください

YouTube関連

  • YouTubeチャットを掻甚ください スパム回避のため、YouTubeチャンネル登録者のみがコメント可胜にしおいたすので、事前にチャンネル登録をお願いしたす。
  • スヌパヌチャットスパチャ投げ銭を利甚できたす。少額でも倧歓迎です いただいた党額を講挔者にお枡ししたす。
  • 質問がある堎合、YouTubeチャットで冒頭に★たたは【質問】を付けおコメントください。すべおは拟いきれたせん。「〜は〜ずいう意味です」「自分の珟堎ではこうやっおいる」など、芖聎される方からのサポヌト的なコメントを歓迎したす 䞀緒に堎を䜜っおくださいたすず嬉しいです!!

リアクションや質問

  • スクショ付きのツむヌト歓迎です。ぜひ、ハッシュタグ#ClaudeCodeオリゞナルスキルを付けおください。ただし、事䟋の郚分などでNGマヌクが぀いおいる箇所、講挔者からNGの指瀺のある箇所はご遠慮ください。
  • 終了埌、ぜひアンケヌトにお答えください 「フィヌドバックはギフト」。話しおくださった方の成長の材料になり、たた、むベントの改善に぀ながりたす。

その他

  • 120分のプログラムでは、60分前埌のキリのいいタむミングで䌑憩5-10分をはさみたす。
  • サンプルファむルや配垃資料、アヌカむブ動画のURLをSNSなどで再配垃するのは犁止です。
  • 開挔の30分前くらい前からテスト配信をスタヌトしたす。音声などが聞こえるかなど、チェックなさっおください。
  • スマホやタブレットで芖聎される方もいるず思いたすが、PCでの芖聎を前提ずしおいたす。なるべくPCでご芧ください
  • ご芧いただく回線状況によっおは、YouTubeの動画が止たっおしたったり、音声が途切れおしたうこずがありたす。その堎合には、ブラりザヌを再読み蟌みしたり、OSを再起動しおみおください。同時配信しおいるXTwitterの方が安定しおるこずがありたす。
  • 分単䜍で现かく緎られたカリキュラムではなく、少し緩めに進行したす。コメントを拟っお脱線するこずもありたす。蚀い換えるず孊習だけをされたい方には向いおいたせん。
  • 若干の延長など、ぎったり進行しないこずがありたす。

配信準備は念入りに行っおいたすが、本番になるず予期せぬトラブルが生じるのがラむブ配信です。それも含めお楜しんでください。

サブスク

CSS Nite、DTP Transitのオンラむンセミナヌのアヌカむブをリヌズナブルに、たた、管理しやすく利甚いただけるように「サブスク」定額サヌビスをご甚意しおいたすCircleずいうサヌビスを利甚しおいたす。

幎間で60回近く開催されたすので、1本あたり400円を切る蚈算です。

アヌカむブ動画だけでなく、スラむドのダりンロヌドも可胜ですので、ざっず内容を把握しおおきたい堎合にも適しおいたす。たた、自分のペヌスで手元のスラむドPDFを芋ながらの芖聎が可胜です。

サブスクの登録方法

次の手順でお申し蟌みください。

  1. Circleでナヌザヌ登録自動返信メヌルを確認しお完了です
  2. Stripeで決枈

オンラむン怅子ペガ

本むベントはコモモ先生 @komomoaichi のオンラむン怅子ペガ付きです

  • 開挔前
  • 䌑憩時間適宜

䞀緒に「ちょっずメンテ」したしょう。
https://chotto-maint.com/online-yoga

協力䌁業のご玹介

本むベントには、䞋蚘の䌁業の協賛、協力をいただいおいたす。

たた、倚くの制䜜䌚瀟に協賛いただいおいたす。

通幎で協賛を募集しおいたす。怜蚎くださいたすず幞いです。

お問い合わせ

問い合わせはDoorkeeperのフォヌムからお送りください。

泚意事項

※ こちらのむベント情報は、倖郚サむトから取埗した情報を掲茉しおいたす。

※ 掲茉タむミングや曎新頻床によっおは、情報提䟛元ペヌゞの内容ず差異が発生したすので予めご了承ください。

※ 最新情報の確認や参加申蟌手続き、むベントに関するお問い合わせ等は情報提䟛元ペヌゞにおお願いしたす。

Doorkeeper