JavaScript

JavaScript

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

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

【Next.js】npm 実行時の operation not permitted, uv_cwd エラーの対処

本記事では、 operation not permitted uv_cwd のエラーのトラブルシューティングを紹介します。Next.js をインストールし、いざ起動しようと npm run dev を実行した際に、以下のようなエラーに悩まされました。
JavaScript

【JavaScript】 highlight.js でマークダウンエディタをデザインする

highlight.js を前回実装したエディタに組み込んで、コードブロックのシンタックスハイライト機能を追加し、デザイン性と可読性を向上させる方法を解説します。
JavaScript

【JavaScript】 marked.js でマークダウンエディタを実装する

この記事では、 `marked.js` を用いてマークダウンエディタを実装する方法を紹介します。このライブラリは、シンプルでありながら、GitHub Flavored Markdown(GFM)の多くの機能をサポートしています。
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

【ESLint】Unary operator ‘++’ used の解消

JavaScript で実装を行なっている場合、おそらく ESLint も導入していると思います。この記事では `Unary operator '++' used` の解消方法を備忘録として記載します。
JavaScript

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

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

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

人気言語である React に加え、堅牢なシステムを実装する上での TypeScript という組み合わせは今後のアプリケーション開発では多く登場することでしょう。この記事では、React と TypeScript を用いてアプリケーションを実装する上での基礎知識を紹介します。