タグ

2022年9月8日のブックマーク (3件)

  • CSSの:has()疑似クラスの便利な使い方のまとめ

    CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。 たとえば、子に画像がある場合とない場合、子の数が奇数の場合と偶数の場合、セレクタを追加したり変更することなく指定できます。また、コンテンツやフォームなどにも便利な使い方がたくさんあります。 :has(): the family selector by Jhey Tompkins 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 先日リリースされたChrome 105, Edge 105で:has()疑似クラスはサポートされ、コンテナクエリ(@containe

    CSSの:has()疑似クラスの便利な使い方のまとめ
  • [Angular][状態管理]NgRxの基本

    はじめに NgRxを用いて状態管理を行うことになったので、学習ということでまとめてみました。 NgRxは、Reduxなど他の状態管理ライブラリに対して情報が少ないうえに、RxJSやFlux(アーキテクチャ設計思想)などの前提知識も多いので学習コストは高いと思います。 私も全体のうちほんの一部しか理解できていませんが、公式ドキュメントや参考にさせて頂いた情報を元に、自分が理解できるように書き出しました。 この記事で紹介するのは下記の通りです。 @ngrx/store Action Store Reducer Selector @ngrx/Effect なお、@ngrx/Entityは割愛します。 NgRxとは Angular用の状態管理ライブラリです。 NgRx Docs Reduxというライブラリに影響を受けて作成されたAngular専用の公式ライブラリです。 NgRxを利用するとRedu

    [Angular][状態管理]NgRxの基本
  • A15搭載の「iPhone 14」と大画面の「iPhone 14 Plus」。緊急衛星通信機能も

    A15搭載の「iPhone 14」と大画面の「iPhone 14 Plus」。緊急衛星通信機能も
    yuu-yuiken
    yuu-yuiken 2022/09/08
    Macもそうだけど円安値上げ前に買っておいた人が勝利だったわ・・