Category

JavaScript

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

フィルタを解除
個人開発

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

この記事では、Next.jsで静的サイトを生成(SSG)するべくビルドする時に自動的に sitemap.xml を生成する方法を紹介します。 SEO対策として欠かせない sitemap.xml ファイル。 Next.jsで静的サイトを生成する場合、このファイルを手動で作成・更新するのは面倒です。 特にページ数が多いサイ

個人開発

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

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

JavaScript

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

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

備忘録

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

この記事では、 console.log の引数を工夫することで、出力をさまざまな形式で確認し、デバッグ効率を大幅に向上させる方法を紹介します。 JavaScript 開発において、console.log は最も基本的かつ重要なデバッグツールの一つですよね。 しかし、多くの開発者はその真の力を十分に活用できていません(本

JavaScript

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

本記事では、 operation not permitted, uv cwd のエラーのトラブルシューティングを紹介します。 エラーの概要 Next.js をインストールし、いざ起動しようと npm run dev を実行した際に、以下のようなエラーに悩まされました。 インストール後に何か設定をいじったわけでもないのに

JavaScript

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

この記事では、 marked.js を用いてマークダウンエディタを実装する方法を紹介します。 開発者はよくマークダウン記法を用いて簡易ドキュメントを作成しますね。 VSCode にもプレビュー機能が標準的に備わっているので、わざわざ別のエディタを使う機会は少ないかもしれません。 ですが、何かのシステムに組み込むときのた

JavaScript

【JavaScript】 Set の便利な使い方の紹介

ECMAScript 6(ES6)に導入された Set オブジェクトは、値の集合を扱うための機能を提供します。 Set は、その中の各要素がユニークであることを保証します。 つまり、同じ値は Set 内に一度だけしか存在できません。 この記事では、そんな Set の便利な使い方を紹介します。 Setの使い方 基本的なS

Sponsored