Category

JavaScript

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

フィルタを解除
雑記・経験談

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

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

  • 備忘録
  • ES6
JavaScript

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

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

  • ES6
  • Utility
JavaScript

【ESLint】Unary operator '++' used の解消

JavaScript で実装を行なっている場合、おそらく ESLint も導入していると思います。 この記事では Unary operator '++' used の解消方法を備忘録として記載します。 事象の概要 昔の書き方だと、 for ループ処理で以下のような書き方をよく(たまに?)しますよね。 (例1) for

  • ESLint
JavaScript

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

JavaScript では配列の操作をする機会はとても多いです。 for文で書けばとりあえず動くものはできますが、配列操作のメソッドを覚えておくと、よりシンプルで可読性の高いコードになります。 この記事では、map, some, every, filter, find, reduceといった主要な配列操作メソッドに焦点

  • ES6
JavaScript

【JavaScript】 React + TypeScript を用いたアプリケーション開発入門

この記事では、React と TypeScript を用いてアプリケーションを実装する上での基礎知識を紹介します。 本記事では、React と TypeScript についての理解を深めるための簡単な説明を併せて記載します。 React とは React は、Facebook (Meta社) が開発した、インタラクティ

  • JavaScript
  • React
  • TypeScript
JavaScript

【JavaScript】MERN スタックとそのメリットについて

最近 JavaScript で開発することが多くなっており、MERN スタックを利用したプロダクト開発も行なっているので今一度振り返るための記事を書いておきます。 MERN スタックは、Webアプリケーションの開発に広く使用される技術の組み合わせです。 それぞれの文字が特定の技術を表しています。 MERN スタックは、

  • Webアプリケーション
  • 開発
JavaScript

【TypeScript】さまざまな型定義を紹介

TypeScriptでは、多様なデータ型を使用して変数の型を定義できます。 本記事では、主要な型とそれぞれの詳細な説明、そしてサンプルコードを紹介します。 1. boolean 真または偽の値を持つ、最も基本的なデータ型です。 2. number 浮動小数点値で、JavaScript と同じようにすべての数値は浮動小数

  • 備忘録
  • JavaScript
JavaScript

【Node.js】Express + TypeScript での Hello World までの手順を解説

Node.js, Express, および TypeScript を使用して「Hello World」アプリケーションを作成する手順を詳細に説明します。 前提条件 Node.jsがインストールされていること。 インストールされていない場合は、Node.jsの公式ウェブサイトからダウンロードしてインストールしてください。

  • JavaScript
JavaScript

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

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

  • 備忘録
  • ES6
  • Tips

Sponsored