青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

2022-08-01から1ヶ月間の記事一覧

styled-componentsで同じことを繰り返したい時に使えるrepeat

qiita.com qiita.com text-shadowを重ねたい。 developer.mozilla.org styled-componentsでrepeatさせれば楽にできる

Macでソフトのプレゼン動画とかでキーボード操作を画面に表示して録画したいときに使える keycastr

Mac

programmer-life.work github.com 操作マニュアル作りたくて探してたけど無料でいい感じにできた。Githubでのリリースも今年も出てるし。

カーソルキー(↑ or ↓)押下でフォーカスを移動させたいがその際にスクロールを抑制したい

カーソルキーでフォーカスを移動させたい。Tabキー押下でできるやつ。けど調べた感じ気合でDOMとってきてそいつにfocus()するしかないっぽい。仕方ないのでrefでつなげてfocus()した。 で、そのフォーカスを移動させたい要素がoverflow: scroll内の要素なの…

JavaScript Shift + Enter でkeydownとるには event.shiftKey && event.key === 'Enter'

1-notes.com Shiftキーはevent.keyとかじゃないのね

JavaScript MacのCommandキーをkeydownでとるには event.metaKey

hacknote.jp

event.nativeEvent.isComposingってなに

zenn.dev developer.mozilla.org なるほど予測変換中ということか、input要素でEnterで送信させる際に予測変換しているとき以外で動作させるためなのね

WindowsでMagic Trackpadを使う

けっこうかんたんだった。MacとWindowsで同じデバイスを有線で使いたく導入した。 ringo-hack.com www.iplab.cs.tsukuba.ac.jp タッチパッドの速度変更も普通に効く

JavaScript Null合体演算子と三項演算子の同時使用時の計算の優先順位(まあ今回は優先順位関係ないのですが…)

以下みたいなやつ、なんか初見でぱっと見でcontainedとoutlinedがなにがおきたらどうなるのかわからなかった。Null合体演算子と三項演算子が同時に使われているの初めて見た。 condition1 ?? condition2 ? 'contained' : 'outlined' condition1がtrueだった…