JSONデータを返してくれるサービスJSONPlaceholder
開発初期では、サーバーサイドが未実装なために、簡易的なJSONサーバーが必要なときがあります。
そのような時に便利なJSONPlaceholderというサービスがあります。
使い方は至って簡単で、公式ページに書 ...
JavaScript switch文で変数を使う時の注意点
switch文のcaseで変数を使いたいケースがあるとします。
しかし、以下のコードでは、messages 変数は同じブロック内で重複しているためエラーになります。
switch(value){case 'a ...
プログラミング入門 わかりやすいコードを書くための変数の扱い方
変数はプログラムを書く上で必要ですが、何も考えずに使っているとわかりにくいコードが生まれます。
以下、変数を使う上で気をつけるポイントです。
不要な一時変数は削除する変数のスコープは狭くする
同じ変数を ...
プログラミング入門 説明変数をつかってわかりやすいコードを書いてみよう
以下はJavaScriptで書かれたコードです。
const result = ;const isActive = user.status === '1'if(isActive) {result.push(use ...
ブラウザのレンダリングの仕組み
ブラウザはHTMLとCSSをもとに画面に描画していますが、その流れについて記載します。
参考:
HTMLファイルを解析してDOM Treeを生成するブラウザがHTMLファイルを受け取ると、HTMLファイルを解析 ...
JavaScript 配列を結合するconcatを使う際の注意点
JavaScriptのconcatは配列を結合するときに使用します。
基本的な使い方は以下の通りです。
const arr1 = ;const arr2 = ;const arr3 = arr1.concat(arr ...
JavaScriptをもう少し詳しく知りたい!というときにおすすめの本
JavaScriptがある程度わかってきたので、もう少し本質まで掘り下げて勉強したい!という方におすすめの本をご紹介します。
開眼! JavaScript
オライリーから出版された本です。
良いとこ ...
Windowsを使っている人に入れて欲しい無料ツール
Windowsを使っている人にはぜひ入れて欲しいツールのご紹介です。
CLCL
クリップボードの履歴を管理するツールです。
クリップボードというのはコピー履歴のことです。
Ctrl + ...
TypeScript 型をつけることによるメリットを実例で紹介
引き続きTypeScriptについてご紹介です。
今回はTypeScriptによって型がつくことでのメリットを一つ、実例ベースで書きます。
以下のようなオブジェクトから、codeの値を取得する処理を書きたいとし ...
プログラミング入門 TypeScriptで関数の戻り値に型をつけてみよう
昨日に引き続きTypeScriptについてです。
今回は関数の戻り値に型をつけてみます。
以下のコードは伝票の金額から税額を算出する処理です。
const tax = (price) => {ret ...