プログラミング入門

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

課題

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

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

npm run を実行することで package.json に記載されたスクリプトを実行できます。

例えば、package.jsonに以下のように記載をして

"scripts": { " ...

mapに引き続きreduceについてです。

mapはある配列から新たな配列を作成するための関数でした。

reduceは、ある配列から結果を集めるために使用します。

例えば、以下のような商品データがあ ...

TypeScript ではオブジェクトの場合も型推論をしてくれます。

const obj = { hoge: 'abc', foo: 123, bar: true};obj.hoge = 123;//hoge は ...

これからIT業界で働きたい！エンジニアになりたい！という方におすすめの本をご紹介します。

コンピュータはなぜ動くのか

コンピュータの原理がわかりやすく書かれています。

ただし、全く知識がない状態でス ...

型推論は、プログラマが明示的に型を指定しなくても、TypeScript が型を予測してくれる機能です。

let に対する型推論は以下のようになります。

let value = 'Tamibouz';/ ...

開発初期では、サーバーサイドが未実装なために、簡易的なJSONサーバーが必要なときがあります。

そのような時に便利なJSONPlaceholderというサービスがあります。

使い方は至って簡単で、公式ページに書 ...

switch文のcaseで変数を使いたいケースがあるとします。

しかし、以下のコードでは、messages 変数は同じブロック内で重複しているためエラーになります。

switch(value){case 'a ...

変数はプログラムを書く上で必要ですが、何も考えずに使っているとわかりにくいコードが生まれます。

以下、変数を使う上で気をつけるポイントです。

不要な一時変数は削除する
変数のスコープは狭くする
同じ変数を ...

以下はJavaScriptで書かれたコードです。

const result = ;const isActive = user.status === '1'if(isActive) {result.push(use ...