[CSS] カスタムデータ属性を動的に変化させた時に子要素のCSSが適用されない件

例えばこのようなCSSとHTMLコードがあった場合、親要素のカスタムデータ属性をJSで書き換えてもデザインが変化しないことがあったので対応策をメモ。

<div id="hoge">
    <div>ほげ</div>
</div>
div > div {
    background-color: blue;
}
div[data-hoge="red"] > div {
    background-color: red;
}

続きを読む

[PHP] 次に来る◯時のタイムスタンプを取得するシンプルな方法

次に来る◯時(5時とか)のタイムスタンプが欲しい時ありますよね?
色々方法はあると思いますが、なんだかんだで日をまたぐと煩雑になりがち。
ということでstrtotime()を使ってシンプルに片付けたのでメモ。

strtotime(sprintf($hour > date('G') ? '%d:00' : '+1 day %d:00', $hour)));

続きを読む

[PHP] キーを維持したまま配列をシャッフルするシンプルな方法

PHPのshuffle()ってホラ、あれですよね?
キーを張り替えて混ぜてるから、キーが連番で振り直されちゃうっていう。
やはりキーを維持したまま混ぜたい時もあるんで、ashuffle()とかは無いし、どうするよって思ってやってみたら1行で実現できたのでメモ。

uasort($a, function() { return mt_rand(-1, 1); });

続きを読む