JavaScript

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

webpack と babel とは何かwebpack

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

Laravel

implode.io

LaravelのCollectionなどの動作をサクッとオンライン上で確認したい、という時に便利なサイト。

使い方

左側の「PHP」から、使用したいPHPのバージョンを指定する。

左側の「Fr ...

Laravel

クエリービルダーで実行されるSQLを確認する方法

DB::enableQueryLog()とDB::getQueryLog()を使用する。

DB::enableQueryLog();$result = Spend::select( ...

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) の場合、以下です。

...