Tag

ES6

ES6 に関する記事一覧です。

フィルタを解除
備忘録

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

この記事では、 console.log の引数を工夫することで、出力をさまざまな形式で確認し、デバッグ効率を大幅に向上させる方法を紹介します。 JavaScript 開発において、console.log は最も基本的かつ重要なデバッグツールの一つですよね。 しかし、多くの開発者はその真の力を十分に活用できていません(本

JavaScript

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

ECMAScript 6(ES6)に導入された Set オブジェクトは、値の集合を扱うための機能を提供します。 Set は、その中の各要素がユニークであることを保証します。 つまり、同じ値は Set 内に一度だけしか存在できません。 この記事では、そんな Set の便利な使い方を紹介します。 Setの使い方 基本的なS

雑記・経験談

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

JavaScript でのコーディングは、 null や undefined のチェックとの戦いでもあります。 『バックエンドの処理が中心で、フロントエンドは HTML もしくはテンプレートエンジンが中心だから、JavaScript なんて ES6 でさらっとかければOK』 という場面もあるのではないでしょうか。 そん

JavaScript

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

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

JavaScript

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

input type="file" タグを使用すると、ブラウザ上でファイルをアップロードすることができます。 通常は JavaScript で change イベントを定義しておけばファイルをアップロードし直す度に特定の処理を行うよう定義できます。 しかし、同名ファイルをアップロードすると、この change イベント

JavaScript

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

JavaScript に限らず、どの言語でも null チェックは必ずと言って良いほど付きまとう必須の処理です。 本記事では、JavaScript での null チェックについての紹介です。 シンプルな書き方含め、いくつか紹介します。 null とは?のような初心者向けの情報は流石に割愛するのでその上でお読みください

JavaScript

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

この記事では、JavaScript ES6のテンプレートリテラルとタグ付きテンプレートについて解説します。 これらの機能はコードをより読みやすく、効率的にします。 画面上でのメッセージ表示、ログ出力などに役立つでしょう。 1. テンプレートリテラルの基本 テンプレートリテラルは、バックティック (\) で囲むことで作成

Sponsored