タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
みなさんこんにちは。筆者は最近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」ウィクロスを開封すると、カードの中に描かれた少女が突然動き出した。不思議な事態に困惑しつつも、カードの中の少女を“タマ”と名付けたるう子。彼女の前に、同じように“意志を
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
入稿ツールってどんなもの？松井真子氏：ヤフーの松井です。よろしくお願いします。まず簡単に自己紹介させてください。松井真子です。ヤフーに2018年に新卒入社しまして、ショッピングに配属されてからReactとReduxを使ってキャンペーンページ向けの入稿ツールとフロントの開発をしていました。 去年の9月くらいからはPayPayモールのAndroidアプリの開発をしています。UXに興味があり、サービスデザインの勉強をしており、今PayPayモールのAndroidアプリとかを通して新規機能の提案でサービス、デザインのチャレンジをしています。 趣味は釣りですが、外出自粛ということで今年に入ってから一切釣りに行っていないので、あつまれどうぶつの森で毎日釣りをいっぱいしています。 今日はReactとその仲間たちということで、入稿ツールのときのお話をしようかなと思っています。まず入稿ツールってどんなものな
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
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
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
The fact that the native :has pseudo-class: https://drafts.csswg.org/selectors/#relational takes forgiving-relative-selector-list as an argument: https://drafts.csswg.org/selectors/#forgiving-selector means the contents are not validated. jQuery has supported the :has pseudo-class for ages. However, its support is more powerful; in particular, it allows for jQuery extensions like :contains to appe
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
セレクターバトルから十年後――。 大人になったるう子は、行きつけだったカードショップへ向かう。 店長も齢で、閉店してしまうようだった。 久方ぶりについたカードショップには、懐かしい顔ぶれがいる。 それぞれがそれぞれの理由でここに集まったようだった。 若いバイト女性の店員が、せっかくなので、とデッキを渡してくれた。 少し違和感がある。つぶれそうなカードショップにそぐわない。 るう子はそのデッキを開く。 そこには「あの頃の自分」がルリグになっていた。 「“彼女たち”を忘れて、幸せになんてなれませんよ……？」 バイト少女の声に、ハッと我にかえりあたりを見回す皆。 気づけばそこは、見慣れぬ形状をしたバトルフィールドだった――。
<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
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
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を使っている様子 自分だけのカ
※対象年齢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 絵：鈴木マナツ
【注意】このボイスコミックは最終話の一部抜粋です 未読の方は↓から漫画をご覧ください。 https://www.takaratomy.co.jp/products/wixoss/comic/selectorlothwixoss.php 漫画：鈴木マナツ 原案：岡田麿里 「WIXOSS TCG」＆「TVアニメ selectorシリーズ」10周年 10周年を記念したプロジェクトとして 「selector」シリーズの10年後を描いた続編 「selector loth WIXOSS」るう子＆タマ完結編の 特別ボイスコミック!! ＜出演＞ るう子：加隈亜衣 タマ ：久野美咲 繭 ：種田梨沙 ＜動画編集＞ BANDEIRANTE ＜関連サイト＞ ▼TCG「WIXOSS」最新商品はコチラ!! るう子＆タマがレベル4ルリグとなって登場!! https://www.takarat
「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シリーズの１０年後を描いた続編
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
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
:is セレクターのリストを引数に取り、リスト中のセレクターの何れか一つに当てはまる要素をすべて選択します。 擬似要素にはマッチしません。 /* 以下の3つのセレクタは */ article:hover h1, article:focus h1, article:active h1 { color: red; } /* :is() を使うと以下のように簡潔になる */ article:is(:hover, :focus, :active) h1 { color: red; }
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
こんにちは！ react native のアドベントカレンダー22日目の記事になります。 BeatFit で CTO をしております、飯塚と申します。 弊社のプロダクトでは、状態管理ライブラリーに、Redux、middleware に Redux-Observable、store と component の間に、selector 層を入れております。 このアーキテクチャーでなんの疑念も抱くことなく2年ほど開発してまいりましたが、selector 層が導入されていない別プロジェクトに携わる機会があり、この層の存在価値を1から再勉強しようと思った次第であります。 また、React を使っていると、所々にメモ化の概念が出ることがあり、そもそもメモ化ってなんだっけ？という基礎的な部分からおさらいできればと思います。 では、よろしくお願いします！ 人間の脳の限界、忘却曲線について 我々の脳で処理でき
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
Allows you to quickly display just the group of calendars that you want (on Google Calendar). With this Google Calendar extension for Chrome, you'll be able to define presets of multiple calendars that can be displayed or hidden with one click. This way, you will be able to easily jump back and forth between different calendar sets. Useful for viewing an entire team's availability, or previewing s
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ページを開く