Next.js で OGP や canonical URL を設定する際、「現在のページ URL をどう取得するか？」 はとても重要なポイントです。 Next.js 13 以降（App Router）では、usePathname() を使うようになっています。 usePathname() を使う Next.js の最新環境では、ページ URL 取得には次の方法 ...

JavaScriptにおいてURLを取り扱う最も基本的な要素の1つが、 locationオブジェクトでしょう。locationオブジェクトには現在表示しているドキュメントのURLが格納されており、 locationオブジェクトを操作することで現在のドキュメントから違うURLへページを遷移さ ...

URLは、 Webブラウジングを開始するという意味でも、 Webに関連する技術の入り口という意味でも、 Webにおける起点そのものです。 攻撃者の視点から見ると、 多くの場合、 URLは攻撃者自身によってコントロール可能です。その複雑な構造から、 プログラム内 ...

Fetch APIはブラウザのJavaScriptを利用してネットワーク越しにデータを取得するための新しい機能です。同様の技術には、XMLHttpRequestがありますが、Fetch APIを使う事で、より柔軟で強力な操作が可能になります。 なお、新しいAPIと言ったのには理由があります。