SHOEISHA iD

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

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

CodeZineニュース

Google、TypeScriptベースのフロントエンドWebアプリケーションフレームワークAngularにおけるCSSサポートの現状を解説

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

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

 米Googleは、TypeScriptベースのフロントエンドWebアプリケーションフレームワークAngularにおける、最新のCSSサポート状況について、11月17日(現地時間)付の公式ブログ投稿にて解説している。

 同記事によれば、「Angular Material 12」では、Angular Material Sassスタイルのすべてのインポートに対して@importから@useへの移行が行われた。

 「Angular 13」では、Internet Explorer 11のサポートが廃止され、CSSグリッドやCSS論理プロパティ、calc()、::hoverといったモダンWebスタイルが利用可能となっている。

 さらに、IE11のサポート廃止によって、CSS変数(CSSカスタムプロパティ)がサポートされ、開発者がスタイルをカスタマイズするためのAPIサーフェスを定義できるようになった。また、CSS変数を使用することで、開発者はCSSオーバーライドおよび::ng-deepから移行できるようになったほか、Angular Materialコンポーネントのさらなる個別化を実現している。

 「Angular 12」では、AngularコンポーネントでインラインSassを使用するオプションが導入されており、CLIではinlineStyleLanguageオプションが用意され、Angularコンポーネントから直接Sassをコンパイルしてスタイリングできる。また、「Angular 11.2」ではAngular CLIでTailwindCSS PostCSSを実行するためのネイティブサポートが追加された。

関連リンク

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

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

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

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

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

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

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/15204 2021/11/19 11:00

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング