Vanilla JS

JavaScript

【JavaScript】意外と知らない console.log の応用的な使い方

この記事では、 console.log の引数を工夫することで、出力をさまざまな形式で確認し、デバッグ効率を大幅に向上させる方法を紹介します。
JavaScript

【JavaScript】 Set の便利な使い方の紹介

ECMAScript 6(ES6)に導入された `Set` オブジェクトは、値の集合を扱うための機能を提供します。`Set` は、その中の各要素がユニークであることを保証します。この記事では、そんな Set の便利な使い方を紹介します。
JavaScript

【JavaScript】0 は falsy であることを忘れてハマった話

JavaScript でのコーディングは、 null や undefined のチェックとの戦いでもあります。null, undefined は `falsy` なので、直接条件句として判定させるのがシンプルで、冗長さが軽減されます。一方、落とし穴にはまらないように注意が必要です。
JavaScript

【JavaScript】オブジェクトが空かどうかを判定する

JavaScript ではオブジェクト型を処理することがとても多いですが、オブジェクトの空判定がちょっと面倒だったので、備忘録として記載します。自分で utility として、 `isEmpty` とか `isNotEmpty` 関数を作っておくと重宝します。
JavaScript

【JavaScript】よく使う配列操作の備忘録(map, some, every, filter, find, reduce)

JavaScript では配列の操作をする機会はとても多いです。map, some, every, filter, find, reduce といった主要なメソッドの使い方を覚えておきましょう。
JavaScript

【JavaScript】input で同名ファイルを扱う場合に change イベントが発火しない対策

input type="file" タグを使用すると、ブラウザ上でファイルをアップロードすることができます。同名ファイルをアップロードすると、この `change` イベントが発火しない問題にハマったので原因と対策を備忘録としてメモします。
JavaScript

【JavaScript】ES6における変数の null チェック

JavaScript に限らず、どの言語でも null チェックは必ずと言って良いほど付きまとう必須の処理です。本記事では、JavaScript での null チェックについてシンプルな書き方含め、いくつか紹介します。
JavaScript

【JavaScript】エラーハンドリング(try/catch/finally とエラースロー)

JavaScript で実装する際は、意図せぬエラーが起こりがちです。try - catch 構文は多くの言語にありますが、JavaScript にも同じような書き方があります。この記事ではその使用方法を簡潔に説明します。
JavaScript

【JavaScript】テンプレートリテラルとタグ付きテンプレートの基本と応用

この記事では、JavaScript ES6のテンプレートリテラルとタグ付きテンプレートについて解説します。`+` で文字列連結して表示するよりも遥かに効率的に書けるでしょう。
JavaScript

【JavaScript】isNaN 関数を利用した数値判定の挙動まとめ

この記事では、JavaScriptの `isNaN` 関数の挙動について、さまざまな型に対する 評価結果を記載します。