PC URLSearchParams なら RFC3986 に準拠すると思ったら微妙だった
qs 使えば RFC3986 の予約文字がエンコードされるのは確認できたのですが、今どきのブラウザなら URLSearchParams が使えるらしい。パッケージ無く行けるなら楽ですよね。試しに大丈夫なのか DevTools のコンソール（...
IT
PC 
PC RESTful API のパラメータを変えての実行にも DevTools が便利でした
RESTful API のパラメータを変えて実行したいとき、 curl コマンドでゴリゴリ書いて実行するREST Client 拡張機能で VS Code から実行する といったものがありますね。特に REST Client 拡張機能は便利...
PC axios でURLパラメータのエンコード処理を変更するには
なぜエンコード処理を変更するのか？→ RFC3986の予約文字が、いくつかエンコードされないから。 ということで、実際に axios で試してみた要求がこちら。 axios.get('/test', { params: { ...
PC axios で要求/応答のログ出力を共通化するには
予め axios.interceptors.request.use、axios.interceptors.response.use を設定すれば OK です。 import axios from 'axios'; axios...
PC TypeScript で複数の非同期処理の結果を後続の処理で使うには
複数の非同期処理を並列で実行して、全て終わったらその結果を処理する場合の書き方になります。 【Promise.all】全て成功で終わったら処理する async function main() { // 非同期処理を5個作成 const pr...
PC らじる★らじる の聞き逃し番組のデータを取得するには
「らじる★らじる」は NHK のラジオ放送をインターネットで提供しているサービスです。その中に、聴き逃し番組を聴取できるものがあり、検索することもできます。ただ、個人的には探したい単語を毎回検索するのが面倒なので、番組のデータを取得すること...
PC ローカルで実行した React アプリでもサーバーの API を利用するには
結果、package.json に以下の様な proxy を設定すれば OK という話なのですが、やりたいことから順に説明していきます。 "proxy": " API のポートが 80 で無く、例えば 8080 なら、それも指定します。 "...
PC JavaScript で HTML タグを取り除くには
jQuery を使う jQuery が使える環境であれば簡単です。 $(`<div>${"タグを含む文字列"}</div>`).text() とすればタグを取り除けます。なので、 import $ from 'jquery'...
PC React + Redux Toolkit + Storybook のプロジェクトを作成する
作成した React コンポーネントの確認に、Storybook が便利です。更に、Redux Toolkit を導入している場合はどうするか、を確認してみました。 Redux Toolkit のプロジェクトを作成する 公式で案内されている...
PC package.json のパッケージを更新する
package.json があるディレクトリで下記コマンドを実行 yarn upgrade 対話式なら yarn upgrade-interactive ただ、yarn.lock は更新されるが package.json が更新されないので...