BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:【CeeBeeDee】Claude Codeとフロントエンド開発 ─ ─全社員がAIエージェントを活用するUbieの実践事例／ 鹿野 壮 X-WR-CALNAME:【CeeBeeDee】Claude Codeとフロントエンド開発 ─ ─全社員がAIエージェントを活用するUbieの実践事例／ 鹿野 壮 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:992994@techplay.jp SUMMARY:【CeeBeeDee】Claude Codeとフロントエンド開発 ──全 社員がAIエージェントを活用するUbieの実践事例／鹿野 壮 DTSTART;TZID=Asia/Tokyo:20260424T210000 DTEND;TZID=Asia/Tokyo:20260424T230000 DTSTAMP:20260412T231451Z CREATED:20260227T140142Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99299 4?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nClaude Codeを 活用したフロントエンド開発について鹿野 壮さんにお 話しいただきます。\n\n「リアルタイム視聴は無料」ス タイルで開催しますが、アーカイブチケット購入やサ ブスク登録でサポートくださいますと助かります！\n\n Claude Codeとフロントエンド開発 ──全社員がAIエージ ェントを活用するUbieの実践事例\n\n2025年、AIエージェ ントは実験段階を終え、開発の前提条件になりました 。\nなかでもClaude Codeは、単なる補助ツールではなく「 開発の相棒」として定着しつつあります。\n\nUbieでは 、エンジニアだけでなく、デザイナーやオペレーショ ンメンバーを含む全社員がClaude Codeを活用しています 。\n特にフロントエンド開発では、設計・実装・レビ ュー・デバッグのすべての工程に組み込み、開発スピ ードと品質の両立を実現してきました。\n\n本セッショ ンでは、私自身が日々の業務で実践している具体的な 活用方法を紹介します。\n\n\nUI実装を高速化するプロ ンプト設計の実例\nコンポーネント設計やリファクタ リングへの組み込み方\nバグを未然に防ぐレビュー活 用術\nClaude Codeと他ツールを組み合わせた実践的ワーク フロー\n\n\n単に「便利な使い方」を紹介するのではな く、\nAI前提のフロントエンド開発にどう移行したのか 、そのプロセスと思考の変化まで踏み込みます。\n\n「 触ってはいるが、本気で使いこなせていない」\n「業 務にどう組み込むべきか迷っている」\n\nそんな方にと って、明日から試せる具体策を持ち帰っていただける 内容です。\n\n対象：初学者〜中級者\n\n鹿野 壮 かの ・たけしUbie株式会社Ubie株式会社プロダクトエンジニ ア2024年にUbie株式会社に入社。九州大学でメディアア ートを学んだ後、テックリードやフロントエンドチー ムリーダーを経験する。現在はUbieでフロントエンド・ バックエンド問わずフルスタックにプロダクト開発を している。TechFeed公認エキスパート。近著に『JavaScript コードレシピ集』（技術評論社）があるウェブサイト 𝕏（Twitter）：@tonkotsuboy_com\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月24日（金） 21:00 - 23:00\n形式：オンライン（YouTu be Live）\nMC：鷹野 雅弘（スイッチ）\n主催：CeeBeeDee\n共 催：CSS Nite、DTP Transit\n協賛（制作会社）：ウェブライ ダー、LINICA、エンタミナ、コンセント、サービシンク 、ビットエー、ヘルツ、アップルップル、CODE54、HAMWORK S、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終演時刻以降：STORES\nサブス クを登録する\n\n\nDoorkeeperの場合、終演時刻にメールを お送りしています。メールの送信元は、info@doorkeeper.jp です。 メールに依存しないSTORESやサブスクであれば、 メール関連のトラブルから開放されます。\n\n購入方法 種別フォローアップの受け取り備考個人個人、フリー ランス法人Doorkeeper （単品）2\,200円（終演時刻まで）5\ ,500円11\,000円終演時刻にメールを送信（info@doorkeeper.jp から送信されます）「当日の視聴のみ」のチケットを 申し込まれた方は、いったん、キャンセルして「アー カイブ視聴付き」のチケットを申し込んでください。S TORES（単品）3\,300円5\,500円11\,000円購入するとダウンロ ードできるテキストファイルに、アーカイブ動画や特 典を掲載予定のページへのリンクがあります（アーカ イブ動画や特典の掲載はイベント終了後）ユーザー登 録してから申し込むと、［マイページ］の［購入履歴 ］から、後からダウンロードできます。サブスク3ヶ月 ：35ドル［メンバー限定］セクションの［フォローア ップ（アーカイブ）］から本イベントのNotionにアクセ スしてください。法人は別途（詳細）年パス：130ドル\ n\n領収書\n\n個人向けのチケットは領収書発行していま せん。\nインボイス対応の領収書は、次のチケットの み対応します。\n\n\n個人／フリーランス（スライド、 アーカイブ視聴付き） ※経費として\n法人（スライド 、アーカイブ視聴付き） \n\n\nNotionからPDFをダウンロー ドしてご利用ください。\n\n購入方法区分参加費領収書 入手方法Doorkeeper（単品）個人2\,200円発行（インボイス 非対応）Doorkeeper個人／フリーランス5\,500円インボイス 対応の領収書を発行Notion法人11\,000円STORES（単品）個人 3\,300円非対応-個人／フリーランス5\,500円インボイス対 応の領収書を発行Notion法人11\,000円\n\n\n「法人（スライ ド、アーカイブ視聴付き） 」のチケットを購入いただ いている場合のみ、記名入りの領収書に対応いたしま す。フォームからご連絡ください。\n\n\n配信に関して のあれこれ\n\n各URLは、YouTubeの概要欄にも掲載してい ます。\n\n\nチャットやスタンプ、ツイートなど「参加 型」でお楽しみください！\n「音声のバランスが悪い 」など、何かお困りの場合、コメントなどで教えてく ださい！\n\n\n配信URL\n\nYouTube Liveで配信します。\n\nhttps ://www.youtube.com/watch?v=VQCL3j_DB2w\n\nX（Twitter）にて同時配 信も行っていますが、YouTube Liveにてコメントも含めて お楽しみください。\n\n配信トラブルでURLが変更になる ことがあります。その場合、次のようにお知らせしま す。\n\n\nTwitter（現「X」）\n配信が停止したYouTubeプロ グラムのコメント欄\nDoorkeeper経由でのメッセージ（メ ール）\n\n\nYouTube関連\n\n\nYouTubeチャットを活用くださ い！　スパム回避のため、YouTubeチャンネル登録者のみ がコメント可能にしていますので、事前にチャンネル 登録をお願いします。\nスーパーチャット（スパチャ ＝投げ銭）を利用できます。少額でも大歓迎です！　 いただいた全額を講演者にお渡しします。\n質問があ る場合、YouTubeチャットで冒頭に★または【質問】を付 けてコメントください。すべては拾いきれません。「 〜は〜という意味です」「自分の現場ではこうやって いる」など、視聴される方からのサポート的なコメン トを歓迎します！　一緒に場を作ってくださいますと 嬉しいです!! \n\n\nリアクションや質問\n\n\nスクショ付 きのツイート歓迎です。ぜひ、ハッシュタグ（#ClaudeCod eとフロントエンド開発）を付けてください。ただし、 事例の部分などでNGマークがついている箇所、講演者 からNGの指示のある箇所はご遠慮ください。\n終了後、 ぜひアンケートにお答えください！　「フィードバッ クはギフト」。話してくださった方の成長の材料にな り、また、イベントの改善につながります。\n\n\nその 他\n\n\n120分のプログラムでは、60分前後のキリのいい タイミングで休憩（5-10分）をはさみます。\nサンプル ファイルや配布資料、アーカイブ動画のURLをSNSなどで 再配布するのは禁止です。\n開演の30分前くらい前から テスト配信をスタートします。音声などが聞こえるか など、チェックなさってください。\nスマホやタブレ ットで視聴される方もいると思いますが、PCでの視聴 を前提としています。なるべくPCでご覧ください！\nご 覧いただく回線状況によっては、YouTubeの動画が止まっ てしまったり、音声が途切れてしまうことがあります 。その場合には、ブラウザーを再読み込みしたり、OS を再起動してみてください。同時配信しているX（Twitte r）の方が安定してることがあります。\n分単位で細か く練られたカリキュラムではなく、少し緩めに進行し ます。コメントを拾って脱線することもあります。言 い換えると学習だけをされたい方には向いていません 。\n若干の延長など、ぴったり進行しないことがあり ます。\n\n\n配信準備は念入りに行っていますが、本番 になると予期せぬトラブルが生じるのがライブ配信で す。それも含めて楽しんでください。\n\nサブスク\n\nCS S 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でユーザー登 録（自動返信メールを確認して完了です）\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アップルップル\nC ODE54\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/992994?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR