Laravel, リファクタリング

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

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

とある伝票取得処理

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

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 ...

HTML/CSS, 未分類

問題

inputタグのplaceholderの文字がSafariだけ上にずれてしまう。

解決方法

「input placeholder safari ずれる」などで検索します。

inputに対して、line-hei ...

HTML/CSS

DOCTYPE とは

DOCTYPE は、HTML ファイルの先頭に記載します。

HTML5 の場合、以下です。

HTML4.01(HTML 4.01 Transitional) の場合、以下です。

...