JavaScript

2021年3月27日

JavaScriptのモダンな開発に欠かせないBabelの使い方と、Babelが行うトランスパイルとポリフィルの違いについてまとめました。

Babelの使い方

いまだ多くの人が古いブラウザを使用しています ...

2021年3月27日

JavaScriptにおけるリーダブルコードとはいったいどんな点に気をつければいいのかについてまとめました。

リーダブルコードについて

JavaScriptにおけるリーダブルコードとは、次のようなコードの ...

2021年3月27日

JavaScriptのWebアプリケーション設計について、基礎的な部分をまとめました。
また、Webアプリケーション設計の考えが、どのようにMVCモデルに関係しているのかを説明します。

優れたWebア ...

2021年3月26日

JavaScriptランタイム（JsRT、JavaScript runtime）について説明します。

JavaScriptランタイム（JsRT）って何?

JavaScriptランタイム（JsRT、Java ...

2021年3月26日

一度配列でグループ化したけど、やっぱり別々に管理したいとなった場合、分割代入 (Destructuring assignment) が使えます。
分割代入とは、オブジェクトから特定のプロパティを抽出して宣言 ...

2021年3月26日

JavaScriptで使う&&と||の深いところをまとめました。

&&と||は実はtrue/falseだけを返すものではありません。
どんなデータ型でも使うことが ...

2021年3月26日

JavaScriptの第一級関数と高階関数とは何かについてとそれらの違いについてまとめました。

 

JavaScriptの第一級関数(first-class functions)

J ...

2021年3月26日

とてもバグに繋がりやすいJavaScriptの関数で引数に値を渡すときと参照先を渡すときの挙動の差の具体例をみてみましょう。

JavaScriptの関数で引数に値を渡すときと参照先を渡すときの挙動の差

ま ...

2021年3月26日

JavaScriptのIIFE (即時関数、即時実行関数式)の使い方と具体例を紹介します。

JavaScriptのIIFE (即時実行関数式)の使い方と具体例

即時実行関数式は、(IIFE,immedia ...

2021年3月26日

JavaScriptのクロージャーについてまとめました。

クロージャー(closures)について

クロージャーとは、レキシカルスコープの変数を関数が使用している状態のことです。

クロージャーを使っ ...

2021年3月26日

配列データを加工するmap(),filter(),reduce()メソッドの使い方をまとめました。

データを転送する配列のメソッドには3種類あります。
map()メソッド,filter()メソッ ...

2021年3月26日

JavaScriptの配列を条件指定して確認するsome()メソッドとevery()メソッドをまとめました。

some()メソッド

似たようなメソッドにincludes()メソッドがあります。
i ...

2021年3月26日

JavaScriptの配列のネストを解除するflat()メソッドとflatMap()メソッドの使い方と具体例をまとめました。

flat()メソッドの使い方

配列の中に配列があった場合でも、flat()メソ ...

2021年3月26日

JavaScriptのfill()とArray.from()メソッドで配列を作成方法をまとめました。

fill()メソッドの使い方{ const arr = ; console.log(new Array(1 ...

2021年3月26日

JavaScriptの数値確認方法をまとめました。

JavaScriptの数値で気をつけるべき挙動

Base 10（10進数）というのは、0から9で数値を表します。
Banary base 2 ...

2021年3月26日

JavaScriptのデータ型であるBigint型についてまとめました。

JavaScriptのBigint型の導入背景

JavaScriptのNumber（数値型）は倍精度浮動小数点数です。
こ ...

2021年3月26日

ブラウザが、HTMLを読み込むとDOM(Document Object Model、文書オブジェクトモデル)と呼ばれるデータ構造が作られます。
DOMはHTMLやXMLという文書のためのAPI(アプリケーシ ...

2021年3月26日

JavaScriptでDOM APIを通してclass属性とstyle属性を操作する方法をまとめました。

style属性を操作するstyleプロパティconst message = document.crea ...

2021年3月26日

JavaScriptで属性を操作する方法まとめました。

要素の属性を操作する

DOMではいくつかの値以外は、属性と同じプロパティが用意されています。

たとえば、下の例では、alt属性を指定する ...

2021年3月26日

JavaScriptでスクロールをするプログラムの書き方を旧式の方法とモダンなやり方の両方をまとめました。
モダンなやり方はまだブラウザサポートが完璧ではないので、状況に応じて使いこなせるといいでしょう。 ...

2021年3月26日

JavaScriptのイベントの伝播(Event Propagation)についてまとめました。

イベントの伝播(Event Propagation)

子要素にクリックイベントがある場合、親をたどってどん ...

2021年3月26日

JavaScriptでタブ機能のプログラムの書き方を紹介します。

タブ機能のプログラムの書き方HTML<div class="about"> <div class=&qu ...

2021年3月26日

JavaScriptのIntersectionObserverでスティッキーナビゲーションを実装する方法を紹介します。
window.addEventListenerのscrollよりもパフォーマンスが改善 ...

2021年3月26日

JavaScriptのIntersectionObserverAPIを使って、ライブラリを使わずにscrollRevealのようなふわっと表示させる方法を紹介します。

IntersectionObserver ...

2021年3月26日

LazyLoad (画像の遅延読み込み)は、パフォーマンスに大きく貢献するエフェクトです。

lazy-loadのJavaScriptプログラムの書き方を紹介します。

JavaScriptのLazy ...

2021年3月26日

JavaScriptのConstructor関数の基本的な使い方を紹介します。

Constructor関数とインスタンス

Constructor（コンストラクター)関数とは、新しくオブジェクトを作成するた ...

2021年3月26日

JavaScriptのObject.create()でプロトタイプ継承する方法についてまとめました。

JavaScriptのObject.create()でプロトタイプ継承する方法

Object.crea ...

2021年3月26日

JavaScriptのカプセル化に関わる、パブリッククラスフィールドについて基礎的な部分をまとめました。
まだ、ステージ3のため、ブラウザの対応状況次第で使えなくなることもあります。

パブリッククラス ...

2021年3月26日

JavaScriptの同期(Synchronous)と非同期(Asynchronous)とAJAXとWeb APIについて、基礎的な部分をまとめました。

同期(Synchronous)と非同期(Asynchr ...

2021年3月26日

クライアントサーバモデル=HTTPリクエスト/レスポンスモデルについて基礎的な部分をまとめました。

クライアントサーバモデル=HTTPリクエスト/レスポンスモデルについて

クライアント（ユーザー）が、イン ...