Cursor×shadcn/ui×StoryBookで実現するフロントエンド開発の自動化

​📌イベント概要

​生成AIやAIエージェントの普及によって、開発の現場は大きく変化しています。ソフトウェア開発も例外ではなく、現在はコーディングや設計、運用、テスト実施などの幅広い工程での活用が可能になっています。

​ただし、UIデザイン/フロントエンド開発の自動化では、〈v0〉や〈Lovable〉、〈Stitch〉などを使っても、複数画面で開発を行おうとすると、少しずつ異なるものが出来上がってしまい、現状は統一感のあるシステムデザインを実現するのが難しいです。

​そこで今回は、Cursor上で、〈shadcn/ui〉と〈StoryBook〉を用い、あらかじめ用意した複数のUIパターンのコンポーネントを組み合わせることで、統一感のあるUIデザインを実現するAI駆動開発のノウハウを、実演も交えながらじっくりお伝えします！

​参加の申し込みはconnpassからお願いします

​申し込み：https://almondo.connpass.com/event/359099/

​✅ 参加すると得られるのもの

​Cursor/Claude Codeなど各種エディター・コーディングAgentのHow toなどは広く共有されるようになってきましたが、今回の勉強会はより実践的かつ革新的な開発現場でのAI活用法にフォーカスし、フロントエンド開発での実用事例を体感できます！

​・ フロントエンド開発すらも自動化するAIエージェント活用のハウツー
┗ 複数画面でも一貫したUI/UXを実現するように、開発エージェントを組み込む具体的ワークフローを学べます！
・ AIエージェントで効率的に任せる、AI駆動開発の基本戦略
┗ 開発現場全体においてAIをどう活用していくか、AIの得意不得意を理解して上手く切り分けていくAlmondo流の考えをご共有！

​現役PM/エンジニア達の日々の探究をシェアし、上記を題材に勉強会を開催！
登壇者に気軽に直接質問ができるオンラインならではの魅力もあり、実践的で持ち帰れるアイデアを聞けるかも？

​こんな人におすすめ

• ​フロントエンド開発でのAI活用に壁を感じている方 / 専属のUIデザイナーがいない組織のエンジニア
  ┗ 「一貫したデザイン」というAIに任せづらい領域で、AIの活用を諦めている方。

• ​AIエージェントを用いた開発事例をより深く学びたいエンジニア
  ┗ 既存のツールやフレームワークを使った実践例を知りたい、プロジェクト適用の成功/失敗事例を聞きたい方。

• ​AIスタートアップの開発現場におけるAI活用のテクニックや考え方に興味がある方
  ┗ 設計から実装、運用、テストまで、少人数でAI駆動開発を行うエンジニアの生きた知見を知りたい方。

​🕐タイムテーブル

​19:00~19:10 | オープニングトーク
19:10~19:25 | Zenn記事の内容紹介
19:25~19:45 | UI生成の実演
19:45~20:00 | 質疑応答

​登壇者（敬称略）

​依田 拳太郎

​株式会社Almondo ソフトウェアチーム マネージャー／ML&フルスタックエンジニア
@libknt

​42 Tokyo Common Coreを突破し、医療系スタートアップでNext.js・PHP・AWSを駆使したフルスタック開発を歴任。
AlmondoではMLエンジニア／バックエンド&インフラリード／PMとして参画してプロダクト事業を牽引し、現在はソフトウェアチームを統括。
バックエンドからインフラ、さらにフロントエンドまでシームレスに横断する技術スタックを強みに、開発スピードと品質を両立させる組織づくりを実践している。

​⚠️注意事項

• ​講演内容やタイムスケジュールは変更となる可能性がございます。

• ​当日のイベント内容は後日任意の媒体にて公開させていただくことがあります。

• ​万一イベント開催が中止の場合、本サイトからのメッセージよりご連絡させていただきますのでご確認をお願いいたします。

• ​イベント参加時に入力いただいた情報は、以下に基づき扱います。
  株式会社Almondo プライバシーポリシー

​参加の申し込みはconnpassからお願いします

​申し込み：https://almondo.connpass.com/event/359099/

​皆様のご参加をお待ちしております！