SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZineニュース

コンパクトかつパフォーマンスに優れたWebサイトの構築を可能にする「Nue CSS」を発表

  • X ポスト
  • このエントリーをはてなブックマークに追加

  • X ポスト
  • このエントリーをはてなブックマークに追加

 コンテンツファーストのWebフレームワークであるNue.jsの開発チームは、CSSを記述して構造化する新たな方法となる「Nue CSS」を、3月20日(現地時間)にリリースした。Tailwind、BEM、CSS-in-JSに代わる、保守性と拡張性により優れた代替手段となる。

 Nue CSSでは、すべてのプロジェクトがデザインシステムに基づいて行われる。デザインシステムは非常に単純な概念で、中央でマスタールックアンドフィールを定義し、すべてのページにそれが継承される。

 Webサイト上のすべてのページとコンポーネントに、デザインが一貫して適用されるほか、ページが存在する場所に応じて、正しいCSSファイルがページへ自動的にバインドされるため、JS/CSSインポートステートメントを使用して、パス名を編集する必要はない。

 また、デザインシステムはデザイナーとUX開発者によって制御され、デザインはコンテンツから完全に分離されている。

 デザインシステムの設計は非常にシンプルであり、色、文字の太さ、要素、コンポーネント、バリエーションは少なく、バニラCSSを記述するための最小限の方法となる。

 さらに、CSS-in-JSレイヤを使用せず、Nue CSSで作成されたサイトにおけるCSSのサイズは、Tailwindボタンと同等なためメンテナンスが容易になるとともに、サイトが成長してもムダのない状態を保てる。また、最小限のインラインCSSによって、高いパフォーマンスを実現できる。

関連リンク

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/19289 2024/03/29 15:40

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング