テキストを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ツールでの一貫したディレクトリ階層の作成に使用されます。