青いやつの進捗日記。

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

react-modalでモーダルのDOMを差し込む親を選ぶ

デフォルトだと一番最後にモーダルが入る CSSの指定上、どこかの相対位置でモーダルを出したい場合はそこにDOM差し込まれると位置の指定が辛いので親要素を選びたい reactcommunity.org parentSelectorで選べる reactっぽくやるならrefで繋げて指定してあげ…

【メモ】VSCodeでgit pushとかmergeとか色々したときに自動でfetchしてくれるやつの設定どこだっけ…?

会社用のMacでこの設定できてなくて地味に一手間あってしんどい。でもどこだっけ…? 私用Macを見る感じ、たぶん、以下のやつかな…?

Warning: React version not specified in eslint-plugin-react settings. See https://github.com/jsx-eslint/eslint-plugin-react#configuration . の対処法

Warning: React version not specified in eslint-plugin-react settings. See https://github.com/jsx-eslint/eslint-plugin-react#configuration . というwarningが出ていたのでその解決方法 blog.freks.jp zenn.dev settings: { react: { version: 'detec…

GoogleMeetやZoomで背景設定するとき背景画像反転することに気づく、問題ないか他の人から見た視点で確認したい

g-tips.jp www.sakurasaku-labo.jp chrome.google.com そもそも画像も反転していても他の人からは正しく見えているので問題ないのですが、一応他の人から見た状態で問題ないかを見たい場合、Zoomなら設定でそのままいじれるし、GoogleMeetだと拡張機能でいけ…

【リンクメモ】Figmaで日本語がバグらず打てるプラグイン

Figmaで日本語がバグらずに打てる「EditText」というプラグインをリリースしたからよかったら使ってね👇EditText – Figma https://t.co/IOInfNF0uG pic.twitter.com/5WYrhJvqKl— Ryo Nakae (@ryo_dg) 2020年6月22日 www.figma.com 一応メモとして残しておくけ…

【リンクメモ】インセプションデッキって言葉を知らなかった

zenn.dev これでちょっと私的なプロジェクトをやるときにやってみたいな

0がtruthyなので0が描画されちゃう問題をlintでふせぐ

tech.motoki-watanabe.net tech.motoki-watanabe.net 過去に苦しんでた。0が描画されちゃうやつ。きづければいいんだけど、人間の認知の限界はある。 そんなときに使えるeslintのpluginが…! zenn.dev GithubのStarが少ないのがちょっときになるけど、とはい…

子コンポーネントの関数を叩けるuseImperativeHandle

とある条件下でコンポーネントにfocusさせたかった。結局この方法は採用しなかったけど備忘録として。 zenn.dev qiita.com forwardRefでrefを受け流して繋げて(本題から逸れるがforwardRefじゃなくてpropsでRefObject渡すのでも同様に可能)、コンポーネン…

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 タッチパッドの速度変更も普通に効く