JavaScript

console.logを使うときに出力されるメッセージに色を付けることでメッセージを見つけやすくなり、デバッグ時に便利なときがあります。

以下のようにすることで青色に変えることができます。

console.log(& ...

TypeScript

以下のコマンドでwatchモードで監視してくれます。

npx tsc -w

ファイルが追加されたり変更されたりしても動的にチェックしてくれます。

PHP

PHPでインスタンスをnewするときは通常以下のように書きます。

$user = new User();

コンストラクタの引数がない場合は、カッコを省略して以下のように書くこともできます。

$user = new Us ...

Laravel

Laravel の with は、リレーションをもとにデータを取得する時に便利ですが、with で指定したテーブルの特定のカラムだけを取得したい場合があります。

その場合は以下のようにクロージャを引数に渡します。

U ...

JavaScript

以下のコードがあります。

const myFunc = (obj) => { return `こんにちは ${obj.name} さん. あなたは ${obj.age} 歳で、 ${obj.favorite} が好きです。 ...

JavaScript

例えば、配列の中に hoge という文字列があるかを確認する場合に、indexOf を使うことがあると思います。

const arr = const hasHoge = arr.indexOf('hoge') ! ...

システム開発

docker-compose up を実行したのに、docker ps を実行するとコンテナが起動していない場合には、docker-compose logs を実行してログを確認します。

docker-compose logs

システム開発

ECMAScript とは

フロントエンドエンジニアであれば一度は聞いたことがあるであろう ECMAScript という単語。

これが何かを簡単に説明します。

まず、ECMAというのは「Ecma Internat ...

TypeScript

こちらで書かれている内容です。

TypeScriptは、以下のようなオブジェクト型のユニオンを推論するときに、そのオブジェクトのキーを基に推論することができました。

type Action = | { kind: & ...

人生

妻からCoffee bag Appleという信州産りんごで発酵させた珍しいコーヒーをもらったので飲んでみました。

コーヒーというよりリンゴティーに近い感じで、ほんのりとコーヒーの風味がしました。

コーヒーがあま ...