SHOEISHA iD

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

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

CodeZineニュース

UIツールキット「NextUI」のバージョン2.0が公開、CSSフレームワークをTailwindCSSに切り替え

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

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

 Webアプリケーション向けUIツールキット「NextUI」の開発チームは、最新バージョンとなる「バージョン2.0」を7月31日(現地時間)に公開した。NextUIは、MITライセンスで公開しているオープンソース・ソフトウェア。

 バージョン2.0における最大の変更点は、CSSフレームワークを従来使用していた「Stitches」から、「TailwindCSS」に移行した点。この変更によりNextUIバージョン2.0は、React Server Componentsに標準で対応し、「React」や「Next.js」の最新バージョンと組み合わせて使えるようになった。

 また、新版にはTailwindCSSのプラグインが付属する。このプラグインを使うことで、標準テーマの配色やレイアウトを変更できるようになり、まったく新しいテーマを作成することもできるようになった。さらに、bodyタグ、htmlタグ、mainタグのいずれかに「dark」クラスを追加するだけで、テーマの「ダーク・モード」を設定できるようになった。

 さらに、UI部品を完全に書き直し、表示速度などの性能を向上させたほか、新たに6種類のUI部品を追加するなどの変更が加わっている。

関連リンク

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

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

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

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

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

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

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/18119 2023/08/04 08:00

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング