Webエンジニアのフロントエンドとバックエンドで覚えることの違い
Webエンジニアにはフロントエンドエンジニアとバックエンドエンジニアの二つがあります。
どちらもできる人もいますが、初めてエンジニアを目指す場合は、どちらか一つをまず目指すことになると思います。
今回は、フロン ...
プログラミング初学者向け 今日からできる きれいで分かりやすいコードを書くコツ4つ
コードは人が読むためのものです。
そのため、人にとって分かりやすいものである必要があります。
分かりやすいためには以下の二つを両立する必要があります。
シンプル十分な情報が含まれている
TypeScript + Node クリップボードにコピーした内容をCSV形式に変換する簡単なプログラムをつくってみた
以下のような文字列をクリップボードにコピーします。
hoge1truefoo2falsebar3trueプログラムを実行します。
npm run start 33 はCSVのカラム数です。
以下 ...
TypeScript tsconfig.json の include オプション
tsconfig.json の include オプションを使うことで、コンパイル対象のディレクトリやファイルを指定することができます。
例えば以下を指定した場合は、src ディレクトリ配下のすべてのファイルがコンパイル対 ...
TypeScript 練習 オブジェクトの文字列の値をstringのリテラルとして取得する
以下のようなオブジェクトがあるとします。
const actions = { user: { update: "USER_UPDATE", remove: "USER_REMOVE", a ...
Mac time コマンドで実行時間を簡単に取得する
Mac では time コマンドというものが存在し、これを使うことでコマンドの実行時間を知ることができます。
$ time ls -la(中略)real0m0.023suser0m0.001ssys0m0.006sそれぞれ ...
JavaScript 複数の変数への割り当てをシンプルに書く方法
以下のような複数の変数への割り当てを行うコードがあります。
let x, y, zx = 1y = 2z = 3これを分割代入を使って一行で書くことができます。
const =
Laravel route:cache でルートロードを最適化するときの注意点
以下のコマンドを実行することで、ルーティング情報が一つにまとまるため、パフォーマンスが向上します。
php artisan route:cache参考
ただし、web.php などのファイルに、以下のようなクロ ...
ブラウザのシェア率を確認する方法
世の中でどのブラウザがよく使用されているのかを確認する方法として、npm モジュールの browserslist というものがあります。
//インストールnpm install browserslist例えば、以下はシェア ...
5分で作る React ⁺ webpack の本当にシンプルな構成
実用性はないですが、React + webpack の最小の構成を5分で作成します。
※ホットリロードは設定しないので、React のコードを変更するたびにビルドコマンドを手動実行する必要があります。
手順プロジェク ...