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

React

onSubmitの引数に渡される resetForm を使用します。

<Formik ... onSubmit={(values, { resetForm }) => { alert(JSON.stringify(v ...

React

レンダープロップとは

レンダープロップの公式の説明は以下です。

“レンダープロップ (render prop)”という用語は、値が関数である props を使って、コンポーネント間でコードを共有するためのテクニックを指します ...

JavaScript, React, 覚書

使い方は二通り

onSubmitに使うか

<form onSubmit={handleSubmit}>

onClickに使うか

<button onClick={handleSubmit} ...

Laravel, リファクタリング

実際のプロダクトのコードを読んでみて、自分が理解しづらかったところと、リファクタリングした結果を記載します。

※実際のコードを一部変更しています。

販売情報取得処理

以下はLaravelで書かれている販売取得処理 ...

人生

平日の自由時間

2h

休日の自由時間

8h

一年間の自由時間

244 * 2 = 488h
121 * 8 = 968h
488 + 968 = 1456h

80歳くらいまで生きた時の残りの自由 ...

JavaScript, TypeScript

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

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

JavaScript

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

webpack と babel とは何かwebpack

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