Čištění názvů je jeden z těch malých úkolů, které se objevují na mnoha místech. Název produktu se musí změnit na URL slug. Záhlaví ze spreadsheetu se má stát názvem vlastnosti. CSS token potřebuje předvídatelný identifikátor. Poznámka z designového souboru se má změnit na něco, co developer může vložit do kódu bez ručního přepisování každého slova.
Těžké není pochopit, co znamená camelCase, snake_case, kebab-case nebo PascalCase. Těžké je aplikovat stejné pravidlo konzistentně, když zdrojový text obsahuje mezery, interpunkci, velká písmena a smíšené oddělovače. Právě tam pomáhá soustředěný workflow v Case / Slug / Escape. Vložíte zdrojový text jednou, projdete case varianty vedle sebe a zkopírujete output, který odpovídá dalšímu systému.
Proč na převodu case záleží v reálné práci
Převod case stojí mezi psaním a implementací. Fráze čitelná pro člověka obvykle není název vhodný pro stroj.
Představte si feature flag s názvem "New Checkout Banner". Produktová poznámka používá title case. Kód může potřebovat newCheckoutBanner. Konfigurační soubor může očekávat new_checkout_banner. Segment routy nebo CSS třída může preferovat new-checkout-banner. Stejný pojem cestuje několika systémy a každý ruční přepis je malá příležitost pro drift.
Stejný problém se objevuje v content operations. Nadpis se stane slugem. Název kampaně se změní na tracking key. Support label se stane interním identifikátorem. Když každý člověk přepíše název trochu jinak, práce se hůř hledá, porovnává a udržuje.
Jak převést text do běžných case formátů
Nejrychlejší workflow drží zdrojovou frázi viditelnou a generuje pravděpodobné výstupy vedle sebe.
- Otevřete nástroj Case / Slug / Escape.
- Vložte frázi, label, titulek nebo identifikátor, který potřebujete normalizovat.
- Porovnejte vygenerované výstupy
camelCase,PascalCase,snake_caseakebab-case. - Zkopírujte podobu, která odpovídá cílovému systému.
- Nechte zdrojovou frázi poblíž, pokud někdo později potřebuje potvrdit lidsky čitelný název.
Je to lepší než ručně upravovat oddělovače, protože pravidlo se aplikuje jednou. Nehádáte, jestli má slovo zůstat s velkým písmenem nebo jestli se má interpunkce změnit na oddělovač. Měníte frázi na předvídatelné výstupy.
Který case použít?
Různé case styly obvykle míří do různých cílů.
| Formát | Běžné použití | Praktický důvod |
|---|---|---|
camelCase | JavaScript proměnné, objektové klíče, názvy UI stavů | Kompaktní a běžné ve frontend kódu |
PascalCase | Názvy komponent, tříd, exportovaných typů | Pojmenované jednotky kódu se lépe skenují |
snake_case | Datová pole, záhlaví odvozená z CSV, některá API | Jasné oddělovače a stabilní malá písmena |
kebab-case | URL slugy, segmenty rout, CSS-like labely | Čitelné v cestách a kontextech s pomlčkami |
Důležité je nepovažovat jeden styl za univerzálně správný. Správný output je ten, který sedí místu, kam text míří dál.
Použijte stejný průchod pro slugy i escape
Čištění case se často objevuje vedle dalšího čištění textu. Poté co se titulek změní na kebab-case, může se z něj ještě stát čistý URL slug. Poté co se snippet změní na identifikátor, související hodnota může potřebovat URL, HTML nebo JSON escape, než ji bude možné bezpečně vložit jinam.
Proto Converty drží case, slug a escape výstupy pohromadě. Nástroj se nesnaží nahradit CMS ani editor kódu. Je to krátký operativní krok pro převod hrubého textu do tvarů, které očekává publikování, routing a implementace.
Pro širší launch workflow, které kombinuje slugy s Markdownem a přípravou favicon, si přečtěte Jak mohou obsahové týmy připravit slugy, Markdown a favicony pro nové spuštění. Pokud je další otázka spíš o kódování než o pojmenování, pokračujte článkem Kdy použít kódování URL, HTML escape a JSON escape.
Otevřete Case / Slug / Escape, když je dalším úkolem změnit hrubou frázi na předvídatelný identifikátor, slug nebo escapovaný řetězec.
