もちろんVSCodeでチェックはできるのだけど、エラー起きてるファイルを開いていないとエラーに気づけない。共通で使ってる型定義を変えたりした場合とか。 next lintがOKでもnext buildだとビルドエラーでだめだったりしてどうにかしたいのが発端。 github.c…
coders-shelf.com mui.com
www.i18next.com { "key": "{{what}} is {{how}}" } i18next.t('key', { what: 'i18next', how: 'great' }); // -> "i18next is great" こんなかんじでいける
zenn.dev undefinedはJSON的に有効じゃないから、とのこと nullを返すようにすればOK
そもそもbentoってなに "A link in bio" Linktreeとかプロフィール欄に貼るリンクのことをこう呼ぶけど、Bentoはデザイナーなどクリエイターが使うのに良さそうなツール。SubstackとかInstagramとか各種サービスへいい感じにリンク貼ってくれる。https://t.c…
it-kyujin.jp 10万行以上あるファイルさわろうとしたらVSCodeだと保存時に色々拡張機能だったりLintだったり動いて重すぎて話にならず。(そりゃあそう) Lintは動いてほしいしformatonsaveだけ動かさない、ってファイルの種類でしか指定できないはずだから…
tanweb.net support.google.com Google Chrome アプリ化しておくと便利なことに気づいた。こんなのできたの。 たまに音楽をどのタブで開いてるのかわからなくなったりするから音楽系とよくアクセスするGoogleカレンダーとか追加してみた ショートカットを作…
tech.motoki-watanabe.net 私的には超絶必須アプリ。 なんかたまーにHyperSwitch動かなくなってMacのデフォルトのCommand + Tab の切り替えに戻ってしまう。 で、結論、一回スクリーンセーバー立ち上げて復帰すると復活する。 なんででしょうか。 備忘録とし…
年賀状、今までは実家で毎年親が買ってた年賀状のデザイン載ってる本を使って実家のWIndowsPC駆使して家のプリンターで年賀状作ってたのだけど、一人暮らしとなり、さてどうしようかなーと。たぶんああいう本ってMacには対応していないだろうし、家にプリン…
去年はこちら tech.motoki-watanabe.net まずそもそも今年は去年の半分くらいしか投稿してなかったな…ここ数年で一番少ない。なんかここ1年、たぶん実装以外のこと多かったような気がするわ。 まあでも手元のNotionには書いててブログにおこせてないだけでは…
lealog.hateblo.jp
zenn.dev zenn.dev の2つが参考になります。 ちなみにGitHub Profile Summary Cardsのほうは github-profile-summary-cards.vercel.app を使えばGithub Action使わないでも設定できた。 けど細かい表示のカスタマイズとかあんまりできなさそうだったから結局…
デフォルトだと一番最後にモーダルが入る CSSの指定上、どこかの相対位置でモーダルを出したい場合はそこにDOM差し込まれると位置の指定が辛いので親要素を選びたい reactcommunity.org parentSelectorで選べる reactっぽくやるならrefで繋げて指定してあげ…
会社用のMacでこの設定できてなくて地味に一手間あってしんどい。でもどこだっけ…? 私用Macを見る感じ、たぶん、以下のやつかな…?
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…
g-tips.jp www.sakurasaku-labo.jp chrome.google.com そもそも画像も反転していても他の人からは正しく見えているので問題ないのですが、一応他の人から見た状態で問題ないかを見たい場合、Zoomなら設定でそのままいじれるし、GoogleMeetだと拡張機能でいけ…
Figmaで日本語がバグらずに打てる「EditText」というプラグインをリリースしたからよかったら使ってね👇EditText – Figma https://t.co/IOInfNF0uG pic.twitter.com/5WYrhJvqKl— Ryo Nakae (@ryo_dg) 2020年6月22日 www.figma.com 一応メモとして残しておくけ…
zenn.dev これでちょっと私的なプロジェクトをやるときにやってみたいな
tech.motoki-watanabe.net tech.motoki-watanabe.net 過去に苦しんでた。0が描画されちゃうやつ。きづければいいんだけど、人間の認知の限界はある。 そんなときに使えるeslintのpluginが…! zenn.dev GithubのStarが少ないのがちょっときになるけど、とはい…
とある条件下でコンポーネントにfocusさせたかった。結局この方法は採用しなかったけど備忘録として。 zenn.dev qiita.com forwardRefでrefを受け流して繋げて(本題から逸れるがforwardRefじゃなくてpropsでRefObject渡すのでも同様に可能)、コンポーネン…
qiita.com qiita.com text-shadowを重ねたい。 developer.mozilla.org styled-componentsでrepeatさせれば楽にできる
programmer-life.work github.com 操作マニュアル作りたくて探してたけど無料でいい感じにできた。Githubでのリリースも今年も出てるし。
カーソルキーでフォーカスを移動させたい。Tabキー押下でできるやつ。けど調べた感じ気合でDOMとってきてそいつにfocus()するしかないっぽい。仕方ないのでrefでつなげてfocus()した。 で、そのフォーカスを移動させたい要素がoverflow: scroll内の要素なの…
1-notes.com Shiftキーはevent.keyとかじゃないのね
hacknote.jp
zenn.dev developer.mozilla.org なるほど予測変換中ということか、input要素でEnterで送信させる際に予測変換しているとき以外で動作させるためなのね
けっこうかんたんだった。MacとWindowsで同じデバイスを有線で使いたく導入した。 ringo-hack.com www.iplab.cs.tsukuba.ac.jp タッチパッドの速度変更も普通に効く
以下みたいなやつ、なんか初見でぱっと見でcontainedとoutlinedがなにがおきたらどうなるのかわからなかった。Null合体演算子と三項演算子が同時に使われているの初めて見た。 condition1 ?? condition2 ? 'contained' : 'outlined' condition1がtrueだった…
dronz.medium.com これを参考にすれば出来ます。 まずひとつ思ったのは上記Mediumの指示通りにやるには、慣れてないのであれば言語設定を https://ap-northeast-1.console.aws.amazon.com/settings/home?region=ap-northeast-1#/ とかから一時的に英語にして…
zenn.dev v3.ja.vuejs.org HTMLがそのページに必要なJavaScriptを読み込んで動的なDOMを生成する過程ことを言うのかな? React18でHydrationエラーが起きるようになったらしいので、React18にあげるなら直すしかない blog.ojisan.io zenn.dev なぜ起こるかと…