IP ごとに世界観が違う UI を、デザイントークンで吸収している話
本記事は、Applibot Advent Calendar 2025 の14日目の記事になります。 はじめに：マルチプロダクトを最速で届けるために アプリボットでは、エンターテインメント系の複数プロダクトを IP 単位で展開しています。 提供している機能自体は共通している一方で、それぞれの IP には固有の世界観があり、UI でもその差異を表現する必要があります。 このような前提のもと、 IP ごとに異なる世界観を、いかに低コストかつスピーディに再現できるか という観点から、UI コンポーネントの共通化とデザイントークンの設計に注目しました。 本記事では、UI コンポーネントは共通のままに、 デザイントークンがプロダクトごとの差分を吸収するというアプローチを選択し、 その具体的な設計方法について紹介します。 対象読者 本記事は、以下のような方を主な対象読者としています。 複数プロダクト／複
Svelte × Tailwind CSSの「Rabee UI」コンポーネント5種類を新たに公開しました
株式会社Rabee（本社：東京都渋谷区、代表取締役：上松勇喜）は、Svelte × Tailwind CSSのUIコンポーネント集「Rabee UI」において、UIコンポーネント5種類を新たに公開しました。 今回リリースしたコンポーネントも含む全29種類のRabee UIは、以下から確認できます。 ■ Rabee UIとは Rabee UIとは、SvelteとTailwind CSSで構築されたUIコンポーネント集であり、カスタマイズを前提とした「コンポーネントの種」です。プロダクトごとに色やフォント、アニメーションなどを自由にカスタマイズすることで、プロダクトらしさを表現するデザインシステムをスピーディーに作り上げます。
Svelte × Tailwind CSSの「Rabee UI」コンポーネント8種類を新たに公開しました
株式会社Rabee（本社：東京都渋谷区、代表取締役：上松勇喜）は、Svelte × Tailwind CSSベースのUIコンポーネント集「Rabee UI」において、UIコンポーネント8種類を新たに公開しました。 今回リリースしたコンポーネントも含む全24種類のコンポーネントは、以下から確認できます。 ■ Rabee UIとは Rabee UIとは、SvelteとTailwind CSSで構築されたUIコンポーネント集であり、カスタマイズを前提とした「コンポーネントの種」です。プロダクトごとに色やフォント、アニメーションなどを自由にカスタマイズすることで、プロダクトらしさを表現するデザインシステムをスピーディーに作り上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://x.com/UiSavior/status/2013197792303255800?s=20
https://x.com/yoshinaga2015/status/2000601340565995530?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
React Bits
https://x.com/sikino_sito/status/1997501572230590754?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/catnose99/status/1991337374404735380
https://x.com/catnose99/status/1991337374404735380?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
ガッシー｜Repsona on X: "Repsona のガントチャートで共有リンクを作って、パスワードつきで全世界に公開できるようになりました！ https://t.co/Hj6hMDKukj"
https://x.com/poetengineer__/status/1962193375932899394?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
GitHub - keenthemes/reui: Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
https://x.com/choo_s/status/1416661655505707009?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/aotomako/status/1940242616391712939?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
GitHub - rxi/microui: A tiny immediate-mode UI library
https://x.com/kawai_design/status/1937153023446552814?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
でんでん（DDDENDEN） on X: "会社のアルバイトの女性から 「周りでAI使ってない人、ほとんどいませんよー。人気はChat GPTとGeminiで」 「へー」 「あと、『話聞くよおじさん』も人気です」 「なにそれ知らない」 https://t.co/LJZ1Weflxo"
GitHub - bytedance/flowgram.ai: FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials that helps developers build AI workflow platforms faster and simpler.
Create stunning visuals in seconds with AI.
GitHub - longbridge/gpui-component: Rust GUI components for building fantastic cross-platform desktop application by using GPUI.
