メタ記述: テキストをcamelcase、snake_case、kebab-case、PascalCase & の間で変換する. more.言語による命名規則, 開発者が説明. Toolz.devで無料.
フォーカスキーワード: テキストケースコンバータオンライン
上級エンジニアが私のプル リクエストに「ネーミング」というコメントを初めて残したとき、彼が何を意味するのかわかりませんでした。 コードは機能しました。 テストに合格しました。 彼が指していたのは、私が書いた変数でした。 user_name javascript ファイルで - 他の場所で camelCase を使用していたコードベースの snake_case。 5 秒間の修正でしたが、それは言語の規則を知っているかどうかを静かに知らせるようなものでした。あなた'再書き込み中。
15 年ほど経ち、WordPress プラグインと Laravel/React SaaS が追加された後は、大文字と小文字の変換は、何も考えずに 1 日に数十回行うことになります。フルスタック作業とは、常に規約を横断することを意味します。データベースの snake_carums、JavaScript の camelCase、React コンポーネントの PascalCase、CSS と URL の kebab-case、環境変数の SCREAMING_SNAKE_CASE。それらを間違える does' 単にずさんに見えるだけでなく、リンターをトリップしたり、ビルドを壊したり、追跡するのが悲惨なバグが発生したりします。
このガイドでは、すべての主要なケース形式について説明し、それぞれを期待する言語にマッピングし、無料で即座に変換する方法を示します。 ケースコンバーター Toolz.dev で。 すべてがブラウザーで実行されるため、独自の識別子を貼り付けていても、マシンから離れるものは何もありません。
tl;dr: を使用する ケースコンバーター CamelCase、Pascalcase、Snake_case、Screaming_Snake_case、KeBab-Case、タイトル ケース、文章、および dot.case の間でテキストを切り替えます。 任意の入力から単語境界を自動検出し、複数行のリストを 1 行ずつ変換します。 経験則: JS 変数の CamelCase、クラスと React コンポーネントの PascalCase、Python と SQL の SNAKE_CASE、CSS と URL の KEBAB-CASE、定数の場合は SCREAMING_SNAKE_CASE。
メインのテキストケースのフォーマットは何ですか?
すべての大文字と小文字の形式は実際には 2 つの決定です。つまり、単語をどのように大文字にするか、そして単語をどのような文字 (存在する場合) で区切るかです。大文字化自体は、ASCII 操作ではなく Unicode 操作です - Unicode 標準付録 #21 ドイツ語の es やトルコ語の dotless i など、可逆的でない場合をカバーします。一度そのように見ると、動物園全体が小さなテーブルになります。ここでは'各フォーマットに例と生息場所を示します。
ラクダケース
最初の単語小文字、次のすべての大文字の大文字で、区切り記号はありません。 firstName、 getUserProfile、 isActiveSubscription。 これは、Java と Swift での JavaScript 変数と TypeScript 変数、関数、メソッド、およびオブジェクトのプロパティのデフォルトです。 名前は、大文字の「こぶ」に由来しています。 コンパクトで、短～中の長さでよく読めます。
パスカルケース (アッパーカムケース)
CamelCase と同じですが、最初の単語も大文字です。 UserProfile、 HttpRequestHandler、 OrderService。 C#、TypeScript、Java、GO (エクスポートされた識別子の場合)、Python (PEP 8 クラス名)、および React および Vue コンポーネント名にまたがるクラス、構造体、および列挙型に使用されます。 大文字の最初の文字は、タイプ (UserProfile) インスタンスから (userProfile) 一目で。
スネークケース
アンダースコアが加わったすべての小文字の単語: first_name、 get_user_profile、 created_at。 It' Python と Ruby のハウス スタイル (PEP 8 および Ruby スタイル ガイドによる)、Rust、およびほとんどの SQL スキーマ。すべての小文字であっても個別の単語を明確に強調します。これが、読みやすさを重視する言語がそれに依存する理由です。また、大文字と小文字を区別できるデータベースがそれを好む理由です。
screaming_snake_case (constant_case)
すべて大文字、アンダースコアで区切られています。 MAX_RETRY_COUNT、 API_BASE_URL、 DEFAULT_TIMEOUT_MS。 定数および環境変数の場合はほぼ普遍的です。 .env ファイル、docker、ci 構成。オールキャップスは " と叫びます。この値は固定されています " - それを見ると、再割り当てしないことがわかります。
ケバブケース (ダッシュケース)
すべて小文字、ハイフンで区切られています。 user-profile、 background-color、 create-react-app。 これは、プロパティと (BEM または Tailwind 経由の) クラス名に対する CSS's ネイティブ形式であり、URL slugs、npm パッケージ名、Kubernetes ラベル、git ブランチ名、および CLI フラグが使用する it's ハイフンは、平易な英語では自然な単語区切り文字であるため、人々が直接読むものに対して最も人間が読める形式であるケバブ ケースと、エンコードなしで it's URL-safe です。
タイトルケースとセンテンスケース
タイトル ケースは、主要な単語を大文字にし、短い記事、前置詞、および接続詞を大文字にします。 素早い茶色のキツネが怠惰な犬を飛び越える。 見出し、本と章のタイトル、スライド ヘッダー用です。 文の場合は、最初の単語と固有名詞のみを大文字にします。 素早い茶色のキツネが怠惰な犬を飛び越える。 これは、ほとんどのデザイン システムで、UI ラベル、ボタン、本文のテキストの最新のデフォルトです。
dot.case、パス/ケース、およびトレインケース
3 つの専門形式: ドットケース (com.example.myapp) Java パッケージと構成キーの場合。 パス/ケース (src/components/header) ファイルパスとモジュールのインポートの場合; そして 電車の場合 (Content-Type、 X-Request-Id) の HTTP ヘッダー。 これらに変換する頻度は少なくなりますが、 ケースコンバーター 一般的なものをサポートしているので、手作業ではありません。
プログラミング言語に使用すべきケースはどれですか?
推測をやめる最も簡単な方法は、各言語のスタイル ガイドが実際に何を言っているのかを内面化することです。 これが、最初のプル リクエストで必要なクロス言語のリファレンスです。
| 要素 | JavaScript / TS | パイソン | 行く | さび | CSS / SQL |
|---|---|---|---|---|---|
| 変数 | ラクダケース | スネークケース | キャメルケース (プライベート) | スネークケース | SNAKE_CASE (SQL) |
| 機能 | ラクダケース | スネークケース | パスカルケース (パブリック) | スネークケース | ー |
| クラス/構造体 | パスカルケース | パスカルケース | パスカルケース | パスカルケース | ー |
| 定数 | screaming_snake | screaming_snake | パスカルケース | screaming_snake | ー |
| コンポーネント/タイプ | パスカルケース | パスカルケース | パスカルケース | パスカルケース | ー |
| プロパティ / 列 | ラクダケース | スネークケース | パスカルケース (パブリック) | スネークケース | ケバブ/ヘビ |
| ファイル | ケバブまたはパスカル | スネークケース | スネークケース | スネークケース | ケバブケース |
このテーブルがいくつかのことをwon' t tell you but experience will. Goはcaseを通じて可視性を扱います - 大文字の先頭文字はexported (public) を意味し、小文字はpackage-privateを意味します - だからcasingはsemanticsであり、styleではありません. Python定数はscreaming_SNAKE_CASEです 慣例のみ; 言語はwon' tはそれらを再割り当てするのを止めます.そしてJavaScriptではPascalCaseは二重の義務を果たします: クラスとReactコンポーネントの両方をマークします, それがJSXが判断できる理由です <UserCard /> (あなたのコンポーネント) から <div /> (DOM 要素) 純粋に大文字によるものです。
ツールを使ってどのようにフォーマットを変換しますか?
メカニズムは故意に退屈で、それがポイントです。
- を開きます ケースコンバーター。
- テキストを貼り付けます それは任意の形式にすることができます - ツールはスペース、アンダースコア、ハイフン、ドット、および大文字と小文字の変更から単語の境界を検出します。
- ターゲット形式を選択します。
- 変換されたテキストが即座に表示されます。 ワンクリックでコピーします。
稼いだのは大量の仕事です。 コンバータは複数行の入力を行ごとに処理するため、リスト全体が一度に変換されます。 このデータベース列のセットを snew_case として貼り付けます。
first_name
last_name
email_address
phone_number
date_of_birth
CamelCase を選択すると、アプリケーション側の変数が 1 つのステップで取得されます。
firstName
lastName
emailAddress
phoneNumber
dateOfBirth
I' m mapping a Laravel model's columns to a React form's field names. 2 つのコンベンションワールド、1 つのペースト。 20 個の名前を再入力するか、1 回限りの変換スクリプトを作成するかの代替方法は、2 分間のタスクが 10 になる方法です。
最もよくあるケース変換ミスは何ですか?
私はこれらすべてを作り、レビューでこれらすべてにフラグを立てました。 それらは 4 つに分類されます。
言語に間違った規則を使用しています。 書いてる const user_name JavaScript または firstName = "Alice" pythonでは古典的です。 lintersはそれをキャッチします - ESLint& #39; s camelcase ルール、パイリント invalid-name - しかし、それは& #39;赤く波線を描くよりも、初めて正しく書く方がきれいです。
1 つのファイル内で一貫性がありません。 混合 userName、 is_active、そして GetUserProfile() 同じ Python モジュールでは、「間違った」規則を一貫して選択するよりも悪いです。これで、読者は何も予測できなくなります。 一貫性は、毎回個人の好みに勝るものがあります。
頭字語の扱いが間違っています。 これは微妙なものであり、私がやけどを負った場所です。 頭字語が 1 つの単語か、文字列かについては、異なる言語が意見を異にしています。
- javascri 頭字語を完全に大文字にします。
XMLHttpRequest、HTMLElement。 - C# 最初の文字のみを大文字にします。
XmlHttpRequest、HtmlElement。 - 行く 大文字の頭字語全体を常に大文字にします。
XMLHTTPRequest、URL、ServeHTTP。
これが私の間違いだと認めた。 一度自動コンバーターを回した parseHTMLString に parse_h_t_m_l_string ファイル全体にわたって - すべての大文字を単語境界として扱いました - そして私は差分を厳密に読み取ることなくコミットしました。 snake_case が正しいのは parse_html_string。 Python が名前を変更したと思っていた関数が見つからなかったときにだけ、それを見つけました。 教訓: 頭字語の取り扱いは、自動化されたケース変換に人間の目線が必要な場合とまったく同じです。 ケースコンバーター 文字の実行と隣接する数字を粉砕するのではなく、一緒に保ちます。
数字の分割が間違っています。 user2FAEnabled なるはず user_2fa_enabled、ない user_2_f_a_enabled。 隣接する文字で数値シーケンスを維持するのは、必要な動作であり、単純な正規表現で変換すると、誤ってしまうことがあります。
私が毎週ヒットする本当の変換シナリオ
言語間のコードの移植。 Python サービスからノード 1 にスニペットを移動するということは、すべての識別子で SNAKE_CASE → CAMELCASE を意味します。 ブロックを貼り付け、変換して、完了。
スタイルシートへのコンポーネント。 という名前の React コンポーネント UserProfileCard (PascalCase) CSS クラスが必要 user-profile-card (ケバブケース) 1回の変換。
環境への構成。 書かれた構成キー database.connection.pool.size (dot.case) が env var になります DATABASE_CONNECTION_POOL_SIZE (screaming_snake_case)。 コンバーターがフォーマットのシフトを行います。貼り付けて選択するだけです。
slugのタイトル. " テキスト ケースをオンラインで変換する方法" URL slug が必要です。その特定のジョブについては、 Slug ジェネレーター 専用ですが、ケース コンバーターの Kebab-case がほとんどの方法で利用できます。
よくある質問
テキスト ケースをオンラインで変換するにはどうすればよいですか?
を開きます ケースコンバーター、テキストを貼り付けて、ターゲット形式を選択します。 CamelCase、PascalCase、Snake_case、Screaming_Snake_case、Kebab-case、タイトル ケース、文章ケース、dot.case などをサポートしています。 変換は即座に無料で、ブラウザーで完全に処理されます。
camelcase と snake_case はどう違いますか?
CamelCase は区切り記号を付けずに単語を結合し、最初の単語の後に各単語を大文字にします。 getUserProfile。 snake_case は、アンダースコアで結合された小文字の単語を使用します。 get_user_profile。 CamelCase は JavaScript と Java の標準です。senake_case は、Python、Ruby、Rust、および SQL の標準です。 同じ単語を、区切りと大文字のルールが異なるだけでエンコードします。
CamelCase を Snake_case に変換するにはどうすればよいですか?
キャメルケースのテキストを ケースコンバーター ー 例えば getUserProfile ーそしてsnake_caseを選びます. わかります. get_user_profile すぐに。 このツールは大文字から単語の境界を検出するため、最初にスペースやマーカーを追加する必要はありません。
パスカルケースは何に使われますか?
PascalCase は、最初の文字を含め、すべての単語の最初の文字を大文字にします。 UserProfile、 HttpClient。 ほとんどの言語のクラス名、React および Vue コンポーネント名、TypeScript インターフェイスと型別名、C# メソッドとプロパティ、および Go's エクスポート (パブリック) 識別子に使用されます。 大文字の最初の文字は、型やコンストラクタを通常の変数と視覚的に区別します。
変数名に頭字語をどのように設定すればよいですか?
言語による。 JavaScript はそれらを完全に大文字にします (XMLHttpRequest)、C# は最初の文字のみを大文字にします (XmlHttpRequest)、そして頭字語全体 (大文字) に移動します (XMLHTTPRequest. これは、ケース変換の中で最もエラーが発生しやすい部分です。そのため、識別子にブラインド変換を信頼するのではなく、頭字語が含まれている場合はいつでも結果を確認してください。
名前のリスト全体を一度に変換できますか?
はい。 ザ・ ケースコンバーター 複数行の入力を行ごとに処理します。列名または識別子の完全なリストを貼り付け、ターゲット形式を選択し、すべての行を同時に変換します。これは、データベース列をアプリケーション変数にマッピングするのに最適です。
URL と CSS にはどのケースを使用すればよいですか?
両方にケバブケース。 URL slugs いいね /blog/text-case-converter-guide そしてCSSプロパティのような background-color ハイフンで区切られたすべて小文字の単語を使用します。 これは、アドレスとスタイルシートで最も読みやすい形式であり、エンコーディングなしで URL セーフです。
screaming_snake_case は何に使用されますか?
定数と環境変数: MAX_RETRY_COUNT、 DATABASE_URL、 API_KEY. all-caps 信号は強制ルールではなく規則です。次のリーダーに " を伝えます。この値は固定されており、don't は再割り当てします。" It' s は env vars 用にほぼ普遍的です。これは、シェル変数が常に大文字であり、ほとんどの言語がコンパイル時定数に対して同じ規則に従っているためです。
タイトルケースとセンテンスケースの違いは何ですか?
タイトル ケースは、主要な単語を大文字にし、短い記事、接続詞、前置詞を大文字にします。「テキスト ケースの変換ガイド」。文文字は最初の単語と任意の固有名詞のみを大文字にします。「テキストの大文字小文字変換ガイド」は、「テキスト ケース変換ガイド」です。タイトル ケースは、見出しの場合は伝統的です。文ケースは、ほとんどの製品チームとドキュメント チームで、より速く読みやすく、より長い見出しを処理できるため、従来のスタイルです。
Word または Google ドキュメントでテキスト ケースを変更するにはどうすればよいですか?
Microsoft Word で、テキストを選択して押します Shift + F3 小文字、大文字、大文字を循環したり、各単語を大文字にしたりするには、ホームタブの Aa ボタンを使用します。 Google ドキュメントには、形式 → テキスト → 大文字があります。どちらもプログラマー形式を提供していません - camelCase、snake_case、または kebab-case の場合、専用の形式が必要です ケースコンバーター。
結論
大文字と小文字の変換は、その言語のネイティブとして読み取るコードと、他の場所から移植されたものとして読み取るコードの違いを静かにマークする小さなスキルです。 javascript の camelCase、Python の snake_case、CSS と URL の kebab-case、定数の SCREAMING_SNAKE_CASE など、各コンテキストに適した規則を知ることで、リンター ノイズを防ぎ、バグを回避し、コードベースの一貫性を維持します。
無料 ケースコンバーター Toolz.dev では、任意の形式の形式、任意の形式、1 行、100 点、すべてがアップロードされていないブラウザーにあります。 ブックマークして、自動化できる命名の一部で、費用がかからなくなります。
今すぐテキストを変換してください: Toolz.dev/tools/case-converter
関連する読み物:
