Category

JavaScript

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

フィルタを解除
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. エラーの解消方法に

  • トラブルシューティング
個人開発

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

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

  • Next.js
  • npm
  • build
個人開発

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

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

  • 個人開発
  • マークダウン
  • Next.js
JavaScript

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

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

  • 備忘録
  • JavaScript
  • お役立ち
備忘録

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

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

  • 備忘録
  • ES6
  • お役立ち
  • デバッグ
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 marked js/ こちらの記事の続編記事です。 highlight.js とは highlight.js は、ウェブペ

  • JavaScript
  • ライブラリ
JavaScript

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

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

  • JavaScript
  • ライブラリ
JavaScript

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

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

  • ES6

Sponsored