ガイド
SlugifyとURLエンコードの違い
Slugify は見出しやタイトルを URL 向けの短い識別子にする用途、URLエンコードは既存文字列を安全に送る用途です。目的が異なります。
文字列処理読了目安 4 分
Slugify - URL向けスラッグURLエンコード - 変換テキストケース変換 - camelCase対応
これは何か
Slugify は見出しやタイトルを URL 向けの短い識別子にする用途、URLエンコードは既存文字列を安全に送る用途です。目的が異なります。
どんな時に使うか
- - 記事タイトルからパーマリンク用スラッグを作る時。
- - 検索キーワードをクエリ値として渡す時。
- - 日本語を含む文字列を URL に埋め込む時。
よくある勘違い
- - Slugify はパラメータ値の安全化を完全に代替しません。
- - URLエンコードは可読なスラッグ生成のための機能ではありません。
- - 同じ入力でも用途が違えば出力の正解は変わります。
すぐ試す方法
- URL パス名を作るならまず Slugify を使います。
- クエリ値として送るなら URLエンコードを使います。
- 必要に応じて text case で命名ルールを揃えます。
- 完成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エンコードで処理するのが安全です。