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

2024/10/09 21 users フロントエ サイボウズ Has gihyo.jp ＩＳ

乗りこなせ！ モダンフロントエンド 新しい擬似クラス:has()⁠⁠、:is()⁠⁠、:where()を使いこなそう ［CSS Modern Features no.1］ 本連載について はじめまして！ サイボウズ フロントエンドエキスパートチームの麦島です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズ フロントエ... 続きを読む

【CSS】まだホバー時のスタイルを :hover だけで指定してるの？

2023/08/07 267 users hover enabled Summary Button 結論

はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マ... 続きを読む

えっちな同人音声を、安易に自身の声で販売するべきではない - 健常者エミュレータ事例集Wiki

2023/01/26 33 users 健常者エミュレータ事例集Wiki 同人音声 自身 when

健常者エミュレータ事例集Wiki 集合知を構築しよう トップページページ一覧メンバー掲示板編集 えっちな同人音声を、安易に自身の声で販売するべきではない 最終更新：ID:IFh0Fs6yuw 2023年01月26日(木) 10:02:26履歴 Tweet 5W1H+Then状況説明 Who(誰が)私がWhen(いつ)社会人のときWhere(どこで)インターネット上でWhy(... 続きを読む

幼児にトルコ語を教えて混乱させてはいけない - 健常者エミュレータ事例集Wiki

2023/01/19 12 users 幼児 健常者エミュレータ事例集Wiki トルコ語 when

健常者エミュレータ事例集Wiki 集合知を構築しよう トップページページ一覧メンバー掲示板編集 幼児にトルコ語を教えて混乱させてはいけない 最終更新：ID:gKOtw8II4g 2023年01月19日(木) 23:44:16履歴 Tweet 5W1H+Then状況説明 Who(誰が)筆者がWhen(いつ)大学生の頃Where(どこで)実家でWhy(なぜ)将来的にルー大柴みたい... 続きを読む

データ基盤にありがちな「何を使って作ればよいか？」という問いに対する処方箋を用意してみました. - Lean Baseball

2022/11/30 349 users Lean Baseball 処方箋 アーキテクト How ヤツ

ちょっと昔まではデータ基盤の管理人・アーキテクト, 現在は思いっきりクラウドアーキを扱うコンサルタントになったマンです. 私自身の経験・スキル・このブログに書いているコンテンツの関係で, 「データ基盤って何を使って作ればいいの?」的なHow（もしくはWhere）の相談. 「Googleのビッグクエリーってやつがいいと聞... 続きを読む

CSSの新機能を効果的にうまく使った、新時代のCSSリセット -acab/reset.css

2022/11/01 60 users iOS Safari 新しいビューポート単位 100vh

詳細度を0にする:where()、iOSのSafariで100vhが高さいっぱいにならないを解決できる新しいビューポート単位など、CSSの便利な新機能の各ブラウザでのサポートも完了し、すでに使用されている人も少なくないと思います。 CSSの新機能を効果的にうまく使った、新時代のCSSリセットを紹介します。 CSSリセットとして使用す... 続きを読む

【CSS】きみは "擬似クラス" 何個言えるかな？？ - Qiita

2022/08/19 238 users Qiita hover focus CSS キミ

はじめに あなたは "擬似クラス" 何個言えますか？ 擬似クラスには、:hover や :active、:focusといったよく使うものから、 :is()や:where()、:has()といったこれからサポートされていくものまで たくさん種類があるのは、ご存知ではないでしょうか？ でも、"擬似クラス" 何個言えますか？と聞かれると数個くらいしか思... 続きを読む

WHERE 条件のフィールドを UPDATE するのって，明示的にロックしてなくても安全？全パターン調べてみました！ - Qiita

2022/07/03 141 users Qiita Postgres update select 排他

TL; DR MySQL/Postgres とも， MVCC アーキテクチャの恩恵で， SELECT と UPDATE は基本的には競合しない。 単一レコードのシンプルな UPDATE でも排他ロックされ，排他ロック中のレコードへの UPDATE での変更操作は トランザクション分離レベルによらず ブロックされる。UPDATE 文に含まれる WHERE 句での検索もブロッ... 続きを読む

シンプルで軽量！ 新しいCSSリセット「The New CSS Reset」を作成したElad Shechterにインタビュー

2021/10/28 11 users 新しいCSSリセット インタビュー box-sizing

CSSの新しい機能:where()や:not()、allプロパティやunset値やrevert値などを使用したCSSリセット「The New CSS Reset」の特徴や機能の解説などを作成したElad Shechterに聞いたインタビューを紹介します。 CSSリセットの考え方や現在の扱い方、新しいプロパティや値の使い方・注意点、CSSの記述方法、box-sizingやlist-s... 続きを読む

新しいCSSリセットはシンプルで軽量！CSSの新しい機能を使用したCSSリセット -The New CSS Reset | コリス

2021/07/19 28 users コリス CSS unset CSSリセット セレクタ

CSSの新しい機能は主要ブラウザでのサポートが進んでいます。例えば、1年くらい前にサポートされはじめたセレクタの詳細度を0にする:where()も、現在では主要ブラウザのすべてでサポートされています。 CSSの新しい機能を使用した、シンプルで軽量なCSSのリセットを紹介します。 :where()や:not()、allプロパティやunset... 続きを読む

CSSの新しいセレクタが便利！複数のセレクタを1つにまとめられる:is()、さらに詳細度を0にする:where()の使い方 | コリス

2021/04/07 8 users セレクタ コリス CSS ＩＳ ブラウザ

CSSの新しいセレクタが、主要なすべてのブラウザにサポートされました（ただし、IEは除く）。複数のセレクタを1つにまとめられる:is()、同機能でさらにセレクタの詳細度を0にする:where()をどのように使い分ければよいのか紹介します。 :where() has a cool specificity trick, too. by Chris Coyier 下記は各ポイントを... 続きを読む

CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる！ | コリス

2020/06/17 200 users コリス セレクタ CSS Safari Firefox

複数のセレクタを1つにまとめられる:is()、セレクタの詳細度を0にする:where()、CSSの新しい疑似クラスが、SafariとFirefoxで利用できるようになりました。 そんな:is()と:where()の便利な使い方を紹介します。 CSS :is() and :where() are coming to browsers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳... 続きを読む

FirebaseのFirestoreに便利なクエリ「array-contains-any」ってのができたからサンプルサイトとともに解説するぞ！ - フロントエンドの地獄

2019/10/30 44 users Firebase Firestore Array doc 地獄

前から噂されていた便利クエリarray-contains-anyがついにJSのSDK等に入ったので早速使ってみます！ SDK入りたてでできたてホヤホヤのため、まだ公式ドキュメントには影も形もありません笑（2019/10/30現在） array-contains-any ってどんなの 今までwhereにarray-containsを指定すると、arrayに特定の値が入っているdoc... 続きを読む

最強である一方で最も軽視されているフレームワーク「5W1H」：当たり前のことを当たり前にやることは難しい - 点灯夫のように生きよう 〜 外資系コンサルタントの小さなつぶやき

2019/06/22 17 users フレームワーク when 点灯夫 一方 ＷＨＯ

5W1Hは誰でも聞いたことがあるとがあるだろう。 いつ(When)、誰が(Who)、何を(What)、どこで(Where)、どうして(Wht)、どうやって(How)の頭文字をとったものだ。 この基本的すぎるかもしれない、また今更かよと思われるかもしれない5W1Hだが、個人的には仕事をする上での最強のフレームワークだと思っている。 シンプルで... 続きを読む

MySQLで直感的じゃない動きをするRAND()とSYSDATE()について - なからなLife

2019/05/27 54 users Rand 右辺 rand関数 index select

端的にいうと SELECTのWHEREの条件の「右辺」に、RAND()やSYSDATE()のような非決定性関数を使うと、想定外のことが起こる。 戻ってくる行数が想定と異なる。 Indexが効かなくなる。（テーブルフルスキャン走る） どっちもなかなかのインパクトです。 戻ってくる行数が想定と異なる件 RAND関数を使って、テーブルからサン... 続きを読む

アプリケーションを作るときに考える25のこと

2019/03/23 29 users アプリケーション Organization RECORDS

アプリケーションを作るときに考える25のこと 1. 2. 3. 4. 5. 6. 7. @pagy, @records = pagy(Product.some_scope) « First ‹ Prev ... 2 3 4 5 6 7 8 9 10 ... Next › Last » 8. class Article < AR::Base default_scope { Current.organization && where(organization: Current.organization) } end 9. User.first # S... 続きを読む

アプリケーションを作るときに考える25のこと

2019/03/23 436 users アプリケーション Organization RECORDS

アプリケーションを作るときに考える25のこと 1. 2. 3. 4. 5. 6. 7. @pagy, @records = pagy(Product.some_scope) « First ‹ Prev ... 2 3 4 5 6 7 8 9 10 ... Next › Last » 8. class Article < AR::Base default_scope { Current.organization && where(organization: Current.organization) } end 9. User.first # S... 続きを読む

写真における「Why」 - #RyoAnnaBlog

2017/10/17 6 users when RyoAnnaBlog ＷＨＯ why What

2017 - 10 - 17 写真における「Why」 Camera Camera-XPro2 Camera-XF16_55mmF2.8 Camera-Tips 人に何かを伝えるとき「5W1H」が重要だとよく言われるが、これを冒頭の写真で考えた。 いつ（When） 夕暮れ時 どこで（Where） 名古屋ミッドランドスクエアのエレベーター だれが（Who） 私 なにを（What） JR高島屋のビル な... 続きを読む

期間を絞った処理がしたいけどcreated_atにインデックスがなくて辛いときの処方箋 - Qiita

2017/04/03 23 users Qiita hours error ago log

Log . where ( 'created_at > ?' , 24 . hours . ago ) . where ( type : 'error' ) って叩きたいのだけど、 created_at にインデックスなんて張ってないので全力でフルテーブルスキャンになって結果が返ってこない 続きを読む

mysqldumpで特定のレコードだけエクスポートする - oinume journal

2016/12/08 11 users mysqldump エクスポ oinume journal

2016 - 12 - 08 mysqldumpで特定のレコードだけエクスポートする MySQL 忙しい人向けまとめ mysqldumpの --where オプションを使うと特定のレコードだけmysqldumpできる --where には LIMIT 句も指定できる --where オプションで大量のデータから一部だけをmysqldumpすることが可能 本文 mysqldump、データだけエクスポ... 続きを読む

Railsで複数テーブルのjoins/includesとwhere検索 | EasyRamble

2015/10/17 55 users Rub ActiveRecord includes テーブル

Rails の ActiveRecord で複数の関連する DB テーブル（モデル）を joins/includes させて、where 検索を行う方法です。結構難しかった。 — 環境 — Rub […] 続きを読む

Observable Everywhere - Rxの原則とUniRxにみるデータソースの見つけ方

2015/04/16 68 users neuecc ＷＨＯ UniRx linq.js 原則

Transcript 1. Observable Everywhere Rx UniRx 2015/04/16 Yoshifumi Kawai - @neuecc 2. @neuecc - Who, Where, When 2009/04 linq.js – LINQ to Objects for JavaScript https://linqjs.codeplex.com/ LINQ 2009/... 続きを読む

Railsに慣れたRubyistに捧げるUnderscore.js便利メソッド 5選 | マネーフォワード エンジニアブログ

2015/02/02 46 users Rubyist Rails サーバーサイド マネーフォワード

マネーフォワードではサーバーサイドのエンジニアがRails/Javascriptともに担当しています。 どうしてもRailsに比べjavascriptは記述量が気になることが多かったのですが、Underscore.jsを入れてから劇的に便利になりましたので、ご紹介します！ http://underscorejs.org/ 1. where, findWhere published_books = ... 続きを読む

日本人が英語を喋れない本当の理由は簡単な単語や言い回しを「知らない」から:哲学ニュースnwk

2014/05/29 223 users 言い回し 哲学ニュースnwk 雪崩式ブレーンバスター 単語

2014年05月29日20:00 日本人が英語を喋れない本当の理由は簡単な単語や言い回しを「知らない」から Tweet 1： 雪崩式ブレーンバスター(茨城県)＠＼(^o^)／：2014/05/27(火) 22:33:31.87 ID:1IM3jUjY0.net アメリカへ行って最低限必要な英語力は 「トイレはどこですか？」 です。 これだけは絶対我慢できませんから。 私は簡単に「Where, re... 続きを読む

sqlのwhere in って、複数条件(カラム)を指定できるんですね - end0tknrのkipple - web写経開発

2013/11/12 116 users SQL Postgres MySQL カラム select

http://blog.fusic.co.jp/archives/1765↑postgresの記事ですが、mysqlでも同様に実行できました。 SELECT * FROM test_table WHERE (col,co2) IN -- 複数のカラムを指定 (SELECT subcol1,subcol2 -- 副問いの戻り値も複数のカラムを指定 FROM subtable WHERE id > 1... 続きを読む