JavaScript, プログラミング入門

前回の続きです。

課題

クライアントから追加の修正依頼がきました。

色を変える時は、一つ前の色以外の色にして欲しい

グレーからは、赤・青・黄のどれかにランダムで変わるようにしましたが、連続で同じ色になること ...

覚書

TypeScriptを採用した際の悩みの一つとしては、ビルドの時間が通常よりかかってしまうことです。

ビルド時にTypeチェックを行いたい場合は、ビルド時間が増えてしまうことを考えなくてはいけません。

そんな時 ...

プログラミング入門, 覚書

改行コードをCRLFからLFに変換するコマンド。

tr -d "\r" <file1.txt >file2.txt

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

前回の課題の続きです。

課題

今回はクライアントからの依頼ではなく、これまでのコードを少しリファクタリングしてみます。

今のコードはこんな感じです。

const getRandom = (min, max) ...

JavaScript, プログラミング入門

前回の課題の続きです。

課題

前回、ボタンをクリックすると5秒間はクリックしても色が変わらないようにしましたが、それをユーザーがわかるように実装して欲しいと追加の依頼をもらいました。

ボタンをクリックしても色が変化しな ...

JavaScript, プログラミング入門

前回の課題の続きです。

課題

クライアントから、さらなる依頼をもらいました。

一度ボタンを押すと、5秒間はクリックされても色が切り替わらないようにしてほしい

今回はこちらを実装してみます。

前提set ...

JavaScript, プログラミング入門

前回の課題の続きです。

課題

今の画面をクライアントに見てもらったところ、以下の指摘をもらいました。

ボタンをすばやくクリックしたときに、テキストの部分が青色になることがあるので修正してほしい

確認したとこ ...

JavaScript, プログラミング入門

前回の課題の続編です。

課題

前回、ボタンを押すborderとテキストをredに変更するようにしましたが、もっとカラフルにして欲しいとの依頼がありました。

詳細は以下です。

ボタンを押すと、赤、青、黄のいず ...

TypeScript

宣言した配列を読み取り専用にしたいときには ReadonlyArray が使えます。

普通の配列の場合、push をすることができます。

const hoge: number;hoge.push(4);

Read ...

JavaScript, プログラミング入門

要素をクリックすると色が変わる、という処理を実装してみたいと思います。

課題

すでに以下のようなボタンがHTML、CSSで実装されています。

このボタンを押すと、テキストとボーダーの色をredにすることが課題です ...