テキストをpath/case(パスケース)に変換する

テキストをスラッシュで単語を区切るpath/caseに変換する方法を学びます。ファイルパス、URLルート、ディレクトリ構造でのコードやコンテンツの整理への使用を解説します。

Real-World

詳細な説明

テキストをpath/caseに変換する

path/caseはスラッシュ(/)で単語を区切り、すべての文字を小文字にします。ファイルシステムのパスやURLルートの構造を反映しています。

基本的な変換

入力:  User Profile Settings
出力:  user/profile/settings

入力:  srcComponentsLayout
出力:  src/components/layout

入力:  API_V2_USERS
出力:  api/v2/users

path/caseが使用される場所

ファイルシステムパス

src/components/layout/header.tsx
public/images/icons/logo.svg
docs/api/v2/endpoints.md

URLルート

/api/v2/users
/blog/2025/my-first-post
/tools/text-case-converter/examples

モジュールインポートパス

import Header from "./components/layout/header";
import { cn } from "@/lib/utils";
import userService from "../services/user/profile";

path/case vs. dot.case

両方とも階層を暗示しますが、異なるセパレータを使用します:

path/case: src/components/layout
dot.case:  src.components.layout

path/caseはファイルシステムとURLに使用され、dot.caseはパッケージ名と設定キーに使用されます。

クロスプラットフォームのパスの考慮事項

Windowsではファイルパスにバックスラッシュ(\)を使用し、Unixベースのシステムではスラッシュ(/)を使用します。path/caseは常にスラッシュを使用し、これはURLの普遍的な標準です。

エッジケース

  • 単一単語: "hello""hello"
  • 先頭/末尾のスラッシュ: トリムされるべき。
  • 連続するスラッシュ: 折りたたまれるべき: "a//b""a/b"
  • 数字: パスセグメント内でそのまま保持。

ユースケース

path/caseはコードスキャフォールディングツールでのファイルパスの生成、CMSプラットフォームでのコンテンツタイトルからのURLルートの導出、パンくずナビゲーション構造の構築、モジュールインポートの整理、プロジェクトジェネレーターやCLIツールでの一貫したディレクトリ階層の作成に使用されます。

試してみる — Text Case Converter

フルツールを開く