"css modules"の検索結果1 - 5 件 / 5件

• あとで読む

  はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts

  • 38 users
  • speakerdeck.com/mizdra
  • テクノロジー
  • 2024/04/19

  BARフロントえんどう #2 「CSS Library / Framework」で発表した資料です。

  • CSS
  • あとで読む
  • slide

  
• あとで読む

  CSS Modulesを型安全にする仕組み

  • 29 users
  • zenn.dev/cybozu_frontend
  • テクノロジー
  • 2023/11/07

  CSS Modulesのつらみ styled-componentsなどのCSS-in-JS系ライブラリからCSS Modulesに移行すると、クラス名の補完が効かないことでフラァストレーション⚡️を感じることはありませんか？ 私はめちゃめちゃありました。 そこで私のチームではtyped-css-modulesというライブラリを使用して、 CSSファイルから自動でクラス名の型を生成し安寧を手に入れています。 そんな便利なtyped-css-modulesについてコードリーディングし仕組みを追っていこう！というのがこの記事の目的です。 typed-css-modulesの使い方

  • css
  • あとで読む

  
• あとで読む

  Vueで試すCSS modules | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]

  • 5 users
  • techblog.raccoon.ne.jp
  • テクノロジー
  • 2024/01/01

  開発チームの下田です。 新年あけましておめでとうございます！ 入れ替わりが激しいフロントエンドの技術をキャッチアップするモダンフロントエンド勉強会を社内で月2回開催しています。今回はVueの単一ファイルコンポーネントからCSS Modulesを使う方法を取り上げました。 今回のテーマはCSS Modulesです。VueのCSSモジュールではありません。紛らわしいですね・・この先VueのCSSモジュールの話は一切出てきませんので、CSS Modulesと言ったらCSS Modulesの話です。 CSS Modulesはreactとセットで解説している場合が多いですが、HTMLのテンプレートエンジンには依存しない、独立した仕様です。Vueで使ってもいいですし、他のフレームワークで使用しても問題ありません。 目的と環境 今回はわかりやすさを重視して、headerが青、mainが赤地に白の非常にダ

  
• あとで読む

  【App Router時代のNext.jsスタイリング戦略】CSS Modules vs Tailwind vs Zero-Runtime

  • 5 users
  • zenn.dev/blueish
  • テクノロジー
  • 2024/07/29

  はじめに みなさん、App Router時代になってから、スタイリング戦略に悩んでいませんか？ App Router環境下では、JS実行を必要とするRuntime CSS-in-JSがサポートされなくなり従来のスタイリング戦略を見直す必要に迫られています。 本記事では、App Router時代におけるスタイリング戦略として、CSS Modules、 Tailwind CSS、 Zero-Runtime CSS-in-JSの3つのスタイリングアプローチを比較検討し、それぞれのメリット・デメリットを説明していきます！ （RutimeやZero-Runtimeについては別記事内で詳しく解説しています。） BuildからRuntime時までの流れの解説 本記事ではパフォーマンスについても説明していきます。 それにあたって、Server ComponentsとClient Componentsの流れ

  • css

  
• あとで読む

  CSS Modules をハッピーにする

  • 3 users
  • zenn.dev/yumemi_inc
  • テクノロジー
  • 2023/12/03

  この記事は株式会社ゆめみの23卒 Advent Calendar 20233日目の記事です。 React × TypeScript 開発において、CSS フレームワーク選定する際に CSS Modules が候補に上がると思います。その際のネガティブな意見として開発者体験が他のフレームワークと比べて良くないというのがあるのではないでしょうか。 例えば存在しないクラス名の指定が可能であったり、クラス名の定義元を参照しようとしても global.d.ts に遷移してしまうといったことがあります。 そこで今回は CSS Modules での開発者体験をハッピーにする happy-css-modules の紹介と、その導入について紹介します。 happy-css-modules とは Typed, definition jumpable CSS Modules. Moreover, easy! を

  • あとで読む