青いやつの進捗日記。

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

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だった…

Amplify & AppSync & Cognito な環境でRetoolと繋げる

dronz.medium.com これを参考にすれば出来ます。 まずひとつ思ったのは上記Mediumの指示通りにやるには、慣れてないのであれば言語設定を https://ap-northeast-1.console.aws.amazon.com/settings/home?region=ap-northeast-1#/ とかから一時的に英語にして…

【メモ】Hydrationエラー って何 React18でHydrationエラーとやらが起こるらしい

zenn.dev v3.ja.vuejs.org HTMLがそのページに必要なJavaScriptを読み込んで動的なDOMを生成する過程ことを言うのかな? React18でHydrationエラーが起きるようになったらしいので、React18にあげるなら直すしかない blog.ojisan.io zenn.dev なぜ起こるかと…

Retool、ユーザーの組織移行は出来ない?

community.retool.com community.retool.com community.retool.com コミュニティの返事を見る限りサポートに連絡するしかいまのところ手段なさそう。2022年4月でもメール化チャットで連絡してって言ってるので

【リンクメモ】エイリアスを使ってGmailのアドレスを複数作る

dekiru.net 複数アカウント作って検証しなきゃのときとかに使えそうな気配

svg画像をimportしてレンダリングしてると、svg画像の同じ名前のファイルを差し替えた場合に .next/cache を一回消さないとキャッシュが残っちゃってローカル開発時に差し替わらない

blog.makotoishida.com svg画像をimportしてレンダリングしてると、svg画像の同じ名前のファイルを差し替えた場合に .next/cache を一回消さないとキャッシュが残っちゃってローカル開発時に差し替わらない。 ので、自分で.next/cacheを自分で消すとローカル…

【リンクメモ】音のフィードバック snd.dev

www.dentsu.co.jp snd.dev zenn.dev たしかにいままでWeb上で音のフィードバックってつけたことないなー。でもゲームとかだとボタンとか基本全部音のフィードバックついてるもんな。まあゲームだから音量付きでユーザーが使ってるって前提はあるだろうけど

objectのdata属性で読み込んだsvgにCSSやJSをあてる

objectのdata属性で読み込んだsvgの中にあるaタグに対してJSやCSSをあてたい。 qiita.com 別documentになるので、普通にJSやCSSはあたらない。上記Qiitaにあるようにobjectをとってきてその.contentDocumentをとり、そこに対してJSを当てる必要がある。 cons…