JavaScript

Node.js

今更聞けない、 npm と npx の違い

この記事では、Node.js を使った開発で頻繁に目にする npm と npx の違いについて解説します。どちらも Node.js のパッケージ管理に関連するコマンドですが、用途や動作が異なります。正しく使い分けることで、より効率的な開発が可能になります。
JavaScript

iframeでの allow-popups エラーの解決方法

iframe で生じる Blocked opening XXXXX in a new window because the request was made in a sandboxed frame whose 'allow-popups' permission is not set. エラーの解消方法を紹介します。
JavaScript

Next.jsでSSGサイトのsitemap.xmlを自動生成する方法

この記事では、Next.jsで静的サイトを生成(SSG)するべくビルドする時に自動的に sitemap.xml を生成する方法を紹介します。npm のビルドスクリプトを拡張して、手間をかけずに常に最新のサイトマップを維持できる仕組みを作りましょう。
JavaScript

【Next.js】 remark を使ったマークダウンエディタツールの紹介

今回は、LAZY TOOLSに新しく追加した「マークダウンエディタ/プレビュー」ツールについて紹介します。 remark ライブラリを使用しています。ブラウザ上で完結し、データはサーバーに保存されない安全なツールなのでぜひご利用ください。
JavaScript

【TypeScript】 type と interface の違いを解説

この記事では、 TypeScript の type と interface の違いを詳しく解説し、それぞれの使用場面について説明します。TypeScript を使用する際、開発者は時に type と interface のどちらを使うべきか迷うことがあります。両者は似たような機能を持っていますが、微妙な違いがあります。
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 の便利な使い方を紹介します。