HTMLのselect要素がCSSでカスタマイズ可能になる

2024/09/30 12 users select要素 CSS HTML カスタマイズ イチ

select 要素がカスタマイズできるようになる これまで HTML の<select>要素はカスタマイズが難しい部分でした。各ブラウザのデフォルトスタイルに依存しデザインや機能を統一するのが困難でした。かといってオリジナルのセレクトボックスを作成するとなると CSS と JavaScript でイチから作成する必要がありました。 し... 続きを読む

スタイルをカスタマイズ可能な新しい `<select>` 要素

2024/09/21 44 users JavaS プラグ CSS Chrome Canary 要素

Note 2024/09/21 現在、カスタマイズ可能な <select> 要素は Chrome Canary の v130 以降で Experimental Web Platform Features フラグを有効にすることで利用可能です。 従来の <select> 要素は CSS を利用したスタイルを適用できないため、多くの開発者にとって課題となっていました。この課題を解決するために JavaS... 続きを読む

MySQL/Aurora/TiDBロック入門 – 第３回ロック読取りも SELECT は止められない【解説動画付】｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ

2024/06/13 18 users Aurora バックエンドサーバー MySQL 挙動 互換

MySQL/Aurora/TiDBロック入門 – 第３回ロック読取りも SELECT は止められない【解説動画付】 MySQL とその互換 DB のロックの挙動を紹介する入門シリーズ、第３回は第２回で紹介したロックモニターを使って、業務ではよく使われているロック読取りについて解説します。 ロック読取りは、ゲームのバックエンドサーバーな... 続きを読む

よりカスタマイズ可能なセレクトボックスを実現する `selectlist` 要素

2023/10/07 12 users セレクトボックス スロット カスタマイズ 従来 要素

よりカスタマイズ可能なセレクトボックスを実現する `selectlist` 要素 2023.10.07 `<selectlist>` 要素は、デザインをカスタマイズできなかった従来の `<select>` 要素の問題を解決するために Open UI グループにより提案されている要素です。`<selectlist>` の構成要素の多くはスロットとして提供されていて、高いカス... 続きを読む

パスワードがハッシュ値で保存されているサイトのSQLインジェクションによる認証回避の練習問題 - Qiita

2023/09/17 312 users $sql Qiita SQLインジェクション とおり 外部

SQLインジェクションによる認証回避 SQLインジェクションによる影響として、情報が漏洩するとか、データが勝手に更新されてしまうなどとともに、認証回避の例がよく紹介されます（私の本でも取り上げています）。 典型的な例は下記のとおりです。 // $id と $password は外部からの入力 $sql = "SELECT * FROM users WHE... 続きを読む

MySQLでNested Loopなクエリはインデックスをどう辿っているか - $shibayu36->blog;

2023/07/18 74 users クエリ MySQL インデックス 遅いクエリ Blog

タイムライン的なものをSELECTだけで実装しようと思った時に、Nested LoopなクエリでUsing temporary; Using filesortが出るようなそこそこ遅いクエリになる。その時にMySQLがインデックスをどう辿っているかを知りたかったので調べてみた。MySQLバージョンは8.0.33。 あまり自信はないので、もし間違った話をしていたら... 続きを読む

Aurora MySQL でレコードが存在するのに SELECT すると Empty set が返ってくる事象を調査した話

2023/05/12 140 users 事象 Aurora MySQL レコード

こんにちは。 KINTO テクノロジーズの DBRE チーム所属のp2skです。 DBRE（Database Reliability Engineering）チームでは、横断組織としてデータベースに関する課題解決や、組織のアジリティとガバナンスのバランスを取るためのプラットフォーム開発などを行なっております。DBRE は比較的新しい概念で、DBRE という組... 続きを読む

HTML で `<select>` 要素を `<hr>` でセパレートできるようになった

2023/05/03 121 users ＨＲ Proposal WHATWG HTML Issue

HTML Living Standard の5月2日付けの更新で <select> 要素の子要素として <hr> を含めることができるようになりました。 Proposal: Allow adding separator rows to <select> boxes using <hr> · Issue #3410 · whatwg/html Allow <hr> to be used inside <select> as a separator by annevk · Pull Request #9124 · wh... 続きを読む

