JavaScript の Optional chaining を使ってみよう
この機能はまだブラウザー間相互運用の安定性に達していないため、試験的に使用することを推奨します。
オブジェクトのプロパティにアクセスする際に、そのプロパティが存在するかをチェックしないとエラーになります。
例え ...
JavaScript の Set で遊んでみよう
Set で少し遊んでみます。
そもそも Set とは重複を許さないコレクションのことです。コレクションとはデータの集まりのようなイメージです。
公式のURLは以下です。
重複を許さない、というところ ...
リモートワークでよかったこと
現在、自宅から完全リモートワークで働いていますが、リモートワークでよかったことを書きます。
通勤がないので、時間を有意義に使える通勤がないので、ストレスがない
自室なので、ストレスがない
自分にあった椅子に座 ...
webpack 入門 複数ファイルをバンドルしてみよう
前回に引き続き webpack の入門です。
今回は、複数ファイルを一つにバンドルする方法をみていきます。
二つの javascript ファイルを一つに束ねるフロントエンドの開発において、javascript ...
webpack 入門 導入と基本的な使い方
フロントエンドの開発をしていると、html, css, javascript, jpg ファイルなどいろいろなファイルを作成します。
そして、それらが複雑に組み合わさって動くことになります。
フロントエンジニアになるための練習問題 押すと色が変わるボタン7
前回の続きです。
課題クライアントから追加の修正依頼がきました。
色を変える時は、一つ前の色以外の色にして欲しいグレーからは、赤・青・黄のどれかにランダムで変わるようにしましたが、連続で同じ色になること ...
ビルド時間を短縮する Fork TS Checker Webpack Plugin
TypeScriptを採用した際の悩みの一つとしては、ビルドの時間が通常よりかかってしまうことです。
ビルド時にTypeチェックを行いたい場合は、ビルド時間が増えてしまうことを考えなくてはいけません。
そんな時 ...
コマンドでCRLFをLFに変換
改行コードをCRLFからLFに変換するコマンド。
tr -d "\r" <file1.txt >file2.txt
フロントエンジニアになるための練習問題 押すと色が変わるボタン6
前回の課題の続きです。
課題今回はクライアントからの依頼ではなく、これまでのコードを少しリファクタリングしてみます。
今のコードはこんな感じです。
const getRandom = (min, max) ...
フロントエンジニアになるための練習問題 押すと色が変わるボタン5
前回の課題の続きです。
課題前回、ボタンをクリックすると5秒間はクリックしても色が変わらないようにしましたが、それをユーザーがわかるように実装して欲しいと追加の依頼をもらいました。
ボタンをクリックしても色が変化しな ...









