All Posts
News bits
Panda CSS
Panda CSS
2023 年 3 月公開の Chakra UI のロードマップで紹介されていた Panda CSS が正式リリースされました。
Panda CSS は、今までの CSS in JS ライブラリの集大成のようなライブラリです。
- Zero Runtime な CSS フレームワーク
- vanilla-extract のように Type-safe
- Stitched のような Recipes/Variants 機能
- Design Token を定義する機能
- Emotion の css prop、styled-components の styled、Chakura UI の props で指定する形式など、それぞれとほぼ同等の記述をサポート
また公式ドキュメントを見れば分かりますが、多くのフレームワークでの利用が考えらており、それぞれのフレームワークについて、導入手順が丁寧に記述されています。
実際に小さなサービスで、Panda CSS への移行を試してみましたが、かなり体験が良かったです。また使ってみて感じたこととして、Panda CSS の個々の機能は独立しており薄いので、将来的に他のライブラリへ移行する場合も楽だと思いますし、逆に Panda CSS への移行も比較的楽なので Emotion や styled-components などから Zero Runtime な CSS フレームワークへの移行を考えている場合、移行先としてかなり良いのではないかと思いました。
懸念点を上げるとすれば、レスポンシブ対応など複雑な記述をしようとすると独自の記述が出てくる点や、それについての公式ドキュメントの記述が若干少なく感じる点、様々な記述が可能なため派閥が生まれそうな点などでしょうか。
著者について
Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.
In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.
In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.
In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.
I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.