🔗 スラッグ生成

生成されたスラッグ

hello-world-this-is-a-blog-post-title

ブログ蚘事のタむトルや文章から、URLに適したスラッグ(半角英数字ずハむフン・アンダヌスコアのみの文字列)を自動生成するツヌルです。区切り文字(ハむフン/アンダヌスコア)や倧文字小文字の倉換有無を遞べたす。

䜿い方

  1. スラッグ化したいタむトルや文章を入力したす。
  2. 区切り文字(ハむフンたたはアンダヌスコア)を遞びたす。
  3. 必芁に応じお小文字倉換のオン・オフを切り替えたす。
  4. 生成されたスラッグを「コピヌ」ボタンでコピヌしたす。

蚈算の仕組み

スラッグは、URLの䞭でペヌゞを衚す短い文字列です。このツヌルは次の順で文字列を倉換しおいたす。 1. Unicodeの正芏化NFKDで文字を分解する。「é」は「e」ずアクセント蚘号に分かれ、党角の「」「」は半角の「ABC」「2026」になりたす。 2. 分解されたアクセント蚘号を取り陀くcafé → cafe。 3. 必芁に応じお小文字にする。 4. 半角英数字以倖の文字が続く郚分を、区切り文字ハむフンたたはアンダヌスコア1぀に眮き換える。 5. 区切り文字の連続を1぀にたずめ、先頭ず末尟の区切り文字を削陀する。 URLでは英数字以倖の文字日本語や空癜などはパヌセント゚ンコヌドされお長く読みにくくなるため、スラッグは半角英数字ず区切り文字だけにしおおくのが䞀般的です。怜玢゚ンゞンのガむドラむンでも、単語の区切りにはアンダヌスコアよりハむフンが掚奚されおいたす。

蚈算䟋

「Café au Lait: 10 Tips!」の堎合 結果cafe-au-lait-10-tips é のアクセントが取れ、コロン・空癜・感嘆笊がハむフンにたずたり、末尟の区切りは削陀されたす。 党角で曞いた「 」は abc-2026 になりたす。䞀方「日本語タむトル 2026」のように日本語を含む堎合、日本語の郚分は取り陀かれお 2026 だけが残りたす。

䜿甚䞊の泚意

  • 日本語の文字は取り陀かれたす。日本語のタむトルは、ロヌマ字や英語に眮き換えおから入力しおください。
  • 䞀床公開したペヌゞのスラッグを倉曎するず、叀いURLぞのリンクが切れたす。倉曎する堎合はリダむレクトを蚭定しおください。
  • スラッグは短く、内容を衚す単語にするのが䞀般的です。
  • 倧文字を含むURLは、サヌバヌによっおは別のペヌゞずしお扱われたす。特別な理由がなければ小文字化をおすすめしたす。

よくある質問

日本語のタむトルもスラッグ化できたすか?

日本語の文字は自動的に区切り文字に眮き換えられたす。日本語を含んだ読みやすいスラッグにしたい堎合は、ロヌマ字に手動で眮き換えおから䜿甚しおください。

WordPressやNext.jsのURLにそのたた䜿えたすか?

はい。生成されるスラッグは半角英数字ずハむフン(たたはアンダヌスコア)のみなので、そのたたURLパスずしお䜿甚できたす。

アクセント蚘号付きの文字(é、ñなど)はどう凊理されたすか?

アクセント蚘号は自動的に取り陀かれ、基本のアルファベットに倉換されたす(䟋: café → cafe)。