エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
Figmaのstylesをもとにして「Tailwind CSSのテーマ」「tailwind-mergeの設定」「Storybookのドキュメン... Figmaのstylesをもとにして「Tailwind CSSのテーマ」「tailwind-mergeの設定」「Storybookのドキュメント」などの各種ファイルを自動生成する#デザインシステム デザインエンジニアの安田(@_yuheiy)です。 弊社で開発しているデザインシステムのSourでは、CSSフレームワークとしてTailwind CSSを採用しています。この記事では、Sourで使用しているTailwind CSSのバージョンをアップグレードしてTailwind CSS 4に対応する際に作成した、Figmaのstylesをもとにして各種設定ファイルを自動生成する仕組みについてご紹介します。 なお、ここで紹介するものと同様の実装をGitHubでも公開しています。記事中の解説と併せて参照してください。 JavaScriptからCSSベースの設定方法への変更 Tailwind 3以前で