JSON や CSV で SELECT * FROM したいときは columnq-cli が便利

2022/10/03 17 users JSON Notion TechFeed from CSV

techfeed 経由で下記のスレッドを見かけたのですが、タイトルだけでも既に面白そうです。 また、ちょっと前から Notion のデータベースを各種コンテンツへ変換するツールを作っていまして、これを組み合わせるといろいろ楽できそうな予感がします。 そのようなわけで、スレッドで紹介されていた columnq-cli についての... 続きを読む

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

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

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

iOS Safari の <select> 要素は密かに変わっているのをご存知ですか - マンガ〜ノ伊藤ノ〜ト

2021/12/02 24 users iOS Safari ご存知 要素 マンガ〜ノ伊藤ノ〜ト

私事ですが先日引っ越した． それはよくて，引っ越しすると住所変更が面倒で 外部キーでマスターからカスケードですべて変わってくれないかと思う． それもよくて，大事な書類が届かないと大変だと 銀行口座やクレジットカードの住所変更をしていた． 起 生活に必要なものを大抵スマホのアプリで入れている． クレジット... 続きを読む

実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial

2021/11/12 508 users SQL Transcript 徹底解説 書き方 実際

Transcript 実際に使うSQLの書き方 徹底解説 ～ PostgreSQLのSQL入門 ～ PostgreSQLカンファレンス 2021 - チュートリアル 今日は主に参照（SELECT）の話をします
 
 
 What is it? サンプルを実際に実行しながら説明します
 
 
 What is it? 今日の実際のサンプルはこちら
 
 
 What is it? https://github.com/soudai/... 続きを読む

GoでSQLにトレーシングコメントを埋め込んで実行する | おそらくはそれさえも平凡な日々

2021/02/02 130 users SQL SRE Path 日々 General Log

アプリケーションが発行するSQLにコメントが埋め込めると便利です。例えば、 /* path/to/logic.go:334 */ SELECT ... のようにSQLに発行元の情報をコメントとして埋め込んでからExecすれば、DB側のログ(general log等)にも記録されるため、SREやDREサイドからも、負荷の高いSQLがアプリケーションのどこから発行されてい... 続きを読む

SELECT ... FOR UPDATE同士でデッドロックさせる - かみぽわーる

2020/12/15 275 users デッドロック かみぽわー 前職 FOR UPDATE レコード

最近SELECT ... FOR UPDATEでデッドロックする話を何度かしたので。 前職のときにUPDATE同士がデッドロックしてたときに、SELECT ... FOR UPDATEで排他ロックを取ってからUPDATEしてデッドロックを防ぎますってPRをレビューしてたときのことで、複数レコードの排他ロックは一瞬ですべてのレコードのロックを取れるわけで... 続きを読む

本番環境で動作している（はずの）selectを叩いてサービスを落とした話 - Qiita

2020/12/04 14 users Qiita TLDR 懺悔 ミッション 反省

この記事は本番環境でやらかしちゃった人アドベントカレンダー20205日目の記事です。 去年の投稿を見て自分も過去色々やらかしてしまったなあという反省と懺悔の元今回参加させていただきました。 TLDR; 当時新卒1~2年目だった自分にあるミッションが課せられました。 当時関わっていたサービスに いわゆる一覧画面 + ペ... 続きを読む

Rails: Active Recordメソッドのパフォーマンス改善とN+1問題の克服（翻訳）｜TechRacho（テックラッチョ）〜エンジニアの「？」を「！」に〜｜BPS株式会社

2020/03/11 11 users Rails TechRacho テックラッチョ Exists

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Improving Database performance and overcoming common N+1 issues in Active Record using includes, preload, eager_load, pluck, select, exists? – Saeloun Blog 原文公開日: 2020/01/08 著者: Rohit Kumar サイト: Saeloun — Ruby on Railsのコンサルテ... 続きを読む

品川 高廣 on Twitter: "Linux カーネルは過去7年で基本性能がどんどん遅くなっているらしい。select() は2年前と比べて最大100%の性能低下。要因はセキュリティ強化、新機能、設定ミス。今年の SO

2019/10/31 22 users カーネル Linux 品川 要因 性能低下

