You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Fix language selector label for zh-TW (体 -> 體) by audreyt · Pull Request #827 · Tokyo-Metro-Gov/covid19
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
みなさんこんにちは。筆者は最近Recoilを使ってロジックを記述するのにハマっています。先日はそのようなテーマでトークをしましたので、よければご覧ください。 要点は、 Recoilのselectorとかも活用しまくってロジックをどんどんRecoilに載せようぜ！！ ということです。ただ、前記のイベントを観ていただいた方には分かるように、Recoilを活用していてもほとんどatomしか使っていないという場合もあり、Recoilの普及度とselectorの普及度には差があるようです。 そこで、この記事ではRecoil selectorの活用パターンを紹介します。今回は無限スクロールの実装です。 ここで想定している無限スクロールとは、次のようなものです。 サーバーから取得したデータがリストで表示されている。 ユーザーがスクロールしてリストの下に到達したら、サーバーから追加のデータを読み込んでリス
※対象年齢15歳以上の内容を含みます。 「劇場版 selector destructed wixoss」 2024年7月14日(日)まで公開予定。 ※本配信は、2016年に上映した映画を再編集したものになります。 ▼selectorシリーズ主人公「るう子」がルリグに!? 7/6(土)発売「loth SELECTOR」商品ページはコチラ https://takaratomy.co.jp/products/wixoss/product/wx24_p2/ INTRODUCTION 友人もなくただ日々を特に不満もなく過ごしていた中学生、小湊るう子。そんなるう子を気遣う兄から貰ったトレーディングカードゲーム「WIXOSS」ウィクロスを開封すると、カードの中に描かれた少女が突然動き出した。不思議な事態に困惑しつつも、カードの中の少女を“タマ”と名付けたるう子。彼女の前に、同じように“意志を
GitHub - g-plane/typed-query-selector: Better typed `querySelector` and `querySelectorAll`.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
「Mix Leap Study」とはヤフーが開催する関西圏のITクリエイター（エンジニア・デザイナー）の成長を目的にした勉強会です。#59のテーマ「Reactとその仲間たち」で、ヤフーの松井氏がSelector導入で課題解決した話を共有しました。 入稿ツールってどんなもの？ 松井真子氏：ヤフーの松井です。よろしくお願いします。まず簡単に自己紹介させてください。松井真子です。ヤフーに2018年に新卒入社しまして、ショッピングに配属されてからReactとReduxを使ってキャンペーンページ向けの入稿ツールとフロントの開発をしていました。 去年の9月くらいからはPayPayモールのAndroidアプリの開発をしています。UXに興味があり、サービスデザインの勉強をしており、今PayPayモールのAndroidアプリとかを通して新規機能の提案でサービス、デザインのチャレンジをしています。 趣味は釣り
If you’re a web developer, you may have already heard that some CSS selectors are faster than others. And you’re probably hoping to find a list of the better selectors to use in this article. Well, not quite. But bear with me, I promise that by the end, you’ll have learnt something new about CSS selector performance. A quick look behind the scenes The way you write CSS selectors does play a role i
CSS :has Parent Selector
Have you ever thought about a CSS selector where you check if a specific element exists within a parent? For example, if a card component has a thumbnail, we need to add display: flex to it. This hasn’t been possible in CSS but now we will have a new selector, the CSS :has which will help us to select the parent of a specific element and many other things. In this article, I will explain the probl
August 3, 2022 npm query is a new top-level command as of npm v8.16.0 which accepts a Dependency Selector (as defined in the Dependency Selector Syntax Specification) & returns a filtered JSON Array/NodeList of dependencies from your project. We believe this capability has been a missing piece of the package management ecosystem; With its introduction we hope to unlock the potential for developers
[selectors] The forgiving nature of :has breaks jQuery when used with a complex :has selector · Issue #7676 · w3c/csswg-drafts
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
![[selectors] The forgiving nature of :has breaks jQuery when used with a complex :has selector · Issue #7676 · w3c/csswg-drafts](https://cdn-ak-scissors.b.st-hatena.com/image/square/cafa818309a27e5adc8d4ae4ea951da48084c6dd/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F8458502b2fcf99daa0f5b6013a60e92fea2738b16544a8cd666f187fe547c577%2Fw3c%2Fcsswg-drafts%2Fissues%2F7676)
ContentsThe basics of how to use :has() as a parent selectorA practical example using :has() with CSS GridUsing :has() with the child combinatorUsing :has() with sibling combinatorsStyling form states without JSDark mode toggle with no JSAnd moreThe :has() revolution It’s been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what’s happening inside th
セレクターバトルから十年後――。 大人になったるう子は、行きつけだったカードショップへ向かう。 店長も齢で、閉店してしまうようだった。 久方ぶりについたカードショップには、懐かしい顔ぶれがいる。 それぞれがそれぞれの理由でここに集まったようだった。 若いバイト女性の店員が、せっかくなので、とデッキを渡してくれた。 少し違和感がある。つぶれそうなカードショップにそぐわない。 るう子はそのデッキを開く。 そこには「あの頃の自分」がルリグになっていた。 「“彼女たち”を忘れて、幸せになんてなれませんよ……？」 バイト少女の声に、ハッと我にかえりあたりを見回す皆。 気づけばそこは、見慣れぬ形状をしたバトルフィールドだった――。
【CSS】<input type="file">は::file-selector-buttonでスタイルをつけよう - Qiita
<input type="file">は直接スタイル指定ができず、デザインの変更 が面倒だったのですが、::file-selector-button を使えば簡単に指定できることを知ったので備忘録です。 使い方 See the Pen ::file-selector-button by himeka223 (@himeka223) on CodePen. ::file-selector-button にボタンのスタイルを設定するだけです！ 「選択されていません（選択後はファイル名）」の文言のスタイルはinputの方で変更できます。 display: block; を追加すればボタンとテキストの間で改行も可能です。 すべてのブラウザで対応済み 既にすべてのブラウザで対応済みのようで、安心して使えます！ テキストも変更したい場合は疑似要素をのせる 残念ながら ::file-selector-b
久しぶりの投稿です。 備忘を兼ねて簡単に書きます。 deep selector？ Vue.js でscoped付でstyle を書いている場合に、そのコンポーネントの子コンポーネントにもstyleを追加したい場合に使用するcss のセレクターの書き方です。
Fix language selector label for zh-TW (体 -> 體) by audreyt · Pull Request #827 · Tokyo-Metro-Gov/covid19
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
[Chrome] Calendar Selectorを使って、Googleカレンダーの人々をグループ化してポチッと切り替えよう | DevelopersIO
Googleカレンダーを使ってスケジュール管理をしているのですが、こんな場面に遭遇します。 自分のスケジュールを見たい AさんとBさんと自分のスケジュールを見たい AさんとBさんとCさんとDさんのスケジュールを見たい AさんとDさんとGさんとKさんのスケジュールを見て、空いてる時間にMTGをしたい スケジュールの確認をするとき、一人ひとり選択をするのがめんどくさいです。 そこで下記の拡張機能を使えば、かなり楽になりました。 Calendar Selector for Google Calendar - Chrome ウェブストア 一人ずつ探して選択する作業から開放されます！！！ おすすめの方 Googleカレンダーを使っている方 Googleカレンダーで任意の人々をグループ管理したい方 Calendar Selector for Google Calendarを使っている様子 自分だけのカ
![[Chrome] Calendar Selectorを使って、Googleカレンダーの人々をグループ化してポチッと切り替えよう | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/bedd873f740a5571b2a127355297e65d6e96d163/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F07%2Fgoogle-chrome-eyecatch.jpg)
※対象年齢15歳以上の内容を含みます。 selectorシリーズの１０年後を描いた続編「selector loth WIXOSS」 るう子、ユヅキ、あきら、ひとえ、ちより… 過去にセレクターだった少女たちはルリグとなり 新たな戦いの幕が上がる―。 原案：岡田麿里 主題歌：「 INNER CHILD」分島花音 作詞・作曲：分島花音 編曲：千葉“naotyu-”直樹 Guitar：堀崎翔 Bass：時光真一郎 Drums：池田しげのぶ Strings：伊藤友馬Strings Other Instrument and Programming：千葉“naotyu-”直樹 Recorded & Mixed by 吉羽貴史（Smart Break Sound） Recorded at Heartbeat Recording Studio アニメーション制作： J.C
【お詫び】 2024年6月28日に投稿いたしましたYOUTUBEでの動画について、 楽曲タイトルに誤りがあり、正しいタイトルにて再投稿させていただきました。 大変申し訳ございません。 誤：INNNER CHILD 正：INNER CHILD 「selector loth WIXOSS」 主題歌：「INNER CHILD」分島花音 作詞・作曲：分島花音 編曲：千葉“naotyu-”直樹 Guitar：堀崎翔 Bass：時光真一郎 Drums：池田しげのぶ Strings：伊藤友馬Strings Other Instrument and Programming：千葉“naotyu-”直樹 Recorded & Mixed by 吉羽貴史（Smart Break Sound） Recorded at Heartbeat Recording Studio 絵：鈴木マナツ
macOSを再起動時するさいに自動的にリカバーパーティションやApple Diagnosticsから起動させることができるユーティリティ「Recovery Selector」がリリース。
macOSを再起動時に自動的にリカバーパーティションやApple Diagnosticsから起動させることができるユーティリティ「Recovery Selector」がリリースされています。詳細は以下から。 BootCamp領域のバックアップユーティリティ「Winclone」などを開発＆販売している米イリノイ州のソフトウェア会社Twocanoesでチーフ・ソフトウェアエンジニアを務めるTim Perfittさんは現地時間2020年01月26日、Macの輝度やボリューム、起動ディスクの情報を保存するファームウェア「NVRAM」を操作するnvramコマンドにドキュメントに記載されていないオプション”internet-recovery-mode”を発見したそうです。 I made a free & open source macOS app to select your recovery par
「selector loth WIXOSS」 主題歌：「INNNER CHILD」分島花音 作詞・作曲：分島花音 編曲：千葉“naotyu-”直樹 Guitar：堀崎翔 Bass：時光真一郎 Drums：池田しげのぶ Strings：伊藤友馬Strings Other Instrument and Programming：千葉“naotyu-”直樹 Recorded & Mixed by 吉羽貴史（Smart Break Sound） Recorded at Heartbeat Recording Studio 絵：鈴木マナツ アニメーション制作： BANDEIRANTE ---------------------------------------------------------------------- selectorシリーズの１０年後を描いた続編
:has(): the family selector | Blog | Chrome for Developers
Since time began (In CSS terms), we've worked with a cascade in various senses. Our styles compose a "Cascading Style Sheet". And our selectors cascade too. They can go sideways. In most cases they go downwards. But never upwards. For years, we've fantasized about a "Parent selector". And now it's finally coming! In the shape of a :has() pseudo selector. The :has() CSS pseudo-class represents an e
CSS :nth-of-class selector
Bram.us A rather geeky/technical weblog, est. 2001, by Bramus
GitHub - cloudflare/lol-html: Low output latency streaming HTML parser/rewriter with CSS selector-based API
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
CSS Selector Level4 ・ Nested Selector サンプル61個付きチートシート
:is セレクターのリストを引数に取り、リスト中のセレクターの何れか一つに当てはまる要素をすべて選択します。 擬似要素にはマッチしません。 /* 以下の3つのセレクタは */ article:hover h1, article:focus h1, article:active h1 { color: red; } /* :is() を使うと以下のように簡潔になる */ article:is(:hover, :focus, :active) h1 { color: red; }
こんにちは！ react native のアドベントカレンダー22日目の記事になります。 BeatFit で CTO をしております、飯塚と申します。 弊社のプロダクトでは、状態管理ライブラリーに、Redux、middleware に Redux-Observable、store と component の間に、selector 層を入れております。 このアーキテクチャーでなんの疑念も抱くことなく2年ほど開発してまいりましたが、selector 層が導入されていない別プロジェクトに携わる機会があり、この層の存在価値を1から再勉強しようと思った次第であります。 また、React を使っていると、所々にメモ化の概念が出ることがあり、そもそもメモ化ってなんだっけ？という基礎的な部分からおさらいできればと思います。 では、よろしくお願いします！ 人間の脳の限界、忘却曲線について 我々の脳で処理でき
Safari Technology Preview 137 just dropped, with unflagged support for CSS :has(). Often dubbed “the parent selector”, CSS :has() is way more than that … ~ # CSS :has()? As per selectors-4 specification: The :has() CSS pseudo-class represents an element if any of the selectors passed as parameters match at least one element. This selector is dubbed “the parent selector”, as the default cases indee
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
を見ました。これめっちゃ面白い。再帰selectorかっこいい、ほれました。Loadableの使い方も素敵。 Jotai版を作ってみたくなりますよね、はい。作りました。 ほとんどコードの中身を理解せずに移植して、あとからコード読みました。ちなみに、移植で大変だったのは、型の付け方が微妙に違うことです。それ以外はほぼ単純な変換。ここまで互換性があったとは。 出来上がったもの コード Recoil版からそのまま使えるものはimportしてます。 import { Suspense, useEffect, useRef } from "react"; import { Atom, atom, useAtomValue, useSetAtom } from "jotai"; import { atomFamily, loadable } from "jotai/utils"; import { Q
Level Up Your CSS Skills With The :has() Selector — Smashing Magazine
The CSS relational selector :has() what was previously impossible without JavaScript. We’ll review how to combine :has() with other CSS selectors and the magical powers that :has brings. Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering element states or pos
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Recoil selector活用パターン 無限スクロール編
「劇場版 selector destructed wixoss」無料配信 #WIXOSS
React/ReduxにSelectorを導入したら 品質が担保されるようになった話
The truth about CSS selector performance
Introducing the new npm Dependency Selector Syntax
Using :has() as a CSS Parent Selector and much more
selector loth WIXOSS - WIXOSS-ウィクロス-｜タカラトミー
Vue.jsでのdeep selectorの書き方 - Qiita
【アニメPV】「selector loth WIXOSS」【WIXOSS10周年】
INNER CHILD ~「selector loth WIXOSS」主題歌~
INNNER CHILD ~「selector loth WIXOSS」主題歌~
Selector 層はなぜ重要か？パフォーマンスを改善するためのメモ化と、正規化について - Qiita
The CSS :has() selector is way more than a “Parent Selector”
GitHub - asamuzaK/domSelector: A CSS selector engine.
「Recoil selector活用パターン 無限スクロール編」のJotai版
www.itmedia.co.jp
ameblo.jp/happy-kosodate
ameblo.jp/happy-kosodate
grulla.hatenadiary.com
x.com
yama5600.tokyo