PC

JSON データから TypeScript のコードを生成するには

既にある JSON データを TypeScript で扱うとき、型定義を自分で書くのは億劫ですよね。なので、やってくれるツールを Visual Studio Code の機能拡張で探しました。ダウンロード数の多さを参考に、それなりに使われ...
PC

jest で ResizeObserver、Element.getBoundingClientRect をモックにするには

前回作成したコンポーネントのテストコードを書いてみた所、ResizeObserver と Element.getBoundingClientRect をモックにする必要がありました。どの様にしたかを記述します。 モック化したテストコ...
PC

React で長い文字列を省略表記にして、ツールチップに全て表示するには

どんなことをしたいかというと、 文字列が長くて表示しきれないときは省略表記するマウスホバーで文字列全体をツールチップ表示する というコンポーネントを作成してみます。動作は Chrome バージョン 92.0...
スマホ

インターバルトレーニングするなら「Seconds Pro」アプリが便利

20秒全力、10秒休憩、を8回繰り返すタバタ式トレーニングをジムでするときに、計測が割と厄介だったので良いアプリが無いか探していました。要望は、 インターバルの計測と通知ができるもの通知は控えめか無音にできるものできれば Apple...
PC

Redux Toolkit の RTK Query で REST API を使う

前回は createAsyncThunk を使いましたが、チュートリアルを読み進んでみると、元々データフェッチの機能が用意されていましたので、今回はそちらの方法で REST API を使ってみました。create-react-app でテ...
PC

React + Redux Toolkit で REST API を使う

React Redux で面倒に感じる部分が、かなり良い感じに改善しているらしい Redux Toolkit 。非同期の部分も加わっている様なので、REST API を試してみました。 基本はテンプレートを使用 Redux T...
PC

OCN で IPv4 も IPoE 接続する

ネット接続が光でギガな昨今でも、自宅は VDSL なので最速でも100Mです。。それでも大丈夫なんですが、度々遅いので改善できないかググってみた所、OCN は2020年6月から IPoE 方式のインターネット接続提供を始めていて、改善が期...
PC

propsの型で楽する

props の型を定義するとき、 組み込み要素の props を引き継ぐ不適切な props 値を設定できないようにする 際に参考になりそうな事を記載します。 組み込み要素の props を自身のコンポーネントに加える ...
PC

sqlite3 の SQL で名前付きパラメーターを使うには

SQL で値をバインドするとき、よく見るかける例ではプレースホルダーを ? にしていますが、名前付きパラメーターで記述した方が可読性も良く、その後のメンテナンスも楽です。 環境 SQLite Version 3.32.3No...
PC

jest で Blob をモックにしてテストするには

jest で Blob をモックにしてテストしたかったのですが、Node.js に Blob は定義されていませんでした。未定義なので定義することで対応してみました。 作成したコード まずはテスト対象のコードです。前回のコード...
タイトルとURLをコピーしました