Linux カーネルは過去7年で基本性能がどんどん遅くなっているらしい。select() は2年前と比べて最大100%の性能低下。要因はセキュリティ強化、新機能、設定ミス。今年の SOSP で一番 OS っぽい話。https://t.co/zZjuALAkS6 続きを読む

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

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

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

日々の覚書: そのvarchar型のカラムに入っている値が数字だけかどうかを確認する方法

2019/03/29 18 users カラム 覚書 バッチ 数字 前提

TL;DRなんか SELECT * FROM t1 WHERE CONCAT('',c1 * 1) != c1 であぶりだせるらしいけどなんで？ と聞かれたのでその解説。俺は↑のやり方初めて聞いた。。個人的には WHERE c1 NOT RLIKE '^[0-9][0-9]*$' でいいんじゃない？ と思う。前提（？）「数値しか入らないはずのカラムに文字列が入っていてバッチが転けてるの... 続きを読む

GoでDialogsを使ったSlack Appを作る - shiimaxx's blog

2018/12/12 29 users textarea Button Slack text MENU

このエントリは Go Advent Calendar 2018 12日目の記事です。 SlackにはInteractive frameworkという仕組みがあります。これによりButtonやMenuなどのインターフェースをユーザに提供することができます。 このInteractive frameworkのひとつとしてDialogsがあります。Dialogsは、Text、TextArea、Selectの要素からなる... 続きを読む

CSV に SELECT / UPDATE クエリを実行できる VS Code の拡張機能「Rainbow CSV」 - kakakakakku blog

2018/11/29 353 users update クエリ CSV egrep VS Code

定期的に CSV からデータを抽出する機会があり，抽出条件によって，今までは以下のような方法を使っていた． CSV を Excel で開いてフィルターを使う方法 CSV を grep / egrep などの Linux コマンドで絞り込む方法 CSV をAmazon S3 にアップロードして Amazon S3 Select でクエリを実行する方法 Rainbow CSV 新しい方法... 続きを読む

MySQL でオプティマイザトレースを取得する - ablog

2017/12/09 19 users ABlog MySQL enabled size トレース

MySQL でオプティマイザトレース（Oracle Database でいう 10053 トレース）を取得する方法。 mysql> SET optimizer_trace= "enabled=on" ; mysql> SET optimizer_trace_max_mem_size = 1048576 ; mysql> select 1 ; mysql> select * from informa... 続きを読む

メジャーなRDBMSでREPLACE関数が空文字を返すかnullを返すか調べてみた - ＩＴ社畜犬くわっちょのはてな

2017/11/08 12 users RDBMS test Oracle null 挙動

2017 - 11 - 08 メジャーなRDBMSでREPLACE関数が空文字を返すかnullを返すか調べてみた 青森に帰ってきてから仕事では Oracle を使うようになった。 今までは予算の都合から使える事はなかったのだが......。 そんな中、2017年にもなって Oracle を使う人ならまず引っかからないであろう奇妙な挙動に引っかかる。 SELECT 'TEST' FROM dual ... 続きを読む

Kotlin で拡張関数をオーバーライドして実装を切り替えられるぞ！ - ひだまりソケットは壊れない

2017/11/04 23 users Kotlin ひだまりソケット Fizz コルーチン 実装

2017 - 11 - 04 Kotlin で拡張関数をオーバーライドして実装を切り替えられるぞ！ Kotlin 背景 : コルーチンの Select 式の実装を理解するのが難しかった コルーチンのドキュメントを読んでいて select 関数というのが出てきたのだけど、これの実装がどうなっているのかすぐにはわからなかった。 suspend fun selectFizzBuzz(fizz: Rece... 続きを読む

Rails アプリケーション内でいい感じに Vue.js を使いたい

2017/08/24 56 users Rails Rai Vue.js フィルタリング SPA

Vue.js は普通の Web ページにもゆるふわに導入しやすい点がメリットの一つですが、(SPA ではない) Rails アプリで使う時は少し考えて書かないとつらくなってくると思います。 例えば、ある <select> 要素の値に応じて別の <select> 要素で選択可能な値をフィルタリングするという機能を実装したい場合を考えます。フィルタリングの機能を持たない、ただのフォームであれば Rai... 続きを読む