進化するPromiseオブジェクト [JS Modern Features no.2] | gihyo.jp

今回は主にES2020以降で追加されたPromiseの新しい機能をユースケースを交えて解説します。

gihyo.jp
デザイン→実装を瞬時に!Figma-MCPが消す開発現場のストレス - Qiita

はじめにこんにちは、みなさん!最近、フロントエンド開発の勉強を始めた初心者プログラマーの私ですが、デザインとコーディングの間のギャップに悩んでいました。Figmaでデザインされたものを実際のコード…

Qiita
Temporalで変わるJavaScriptの日時操作 [JS Modern Features no.1] | gihyo.jp

初回となる今回はJavaScriptの新しい日時操作APIとして提案されているTemporalについて解説します。

gihyo.jp
Cascade Sorting Order/CSSの適用順序を学び直す [CSS Modern Features no.6] | gihyo.jp

CSS Modern Features、最終回となる今回のテーマはCascade Sorting Orderです。

gihyo.jp
Scoped Styles/スコープ付きスタイルルール [CSS Modern Features no.5] | gihyo.jp

今回取り上げるCSSの機能はScoped Stylesです。Scoped Stylesは@scope At-Rulesを用いて、CSSの適用範囲を従来よりも細かく絞り込んで制御するための機能です。

gihyo.jp
CSS Nesting Module/CSSの入れ子指定 [CSS Modern Features no.4] | gihyo.jp

CSS Modern Features、今回取り上げるCSSの機能はCSS Nesting Moduleです。CSS Nesting Moduleは、CSS定義のネスト(入れ子)記述を可能とする新しいCSS構文です。

gihyo.jp
Cascade Layers/レイヤーによる優先順位の制御 [CSS Modern Features no.3] | gihyo.jp

今回取り上げるCSSの機能はCascade Layersです。Cascade Layersは、「⁠レイヤー」と呼ばれる階層を独自に定義することで、CSS適用の優先順位をコントロールする機能です。

gihyo.jp
Container Queries/祖先要素に応じたCSSの切り替え [CSS Modern Features no.2] | gihyo.jp

今回のテーマはContainer Queriesです。Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。

gihyo.jp

新しい擬似クラス:has()、:is()、:where()を使いこなそう [CSS Modern Features no.1]
https://gihyo.jp/article/2024/10/ride-modern-frontend-01?utm_source=feed

#gihyo #技術評論社 #gihyo_jp #Front_end #フロントエンド開発 #CSS

新しい擬似クラス:has()、:is()、:where()を使いこなそう [CSS Modern Features no.1] | gihyo.jp

本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズ フロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載していきます。初回は疑似クラスについて取り上げます。

gihyo.jp