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. エラーの解消方法に
Category
JavaScript に関する記事一覧です。
この記事では、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 を生成する方法を紹介します。 SEO対策として欠かせない sitemap.xml ファイル。 Next.jsで静的サイトを生成する場合、このファイルを手動で作成・更新するのは面倒です。 特にページ数が多いサイ
今回は、LAZY TOOLSに新しく追加した remark を用いて実装した「マークダウンエディタ/プレビュー」ツールについて紹介します。 実際のツールはこちらから使えます。 ブラウザ上で完結し、データはサーバーに保存されない安全なツールなのでぜひご利用ください。 マークダウンエディタツールの紹介 今回作成したツールは
この記事では、 TypeScript の type と interface の違いを詳しく解説し、それぞれの使用場面について説明します。 TypeScriptを使用する際、開発者は時に type と interface のどちらを使うべきか迷うことがあります。 両者は似たような機能を持っていますが、微妙な違いがあります
この記事では、 console.log の引数を工夫することで、出力をさまざまな形式で確認し、デバッグ効率を大幅に向上させる方法を紹介します。 JavaScript 開発において、console.log は最も基本的かつ重要なデバッグツールの一つですよね。 しかし、多くの開発者はその真の力を十分に活用できていません(本
本記事では、 operation not permitted, uv cwd のエラーのトラブルシューティングを紹介します。 エラーの概要 Next.js をインストールし、いざ起動しようと npm run dev を実行した際に、以下のようなエラーに悩まされました。 インストール後に何か設定をいじったわけでもないのに
今回は、 highlight.js を前回実装したエディタに組み込んで、コードブロックのシンタックスハイライト機能を追加し、デザイン性と可読性を向上させる方法を解説します。 /javascript marked js/ こちらの記事の続編記事です。 highlight.js とは highlight.js は、ウェブペ
この記事では、 marked.js を用いてマークダウンエディタを実装する方法を紹介します。 開発者はよくマークダウン記法を用いて簡易ドキュメントを作成しますね。 VSCode にもプレビュー機能が標準的に備わっているので、わざわざ別のエディタを使う機会は少ないかもしれません。 ですが、何かのシステムに組み込むときのた
ECMAScript 6(ES6)に導入された Set オブジェクトは、値の集合を扱うための機能を提供します。 Set は、その中の各要素がユニークであることを保証します。 つまり、同じ値は Set 内に一度だけしか存在できません。 この記事では、そんな Set の便利な使い方を紹介します。 Setの使い方 基本的なS
Sponsored