システム開発

Webエンジニアにはフロントエンドエンジニアとバックエンドエンジニアの二つがあります。

どちらもできる人もいますが、初めてエンジニアを目指す場合は、どちらか一つをまず目指すことになると思います。

今回は、フロン ...

プログラミング入門, リファクタリング

コードは人が読むためのものです。

そのため、人にとって分かりやすいものである必要があります。

分かりやすいためには以下の二つを両立する必要があります。

シンプル
十分な情報が含まれている

TypeScript

仕様

以下のような文字列をクリップボードにコピーします。

hoge1truefoo2falsebar3true

プログラムを実行します。

npm run start 3

3 はCSVのカラム数です。

以下 ...

TypeScript

tsconfig.json の include オプションを使うことで、コンパイル対象のディレクトリやファイルを指定することができます。

例えば以下を指定した場合は、src ディレクトリ配下のすべてのファイルがコンパイル対 ...

JavaScript, TypeScript

以下のようなオブジェクトがあるとします。

const actions = { user: { update: "USER_UPDATE", remove: "USER_REMOVE", a ...

Linux

Mac では time コマンドというものが存在し、これを使うことでコマンドの実行時間を知ることができます。

$ time ls -la(中略)real0m0.023suser0m0.001ssys0m0.006s

それぞれ ...

JavaScript

以下のような複数の変数への割り当てを行うコードがあります。

let x, y, zx = 1y = 2z = 3

これを分割代入を使って一行で書くことができます。

const =

Laravel, PHP

以下のコマンドを実行することで、ルーティング情報が一つにまとまるため、パフォーマンスが向上します。

php artisan route:cache

参考

ただし、web.php などのファイルに、以下のようなクロ ...

JavaScript

世の中でどのブラウザがよく使用されているのかを確認する方法として、npm モジュールの browserslist というものがあります。

//インストールnpm install browserslist

例えば、以下はシェア ...

React, webpack

実用性はないですが、React + webpack の最小の構成を5分で作成します。

※ホットリロードは設定しないので、React のコードを変更するたびにビルドコマンドを手動実行する必要があります。

手順プロジェク ...