Laravel SQLを確認する方法
クエリービルダーで実行されるSQLを確認する方法
DB::enableQueryLog()とDB::getQueryLog()を使用する。
DB::enableQueryLog();$result = Spend::select( ...
実践リファクタリング1
実際のプロダクトのコードを読んでみて、自分が理解しづらかったところと、リファクタリングした結果を記載します。
※実際のコードを一部変更しています。
とある伝票取得処理以下はLaravelで書かれている伝票取得処 ...
リファクタリング ループの分割
元のコード
ループの中で複数の処理を行なっているとコードの見通しが悪くなる。
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 ...
Safariでinputのplaceholderが上にずれる問題
問題
inputタグのplaceholderの文字がSafariだけ上にずれてしまう。
解決方法「input placeholder safari ずれる」などで検索します。
inputに対して、line-hei ...
HTML の DOCTYPE について
DOCTYPE とは
DOCTYPE は、HTML ファイルの先頭に記載します。
HTML5 の場合、以下です。
HTML4.01(HTML 4.01 Transitional) の場合、以下です。
...