JavaScript

環境を作る

必要なモジュールをインストールする

yarn add express jsonwebtokenyarn add -D nodemon

nodemon はコードの変更を検知して自動でnodeを再起動するために必要

JavaScript

例えば、バリデーションで Yup.number() を指定してる field に対して文字列が入力された場合は以下のようなエラーメッセージが表示される

test must be a `number` type

これをsetL ...

JavaScript

以下のコマンドを実行して完全にクリーンな状態にする

rm -rf node_modulesrm package-lock.json yarn.locknpm cache clear --force

JavaScript, React, 覚書

使い方は二通り

onSubmitに使うか

<form onSubmit={handleSubmit}>

onClickに使うか

<button onClick={handleSubmit} ...

JavaScript, TypeScript

以下、result は string にしたいがエラーになる

const arr: (string | number)const result: string = arr.find(i => typeof i === &# ...

JavaScript

webpackとbabelがどう動いているかイメージつかなかったので、簡単なサンプルで手を動かしてみました。

webpack と babel とは何かwebpack

アプリケーションを作成する際には、あるファイルが他のファイ ...

JavaScript, リファクタリング

元のコード

ループの中で複数の処理を行なっているとコードの見通しが悪くなる。

const data = const calcSale = (data) => { let total = 0 let primeTotal = ...

JavaScript, TypeScript

動的にレスポンスの構造をチェックしたい

TypeScriptによって静的な型チェックを行うことはできるが、APIからのレスポンスなどの動的なチェックを行いたい。

レスポンスのバリデーション用の構造とTypeScriptの型を ...

JavaScript

コード

以下のようなコードでどのようなバグが発生するでしょうか。

const hoge = data => { if (data.category.code === 100) { return 'category c ...