【JavaScript】0 は falsy であることを忘れてハマった話
JavaScript でのコーディングは、 null や undefined のチェックとの戦いでもあります。 『バックエンドの処理が中心で、フロントエンドは HTML もしくはテンプレートエンジンが中心だから、JavaScript なんて ES6 でさらっとかければOK』 という場面もあるのではないでしょうか。 そん
Category
JavaScript
JavaScript に関する記事一覧です。
カテゴリ
タグ
フィルタを解除 Salesforce 備忘録 JavaScript Apex Tips ES6 ツール お役立ち
+93
トラブルシューティング 7 個人開発 6 セキュリティ 6 バージョンアップ 6 雑記 5 ApexTest 5 ライブラリ 5 LLM 3 VPS 3 WordPress 3 Astro 3 マークダウン 3 Next.js 3 Django 3 React 2 TypeScript 2 AI 2 静的サイト 2 メール 2 ドキュメント 2 開発 2 Git 2 Claude 2 ChatGPT 2 npm 2 Mac 2 Ubuntu 2 UNIX 2 命名規則 2 python 2 jinja2 2 プロンプト 2 Artifacts 2 Xserver 2 SOQL 2 Experience Cloud 2 Ollama 1 Codex 1 ゲーム 1 DKIM 1 システム開発 1 外注 1 ベンダー選定 1 submodule 1 GatsbyJS 1 サイト移行 1 MFA 1 npx 1 Flow 1 Metadata 1 build 1 bash 1 zsh 1 サンプルコード 1 JWT 1 認証 1 おすすめツール 1 composer 1 Google 1 Google Map 1 HTML 1 デバッグ 1 プロファイル 1 権限セット 1 Amazon 1 URL短縮サービス 1 TANTAN-LINK 1 TailwindCSS 1 Microsoft Edge 1 ブラウザ 1 スクリーンショット 1 MySQL 1 インフラ 1 API参照名 1 WSGI 1 Waitress 1 ターミナル 1 コマンド 1 Finder 1 IPA 1 venv 1 pip 1 HTTP 1 vi 1 Linux 1 エディタ 1 Utility 1 ESLint 1 UUID 1 Webアプリケーション 1 収益化 1 Heroku 1 スクリプト 1
【JavaScript】オブジェクトが空かどうかを判定する
JavaScript ではオブジェクト型を処理することがとても多いですが、オブジェクトの空判定がちょっと面倒だったので、備忘録として記載します。 自分で utility として、 isEmpty とか isNotEmpty 関数を作っておくと重宝します。 {} === {} または null ではダメ JavaScri
【ESLint】Unary operator '++' used の解消
JavaScript で実装を行なっている場合、おそらく ESLint も導入していると思います。 この記事では Unary operator '++' used の解消方法を備忘録として記載します。 事象の概要 昔の書き方だと、 for ループ処理で以下のような書き方をよく（たまに？）しますよね。 (例1) for
【JavaScript】よく使う配列操作の備忘録（map, some, every, filter, find, reduce）
JavaScript では配列の操作をする機会はとても多いです。 for文で書けばとりあえず動くものはできますが、配列操作のメソッドを覚えておくと、よりシンプルで可読性の高いコードになります。 この記事では、map, some, every, filter, find, reduceといった主要な配列操作メソッドに焦点
【JavaScript】 React + TypeScript を用いたアプリケーション開発入門
この記事では、React と TypeScript を用いてアプリケーションを実装する上での基礎知識を紹介します。 本記事では、React と TypeScript についての理解を深めるための簡単な説明を併せて記載します。 React とは React は、Facebook （Meta社） が開発した、インタラクティ
【JavaScript】MERN スタックとそのメリットについて
最近 JavaScript で開発することが多くなっており、MERN スタックを利用したプロダクト開発も行なっているので今一度振り返るための記事を書いておきます。 MERN スタックは、Webアプリケーションの開発に広く使用される技術の組み合わせです。 それぞれの文字が特定の技術を表しています。 MERN スタックは、
【TypeScript】さまざまな型定義を紹介
TypeScriptでは、多様なデータ型を使用して変数の型を定義できます。 本記事では、主要な型とそれぞれの詳細な説明、そしてサンプルコードを紹介します。 1. boolean 真または偽の値を持つ、最も基本的なデータ型です。 2. number 浮動小数点値で、JavaScript と同じようにすべての数値は浮動小数
【Node.js】Express + TypeScript での Hello World までの手順を解説
Node.js, Express, および TypeScript を使用して「Hello World」アプリケーションを作成する手順を詳細に説明します。 前提条件 Node.jsがインストールされていること。 インストールされていない場合は、Node.jsの公式ウェブサイトからダウンロードしてインストールしてください。
【JavaScript】input で同名ファイルを扱う場合に change イベントが発火しない対策
input type="file" タグを使用すると、ブラウザ上でファイルをアップロードすることができます。 通常は JavaScript で change イベントを定義しておけばファイルをアップロードし直す度に特定の処理を行うよう定義できます。 しかし、同名ファイルをアップロードすると、この change イベント
Sponsored