pig's diary

何でも忘れるので万年初心者ね

2016-01-01から1年間の記事一覧

systemd-networkd + wpa_supplicant でワイヤレスネットワーク接続

netctl で繋いでいたが、別のマシンで systemd-networkd での接続が比較的スムーズに行ったので、母艦の ArchLinux も systemd-networkd で管理することにした。netctl で接続したときはツールがいろいろ出てきて(wifi-menu, wpa_supplicant)、正直どうや…

Webページ表示直後にスタイルが当たらず画面が点滅するように見える現象

Flash of unstyled content - Wikipedia, the free encyclopedia http://stackoverflow.com/q/34615898/804314

IndexedDB調査

IndexedDBの動きを見てみた。特徴とおぼしき点を列挙する。 DBバージョンとマイグレーションのための機構を提供 JSONで表現できる型しか保存できない functionが生えてるとこける 主キー、もしくはマイグレーション(onupgradeneeded)で予めindexを作ってお…

`pointer-events:none;` で作る視覚効果

CSSで、視覚的には手前(z-indexが大きい)にあるんだけど、clickやmouseoverに反応しない(他の要素へのイベントを一切妨げない)要素、みたいの作れるんだろうか。画面の特定箇所をハイライトする目的で使いたい。— piglovesyou (@takamura_so) March 21, …

キーワードをハイライトできるテキストボックスをReactで作った

デモ github.com 山場 ハイライト自体は、contenteditable+keyup+el.innerHTML.replaceですぐに動く。問題はel.innerHTML = el.innerHTML.replace(...)したあとカーソルが先頭に戻ってしまうこと。これによりユーザーが入力し続けることができず、入力装置と…

MutationObserver/Mutation Events は孫DOMへの操作も検知するのか

MutationObserver/Mutation Events は、孫DOMへの操作も検知するのだろうか。Chrome48.0.2564.103 とFirefox44.0.2で検証した。 ※ざっくりした調査なのでご参考までに。 結論 MutationObserverは仕様にsubtreeオプションがあり、ChromeもFirefoxもこれを実装…