リファクタリング

以下のコードをみてください

以下のコードを１０秒間で読んでください。

const convertStr = str => { let upper = str.toUpperCase() let newArr = )){ ne ...

エラーコードからエラーの文字を返す課題

今回は実務でありそうな課題をやってみます。

実装内容

ユーザー情報を返してくれるAPIがあります。

このAPIはエラーになった際に{code:’U001̸ ...

まず以下のコードをご覧ください。

const bonusPoint = (currentPoint, currentMonth) => { if(currentMonth >= 6 && currentMonth & ...

今回はJavaScriptのループ処理のお話を書きます。

なぜforEeachを使うのか

まず、for文のコードです。

const users = const result = .split(' ') ...

プログラムを書くときに大切なことは、誰が見てもわかりやすいコードを書くことです。

コードを書くときに、コードに意味を持たせるように意識すると良いです。

if文の分岐に意味を持たせる

まず以下のコードを見てください ...

ガード節とは

条件分岐を書く際に、メインの処理と例外的な処理を分岐させるケースがあります。

この時に、例外的な処理は先にリターンするようにすることで、条件分岐をわかりやすくすることができるケースがあります。

具体例

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

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

販売情報取得処理

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

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

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

とある伝票取得処理

以下はLaravelで書かれている伝票取得処 ...

元のコード

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

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