結果、package.json に以下の様な proxy を設定すれば OK という話なのですが、やりたいことから順に説明していきます。 "proxy": "http://192.168.0.10/" API …
jQuery を使う jQuery が使える環境であれば簡単です。 $(`<div>${"タグを含む文字列"}</div>`).text() とすればタグを取り除けます。 なので、 import $ …
作成した React コンポーネントの確認に、Storybook が便利です。 更に、Redux Toolkit を導入している場合はどうするか、を確認してみました。 Redux Toolkit のプロジェクトを作成する 公式で案内されてい …
package.json があるディレクトリで下記コマンドを実行 yarn upgrade 対話式なら yarn upgrade-interactive ただ、yarn.lock は更新されるが package.json が更新されないので …
Dockerイメージが continuumio/anaconda3 で公開されているので利用はとても簡単です。 JupyterLab（Jupyer Notebook の後継）を使いたいなら docker run -it -p …
JupyterLab または Jupyter Notebook で株価の取得とグラフ化をしてみます。 JupyterLab または Jupyter Notebook の用意はこちらを参照ください。 株価を取得する 株価の取得には …
いきなりタイトルに反しますが、大抵 ESLint の no-await-in-loop や no-restricted-syntax の対象になるので、並列に処理して問題無い場合は Promise.all を使い、ループ内の await を …
既にある JSON データを TypeScript で扱うとき、型定義を自分で書くのは億劫ですよね。 なので、やってくれるツールを Visual Studio Code の機能拡張で探しました。 ダウンロード数の多さを参考に、それなりに使わ …
前回作成したコンポーネントのテストコードを書いてみた所、ResizeObserver と Element.getBoundingClientRect をモックにする必要がありました。 どの様にしたかを記述します。 モック化したテストコード …
どんなことをしたいかというと、 文字列が長くて表示しきれないときは省略表記する マウスホバーで文字列全体をツールチップ表示する というコンポーネントを作成してみます。 動作は Chrome バージョン 92.0.4515.107 で確認して …
20秒全力、10秒休憩、を８回繰り返すタバタ式トレーニングをジムでするときに、計測が割と厄介だったので良いアプリが無いか探していました。要望は、 インターバルの計測と通知ができるもの 通知は控えめか無音にできるもの できれば Apple …
前回は createAsyncThunk を使いましたが、チュートリアルを読み進んでみると、元々データフェッチの機能が用意されていましたので、今回はそちらの方法で REST API を使ってみました。 create-react-app でテ …
React Redux で面倒に感じる部分が、かなり良い感じに改善しているらしい Redux Toolkit 。 非同期の部分も加わっている様なので、REST API を試してみました。 基本はテンプレートを使用 Redux Toolkit …
ネット接続が光でギガな昨今でも、自宅は VDSL なので最速でも100Mです。。 それでも大丈夫なんですが、度々遅いので改善できないかググってみた所、OCN は2020年6月から IPoE 方式のインターネット接続提供を始めていて、改善が期 …
props の型を定義するとき、 組み込み要素の props を引き継ぐ 不適切な props 値を設定できないようにする 際に参考になりそうな事を記載します。 組み込み要素の props を自身のコンポーネントに加える htmlの要素が持 …
SQL で値をバインドするとき、よく見るかける例ではプレースホルダーを ? にしていますが、名前付きパラメーターで記述した方が可読性も良く、その後のメンテナンスも楽です。 環境 SQLite Version 3.32.3 Node.js …
jest で Blob をモックにしてテストしたかったのですが、Node.js に Blob は定義されていませんでした。 未定義なので定義することで対応してみました。 作成したコード まずはテスト対象のコードです。前回のコードを …
サーバーから受け取ったデータを、テキストやCSVにしてローカルにダウンロードしたいときのコードになります。 サンプル <html> <head> <meta charset="utf-8" …
WordPress のバックアップを UpdraftPlus で取っていますが、復元できるか確認します。 復元先にはローカルの Docker を使います。 復元先の WordPress をDocker で用意する 公式のサンプル等を参考に以 …
javascript には、java や C# などにある format の様に書式化するものがありません。 数値や文字列、日付の書式化に対応するのは辛いですが、文字列に変数を展開するものであれば比較的簡単なので作ってみます。 format …
前回は直交表を作成しましたが、今回はペアワイズ法で作ってみたいと思います。 ペアワイズテストとは ペアワイズテストは、ほとんどのバグが最大で2つの要因の相互作用によって引き起こされるという観察に基づいた、効果的なテストケース生成技術です。ペ …
テストパターンを直交表で作成する機会があり、PictMaster が便利でしたのでご紹介します。 実際に作成した直交表は書けませんので、例で作成してみたいと思います。 プログラムのテストパターンとは プログラムが想定通りに動作するかテストす …
docomo ユーザーである知人の Android スマホで、ショートメールのアプリを変更したときの手順です。 変更した理由は “＋メッセージ” は不要で “メッセージ” 使えば良いんじゃないのか？ の通りです。 Google Play か …
以前使用していた MacBook Pro (Early 2013) を Apple Trade In で下取りに出す準備をしました。 手順は公式にありますが、内容が少し古いようなので、迷ったときにでも今回自分の残した作業が参考になれば幸いで …
WordPress のバックアップに使用している「BackWPup」ですが、バックアップ先を Google Drive にしたいと思って調べていた所、UpdraftPlus の方が使いやすそうだったので試してみました。 良い感じだったので乗 …
本日５月９日、３年前に「＋メッセージ」が始まったんですね。 これで思い出した、**"＋メッセージ" をやめて “メッセージ” を使った方が幸せなんじゃないか？**という話です。 きっかけは、年配の …
WordPress のバックアッププラグイン「BackWPup」で自動バックアップをしていますが、自分で戻せるのか試してみました。BackWPup Pro では無いので手動です。 サービス側も自動バックアップしている このブログは …
知人に誘われて温泉に行ってきました。 インドア派で日頃の行動範囲が狭いので、少しでも遠くになるとナビられないと無理です。 こういう場合、以前はMapFanのアプリを使用していましたが、Web版に変わってしまいましたので、今回探して良さそうだ …
新コースの 3GB/月 を利用していましたが、先月に 1GB/月 にしました。 コロナ渦で在宅ワークになって以来、毎月 1GB すら使わないまま１年ぐらい経過したので、月200円下がる程度ではありますが切り替えました。 なので、今月の容量は …
「最近の項目」にあるものを消すと、ファイル本体も消えます。 ファイル本体は消さずに「最近の項目」から消す方法と、サイドバーから「最近の項目」を消す方法について記載します。 「最近の項目」にファイルを載せない Spotlight の対象外にす …