【JavaScript】0 は falsy であることを忘れてハマった話
JavaScript でのコーディングは、 null や undefined のチェックとの戦いでもあります。 『バックエンドの処理が中心で、フロントエンドは HTML もしくはテンプレートエンジンが中心だから、JavaScript なんて ES6 でさらっとかければOK』 という場面もあるのではないでしょうか。 そん
Category
JavaScript に関する記事一覧です。
JavaScript でのコーディングは、 null や undefined のチェックとの戦いでもあります。 『バックエンドの処理が中心で、フロントエンドは HTML もしくはテンプレートエンジンが中心だから、JavaScript なんて ES6 でさらっとかければOK』 という場面もあるのではないでしょうか。 そん
JavaScript ではオブジェクト型を処理することがとても多いですが、オブジェクトの空判定がちょっと面倒だったので、備忘録として記載します。 自分で utility として、 isEmpty とか isNotEmpty 関数を作っておくと重宝します。 {} === {} または null ではダメ JavaScri
JavaScript で実装を行なっている場合、おそらく ESLint も導入していると思います。 この記事では Unary operator '++' used の解消方法を備忘録として記載します。 事象の概要 昔の書き方だと、 for ループ処理で以下のような書き方をよく(たまに?)しますよね。 (例1) for
JavaScript では配列の操作をする機会はとても多いです。 for文で書けばとりあえず動くものはできますが、配列操作のメソッドを覚えておくと、よりシンプルで可読性の高いコードになります。 この記事では、map, some, every, filter, find, reduceといった主要な配列操作メソッドに焦点
この記事では、React と TypeScript を用いてアプリケーションを実装する上での基礎知識を紹介します。 本記事では、React と TypeScript についての理解を深めるための簡単な説明を併せて記載します。 React とは React は、Facebook (Meta社) が開発した、インタラクティ
最近 JavaScript で開発することが多くなっており、MERN スタックを利用したプロダクト開発も行なっているので今一度振り返るための記事を書いておきます。 MERN スタックは、Webアプリケーションの開発に広く使用される技術の組み合わせです。 それぞれの文字が特定の技術を表しています。 MERN スタックは、
TypeScriptでは、多様なデータ型を使用して変数の型を定義できます。 本記事では、主要な型とそれぞれの詳細な説明、そしてサンプルコードを紹介します。 1. boolean 真または偽の値を持つ、最も基本的なデータ型です。 2. number 浮動小数点値で、JavaScript と同じようにすべての数値は浮動小数
Node.js, Express, および TypeScript を使用して「Hello World」アプリケーションを作成する手順を詳細に説明します。 前提条件 Node.jsがインストールされていること。 インストールされていない場合は、Node.jsの公式ウェブサイトからダウンロードしてインストールしてください。
input type="file" タグを使用すると、ブラウザ上でファイルをアップロードすることができます。 通常は JavaScript で change イベントを定義しておけばファイルをアップロードし直す度に特定の処理を行うよう定義できます。 しかし、同名ファイルをアップロードすると、この change イベント
Sponsored