コンテンツへスキップ
uencoder
テキスト処理 入門 2 ステップ

Kebab Case と URL エンコード

kebab-case は URL に適している。URL エンコードは特殊文字がエスケープされることを保証する。このチェーンは URL セーフなスラッグを作成する。

解決する問題

kebab-case に変換し、安全な URL スラッグのために URL エンコードする。

入力 → 出力

テキスト ケバブケース変換 入力 → URL エンコーダー 出力 、計 2 ステップ。

実行時間

1–2分 · 完全にブラウザローカルで実行。

始める前に

  • テキスト入力

パイプライン

  1. テキストを kebab-case に変換します。単語分割は単純で、連続する大文字は 1 文字ずつ分割されるため、「XMLHttpRequest」は「xml-http-request」ではなく「xmlhttp-request」になります。

  2. Percent-encode text for safe use in URLs。無料、プライベート、100%クライアントサイド。

ツールチェーンで開く

ブラウザローカルで実行。レシピはパイプラインのみを定義——入力はこのタブから離れません。

▶このワークフローを実行

下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。

パイプラインの進行状況

  1. テキスト ケバブケース変換text-kebab-case
  2. URL エンコーダーurl-encode

サンプル入力

Hello World

期待される出力

hello-world

この入出力ペアはビルド時に実際のツールで実行(tests/unit/recipes.test.ts)——期待出力は検証済み、例示ではありません。

関連ワークフロー

こちらもおすすめ

このレシピとツールやテーマを共有するワークフロー。

使用するツール