Productivity
Slugify
記事や製品ページ、ドキュメント URL に使いやすい小文字 slug をブラウザ内で生成します。
このツールを試す
入力を貼り付けて実行すると、結果をすぐに確認できます。
説明
ツール概要
このページでは、ツールの役割、使いどころ、サンプルで素早く確認する方法をまとめています。
文章を URL 向けの slug に変換します。
サンプル入力
以下のサンプルをそのまま貼り付けると、基本的な処理フローをすぐ確認できます。
Astro + Preact MVP Tool Platform文章やタイトルを URL 向けの slug 文字列に変えたいときに便利なツールです。ブログ URL、コンテンツキー、ファイル名、文書 ID のように、一貫した命名規則が欲しい場面に向いています。
入力文字列はブラウザ内だけで処理されるため、下書きタイトルや内部用文言も気軽に試せます。
使いどころ
- 記事タイトルを URL slug にしたいとき
- システム用の安定したキー値を作りたいとき
- 人向けタイトルと機械向け識別子を分けたいとき
良い slug の条件
短く、予測しやすい slug の方が保守しやすく、読みやすくなります。
- 通常は小文字と
-の組み合わせが最も無難です - タイトル全文ではなく、核となるキーワードだけ残す方がよいです
- 人が見る URL なら長すぎる slug は避けた方が安全です
よくある失敗
- タイトル全文をそのまま使って URL を長くしすぎる
- プロジェクトごとに区切り文字のルールを変えて一貫性を失う
- 意味の薄い数字や日付を無意識に付け足す
- 表示タイトルと slug を常に同一視する
例の入力
Astro + Preact MVP Tool Platform
例の出力
astro-preact-mvp-tool-platform
FAQ
- 空白や特殊文字はどう扱われますか？
- 空白は区切り文字に変わり、多くの特殊文字は除去または正規化されます。
- 大文字は維持されますか？
- いいえ。結果は小文字に正規化されます。
- どこで処理されますか？
- ブラウザ内だけで処理されます。
- 区切り文字は変えられますか？
- はい。`-` または `_` を選べます。
- 日本語タイトルから slug を作れますか？
- 作成はできますが、SEO やルーティング方針によっては意図的な英語 slug の方が適している場合もあります。
関連ツール
さらに探す
このツールは Productivity カテゴリに属しています。似たワークフローは ツールハブの全ツール一覧 から比較できます。