フロントエンジニアになるための練習問題 押すと色が変わるボタン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秒間はクリックしても色が変わらないようにしましたが、それをユーザーがわかるように実装して欲しいと追加の依頼をもらいました。
ボタンをクリックしても色が変化しな ...
フロントエンジニアになるための練習問題 押すと色が変わるボタン4
前回の課題の続きです。
課題クライアントから、さらなる依頼をもらいました。
一度ボタンを押すと、5秒間はクリックされても色が切り替わらないようにしてほしい今回はこちらを実装してみます。
前提set ...
フロントエンジニアになるための練習問題 押すと色が変わるボタン3
前回の課題の続きです。
課題今の画面をクライアントに見てもらったところ、以下の指摘をもらいました。
ボタンをすばやくクリックしたときに、テキストの部分が青色になることがあるので修正してほしい確認したとこ ...
フロントエンジニアになるための練習問題 押すと色が変わるボタン2
前回の課題の続編です。
課題前回、ボタンを押すborderとテキストをredに変更するようにしましたが、もっとカラフルにして欲しいとの依頼がありました。
詳細は以下です。
ボタンを押すと、赤、青、黄のいず ...
TypeScript 読み取り専用の配列
宣言した配列を読み取り専用にしたいときには ReadonlyArray が使えます。
普通の配列の場合、push をすることができます。
const hoge: number;hoge.push(4);Read ...
フロントエンジニアになるための練習問題 押すと色が変わるボタン
要素をクリックすると色が変わる、という処理を実装してみたいと思います。
課題すでに以下のようなボタンがHTML、CSSで実装されています。
このボタンを押すと、テキストとボーダーの色をredにすることが課題です ...