Express + jsonwebtoken を試す
環境を作る
必要なモジュールをインストールする
yarn add express jsonwebtokenyarn add -D nodemonnodemon はコードの変更を検知して自動でnodeを再起動するために必要
Yupで notType を使い型不一致時のエラーメッセージを日本語にする方法
例えば、バリデーションで Yup.number() を指定してる field に対して文字列が入力された場合は以下のようなエラーメッセージが表示される
test must be a `number` typeこれをsetL ...
node_modules をクリアする方法
以下のコマンドを実行して完全にクリーンな状態にする
rm -rf node_modulesrm package-lock.json yarn.locknpm cache clear --force
Redux-form の handleSubmit について
使い方は二通り
onSubmitに使うか
<form onSubmit={handleSubmit}>onClickに使うか
<button onClick={handleSubmit} ...
TypeScript stringとnumberのUnion配列をfilterする
以下、result は string にしたいがエラーになる
const arr: (string | number)const result: string = arr.find(i => typeof i === ...
webpackとbabelとは何かをわかりやすく
webpackとbabelがどう動いているかイメージつかなかったので、簡単なサンプルで手を動かしてみました。
webpack と babel とは何かwebpackアプリケーションを作成する際には、あるファイルが他のファイ ...
リファクタリング ループの分割
元のコード
ループの中で複数の処理を行なっているとコードの見通しが悪くなる。
const data = const calcSale = (data) => { let total = 0 let primeTotal = ...
APIからのレスポンスを動的にチェックする方法
動的にレスポンスの構造をチェックしたい
TypeScriptによって静的な型チェックを行うことはできるが、APIからのレスポンスなどの動的なチェックを行いたい。
レスポンスのバリデーション用の構造とTypeScriptの型を ...
JavaScriptのオブジェクトのキーの存在有無によってバグが発生するコード
コード
以下のようなコードでどのようなバグが発生するでしょうか。
const hoge = data => { if (data.category.code === 100) { return 'category c ...