IT

PC

Docker で JupyterLab または Jupyter Notebook 使う

Dockerイメージが continuumio/anaconda3 で公開されているので利用はとても簡単です。JupyterLab(Jupyer Notebook の後継)を使いたいならdocker run -it -p 8888:8888...
PC

Python で株価を取得してグラフにする

JupyterLab または Jupyter Notebook で株価の取得とグラフ化をしてみます。JupyterLab または Jupyter Notebook の用意はこちらを参照ください。株価を取得する株価の取得には、yahooque...
PC

JavaScript のループ内で await したい

いきなりタイトルに反しますが、大抵 ESLint の no-await-in-loop や no-restricted-syntax の対象になるので、並列に処理して問題無い場合は Promise.all を使い、ループ内の await を...
PC

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

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

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

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

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

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

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

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

OCN で IPv4 も IPoE 接続する

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