>_devtools-hub

Slug Generator

日本語・英語テキストを URL-safe スラグに変換

BOOTHで見る(有料版)
Web開発テキスト開発者向け

テキストを貼り付けるだけで URL-safe なスラグを即生成。日本語はローマ字変換してから変換します。区切り文字(ハイフン/アンダースコア)・大文字小文字モードの切り替えに対応。ブログ記事・商品ページなどの URL 設計に。

広告

Slug Generator

区切り文字
大文字小文字
テキストを入力するとスラグが生成されます

変換例

  • がっこうのコーヒー→gakkounokohi
  • Hello World!→hello-world
  • My Awesome Post 2026→my-awesome-post-2026
  • Café Crème→cafe-creme

Features

  • ひらがな・カタカナをローマ字(ヘボン式)に変換してスラグ生成。促音(がっこう → gakkou)・外来語(ティ・ファ・ヴ)に対応
  • café → cafe のようにアクセント記号を外して残す
  • 読みが決められない漢字は取り除き、取り除いた文字を表示
  • 英語・日本語混在テキストに対応
  • 区切り文字をハイフン(-)とアンダースコア(_)で切り替え
  • 出力を小文字 / 大文字 / そのまま の3モードで切り替え
  • 特殊文字の除去・連続セパレーターの正規化
  • 変換例をリアルタイムでプレビュー

Desktop App

デスクトップ版を入手する

Web版にはない機能をデスクトップ版で追加しています。

  • 複数行テキストを一括スラグ変換し .txt ファイルに保存
BOOTH で見る

URLスラグとは — SEOに強いURL設計とスラグ生成のベストプラクティス

URLスラグとはURLのパスの最後の部分で、ページの内容を表す人間が読める文字列です。/blog/how-to-use-css-grid のcss-gridの部分がスラグです。適切なスラグはSEO・共有のしやすさ・ユーザビリティに直結します。

URLスラグの基本ルール

良いスラグは小文字のみ・単語をハイフンで区切る・特殊文字なし・短くて意味がある の4原則を満たします。/my-awesome-post は良い例、/My_Awesome_Post!! は悪い例です。スペースはハイフンに変換し、アンダースコアはGoogleがワードの区切りと認識しない場合があるためハイフンが推奨されます。

日本語URLとパーセントエンコード

日本語をURLに含めると%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AFのようにパーセントエンコードされ、URLが非常に長くなります。ローマ字に変換してからスラグにすることでシンプルなURLを保てます。Slug Generatorは日本語テキストを自動でローマ字変換してURL-safeなスラグを生成します。

SEOとURLスラグの関係

GoogleはURLに含まれるキーワードをランキングシグナルの一つとして使います。記事タイトルのキーワードをスラグに含めることでSEO効果が期待できます。ただしURLは一度公開すると変更が難しいため(301リダイレクトが必要)、最初から適切なスラグを設定することが重要です。

スラグの生成と一括変換

Slug Generatorはリアルタイムでスラグを生成し、区切り文字(ハイフン/アンダースコア)や大文字小文字モードを切り替えられます。デスクトップ版では複数のテキストを一括でスラグ変換し.txtファイルに保存できます。ブログ記事・ECサイトの商品URL・多言語サイトのURL設計に活用できます。

広告

Related Tools

Lockfile Diff

package-lock.json の更新前後を比較 — 版の動きをメジャー/マイナー/パッチで分類

npmバージョン管理開発者向け

使ってみる →

Text Encoding Checker

文字コードを判定して UTF-8 に変換 — 化けた文字列の復元も

テキストエンコード開発者向け

使ってみる →

Line Ending Inspector

改行コードを検査 — CRLF / LF / CR の内訳と混在、BOMの有無

テキストエンコード開発者向け

使ってみる →

このツールを共有する