JavaScript 【TypeScript】 type と interface の違いを解説 この記事では、 TypeScript の type と interface の違いを詳しく解説し、それぞれの使用場面について説明します。TypeScript を使用する際、開発者は時に type と interface のどちらを使うべきか迷うことがあります。両者は似たような機能を持っていますが、微妙な違いがあります。 2024.07.15 JavaScriptTypeScript開発
JavaScript 【JavaScript】意外と知らない console.log の応用的な使い方 この記事では、 console.log の引数を工夫することで、出力をさまざまな形式で確認し、デバッグ効率を大幅に向上させる方法を紹介します。 2024.06.27 JavaScriptVanilla JS備忘録
JavaScript 【Next.js】npm 実行時の operation not permitted, uv_cwd エラーの対処 本記事では、 operation not permitted uv_cwd のエラーのトラブルシューティングを紹介します。Next.js をインストールし、いざ起動しようと npm run dev を実行した際に、以下のようなエラーに悩まされました。 2024.05.30 JavaScriptNext.js
JavaScript 【JavaScript】 highlight.js でマークダウンエディタをデザインする highlight.js を前回実装したエディタに組み込んで、コードブロックのシンタックスハイライト機能を追加し、デザイン性と可読性を向上させる方法を解説します。 2024.04.02 JavaScript
JavaScript 【JavaScript】 marked.js でマークダウンエディタを実装する この記事では、 `marked.js` を用いてマークダウンエディタを実装する方法を紹介します。このライブラリは、シンプルでありながら、GitHub Flavored Markdown(GFM)の多くの機能をサポートしています。 2024.03.24 JavaScript
JavaScript 【JavaScript】 Set の便利な使い方の紹介 ECMAScript 6(ES6)に導入された `Set` オブジェクトは、値の集合を扱うための機能を提供します。`Set` は、その中の各要素がユニークであることを保証します。この記事では、そんな Set の便利な使い方を紹介します。 2024.02.01 JavaScriptVanilla JS
JavaScript 【JavaScript】0 は falsy であることを忘れてハマった話 JavaScript でのコーディングは、 null や undefined のチェックとの戦いでもあります。null, undefined は `falsy` なので、直接条件句として判定させるのがシンプルで、冗長さが軽減されます。一方、落とし穴にはまらないように注意が必要です。 2024.01.28 JavaScriptVanilla JS雑記・経験談
JavaScript 【JavaScript】オブジェクトが空かどうかを判定する JavaScript ではオブジェクト型を処理することがとても多いですが、オブジェクトの空判定がちょっと面倒だったので、備忘録として記載します。自分で utility として、 `isEmpty` とか `isNotEmpty` 関数を作っておくと重宝します。 2024.01.28 JavaScriptVanilla JS
JavaScript 【ESLint】Unary operator ‘++’ used の解消 JavaScript で実装を行なっている場合、おそらく ESLint も導入していると思います。この記事では `Unary operator '++' used` の解消方法を備忘録として記載します。 2024.01.27 JavaScript
JavaScript 【JavaScript】よく使う配列操作の備忘録(map, some, every, filter, find, reduce) JavaScript では配列の操作をする機会はとても多いです。map, some, every, filter, find, reduce といった主要なメソッドの使い方を覚えておきましょう。 2024.01.20 JavaScriptVanilla JS