ガイド

SlugifyとURLエンコードの違い

Slugify は見出しやタイトルを URL 向けの短い識別子にする用途、URLエンコードは既存文字列を安全に送る用途です。目的が異なります。

文字列処理読了目安 4 分
Slugify - URL向けスラッグURLエンコード - 変換テキストケース変換 - camelCase対応

これは何か

Slugify は見出しやタイトルを URL 向けの短い識別子にする用途、URLエンコードは既存文字列を安全に送る用途です。目的が異なります。

どんな時に使うか

  • - 記事タイトルからパーマリンク用スラッグを作る時。
  • - 検索キーワードをクエリ値として渡す時。
  • - 日本語を含む文字列を URL に埋め込む時。

よくある勘違い

  • - Slugify はパラメータ値の安全化を完全に代替しません。
  • - URLエンコードは可読なスラッグ生成のための機能ではありません。
  • - 同じ入力でも用途が違えば出力の正解は変わります。

すぐ試す方法

  1. URL パス名を作るならまず Slugify を使います。
  2. クエリ値として送るなら URLエンコードを使います。
  3. 必要に応じて text case で命名ルールを揃えます。
  4. 完成URLを URL Parser で最終確認します。

入力例

Nuxt 3 入門ガイド

出力例

slugify: nuxt-3-ru-men-gaito
urlencode: Nuxt%203%20%E5%85%A5%E9%96%80%E3%82%AC%E3%82%A4%E3%83%89

注意点

  • - スラッグは可読性、エンコードは安全な受け渡しが主目的です。
  • - パス部分とクエリ部分で使う道具を分けると事故が減ります。
  • - 検索流入を意識するなら短く意味が分かるスラッグが有利です。

よくある質問

記事URLにはどちらを使うべきですか?

基本は Slugify です。可読性と再利用性が高くなります。

日本語タイトルはそのまま使えますか?

使えますが、共有性や一貫性を考えると Slugify の方が運用しやすいです。

クエリ文字列は?

クエリ値は URLエンコードで処理するのが安全です。