InfoQ ホームページ CSS に関するすべてのコンテンツ
-
Cloudflare、1日90億件のリクエストを処理するJavaScript CDNを自社の開発者向けプラットフォームへ移行
Cloudflareは、JavaScriptおよびCSSライブラリ向けのオープンソースCDNであるcdnjsを、自社のDeveloper Platformへ完全に移行した。これにより、これまでCloudflareとGoogle Cloud Platformに分散していた公開インフラは、Workers、R2、Workflows、Queues、Durable Objects、KV、Containersへ置き換えられた。この移行では、公開済みパッケージファイルの単一の正確な情報源（source of truth）としてR2を採用するとともに、既存のURL、パッケージの内容、Subresource Integrity（SRI）ハッシュはそのまま維持された。
-
HeroUI v3が、Tailwind CSS v4を基盤としたReactおよびReact Native向けの全面的な書き換え版として登場
かつてNextUIとして知られていたReactコンポーネントライブラリ「HeroUI」が、HeroUI v3をリリースした。これはゼロから書き直されたもので、開発チームはこれをWebとネイティブ向けの単一のデザインシステムと位置付けている。 2026年3月のリリースでは、75以上のWebコンポーネント（うち21個が新規）に加え、37のコンポーネントを備え、ゼロから構築されたまったく新しいReact Nativeライブラリが提供されている。
-
ESLintがCSS、JSON、Markdownの公式サポートを実装
ESLintを汎用のリンターにする計画に続き、ESLintチームが先日CSS言語の公式サポートを発表した。今回のサポートは、先日追加されたJSONやMarkdown向けリンティングへの追加実装である。
-
エクスペディア、マイクロ・フロントエンドとGraphQL最適化でフライト検索を高速化
エクスペディアは、Webアプリケーションとモバイルアプリケーションに様々な最適化を適用することで、フライト検索を最大52%高速化した（ページ使用可能時間）。これらの改善をサポートするため、同社はアプリケーションのオブザーバビリティを改善した。Expedia FlightsのWebアプリケーションは、柔軟性、再利用性、より優れた最適化を可能にするため、マイクロ・フロントエンド・アーキテクチャ (MFA)に移行された。
-
主要ブラウザベンダー、互換性問題を解決するプロジェクト"Interop 2024"を発表
ブラウザメーカーのApple、Google、Microsoft、Mozillaは、コンサルティング会社のBocoupとIgaliaとともに、ウェブブラウザの相互運用性を促進するプロジェクト、Interop 2024をこの頃発表した。Interop 2024には、レイアウト、スタイリング、ユーザー・インタラクションなど17の重点分野が含まれている。
-
Minze：Webコンポーネントを作成するためのコンパクトなJSライブラリ
Minzeは最新のJavaScriptライブラリである。Webコンポーネントを作成する際の多くの難題を抽象化している。最小限のオーバーヘッド（MinifiedかつCompressedで2kb）で提供され、開発者のための優れた人間工学が考慮されている。
-
11のCSS-in-JSライブラリの比較調査 - Andrei Pfeiffer氏のReact Finland 2021での講演より
Andrei Pfeiffer氏は先頃、CSS-in-JSライブラリの比較調査を実施し、その結果について講演した。React Finland 2021で行われた講演の中でPfeiffer氏は、静的および実行時(ランタイム)というCSS-in-JSライブラリの違いに注目した上で、それぞれのカテゴリと、ブラウザのキャッシングがパフォーマンスに及ぼす影響について説明した。
-
デザイナと開発者の作業受け渡しを合理的にする - Travis Arnold氏のReact Finland 2021での講演より
Travis Arnold氏は先日、JSXとコンパイラのテクノロジを組み合わせて使用することによって、デザイナと開発者の作業の受け渡しをより効率的にする方法について講演した。紹介されたアイデアは、公開されているツールやライブラリとしてはまだ実現されていないが、自身をデザイナ兼開発者だと称するArnold氏のアイデアは、コラボレーションの改善方法として有用な可能性がある。
-
FacebookがCSS-in-JSソリューションのStylexをReact Finland 2021で発表
Facebookのソフトウェア技術者であるNaman Goel氏は、先日のReact Finland 2021でStylexについて講演した。Stylexは新しいfacebook.com Webサイトで使用されたFacebook独自のCSS-in-JSソリューションで、大規模ReactアプリケーションにおけるCSS-in-JSの主な問題点(使用されていないスタイル、CSSファイルの肥大化、CSS-in-JSライブラリのサイズ)を軽減する。Goel氏によると、2021年末までにオープンソースとして公開される見込みである。
-
Ionic PortalsでWebアプリのiOS/Androidネイティブコードへの統合が容易に
Ionicは、自社の新たなWebビューコンポーネントのIonic Portalsについて、iOSやAndroid上で使用可能なネイティブWebビューコントロールの"スーパーチャージ"バージョンだ、と説明する。その目的は、Webアプリをネイティブコードに効率よく、簡単に統合できるようにすることだ。
-
ピュアCSSチャートライブラリのCharts.CSS
Charts.cssは、CSSとHTMLのみに依存する新しいデータ視覚化ライブラリである。JavaScript/Canvasの使用を回避することで、既存のソリューションでのアクセシビリティの課題の多くを回避できる。それと共に、縮小化およびgzip圧縮することでバンドルサイズを10kb未満に維持する。
-
Web年鑑 Mega Studyが、人気のあるフロントエンドフレームワークは依然としてWebのごく一部であることを明らかにした
HTTP Archiveは、Webの状況の年次報告書であるWeb年鑑 2020を完成させた。レポートは、4つのセクション (ページコンテンツ、ユーザエクスペリエンス、コンテンツの公開と配布など) で構成された22の章で結論をまとめている。jQueryは依然としてWebの80％だ。CSS Houdiniはほぼ使用されていない。2020年のWebサイトの中央値は400KBのJavaScriptをリリースし、2019年より14％多くなっている。などである。
-
Vue3のネイティブCSS変数テンプレートとの統合検証
Vue 3は、2年間の作業に続く大規模なリリースで、昨年9月に出荷された。 Vue開発者は、どのようにコンポーネントの状態がコンポーネントのスタ���ルに関連するかを単一ファイルのコンポーネントテンプレートで宣言的に記述することができるようになった。実験的な機能はCSS変数に依存するものである。これは、フレームワークに依存しない設計システムを実装するために使用されてきた、最新のブラウザのネイティブ機能である。
-
Tailwind CSS V2.0 - 最初のメジャーアップデート
人気のユーティリティフレームワークであるTailwind CSSは最近、最初のメジャーアップデートをした。ダークモードのサポート、拡張カラーパレット、フォームサポートの改善、他にコミュニティからリクエストされたの多くの機能など、大幅な改善が提供される。
-
レスポンシブデザインを越える“レスポンシブWebサイト” - Killian Valkhof氏のHalfStackでの講演より
Web開発者にフォーカスしたPolypaneブラウザを開発したKilian Valkhof氏は、HalfStackカンファレンスで、Web開発者とデザイナがレスポンシブデザインから一歩進むことによって、さらに優れたユーザエクスペリエンスの提供を可能にする、新たな方法について講演した。最新のブラウザ機能を用いることで、ユーザの嗜好や環境、ネットワーク条件、デバイス機能に適応することが可能になるのだ。