ケースコンバーター:テキスト変換ガイド
無料、登録不要。ケースコンバーターでUPPERCASE、lowercase、Title Case、camelCase、snake_case、kebab-caseなど16形式にテキストを即座に変換。
ケースコンバーターとは?
ケースコンバーターは、テキストをリアルタイムで16種類のケース形式に変換する無料のオンラインツールです。UPPERCASE、lowercase、Title Case、Sentence caseといった日常的な書き方の形式、camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASEといった開発者向け形式、さらにaLtErNaTiNg、random、superscript、subscript、strikethrough、bubble、fullwidthといった装飾的な形式にも対応しています。
このツールは、ライティングと開発における共通の問題を解決します。同じ単語やフレーズが、異なるコンテキストで異なる大文字小文字の規則や書式規則に従って表示される必要があり、手動で行うと間違いが生じやすく手間がかかるという問題です。すべての処理はUnicode対応のJavaScriptを使用してブラウザ内で実行されます。アカウント不要で無料です。
主な機能
- UPPERCASE — JavaScriptの
toUpperCase()を使用してすべての文字を大文字に変換。 - lowercase —
toLowerCase()を使用してすべての文字を小文字に変換。 - Title Case — Unicode対応のregex
/(^|\s)(\p{L})/guを使用して各単語の最初の文字を大文字に変換。ASCIIだけでなく、あらゆるUnicode文字に対応。 - Sentence case — テキスト全体の最初の文字のみを大文字に変換。
Intl.Segmenterを使用して書記素を認識し、入力の先頭にある絵文字や結合文字を正しく処理。 - camelCase — 非英数字文字を削除し、最初の単語以降の各単語の最初の文字を大文字に変換。
hello worldはhelloWorldになります。 - PascalCase — camelCaseと同じですが、最初の単語も大文字にします。
hello worldはHelloWorldになります。 - snake_case — camelCaseの境界と空白区切りの単語の間にアンダースコアを挿入し、すべてを小文字にします。
helloWorldはhello_worldになります。 - kebab-case — snake_caseと同じですが、ハイフンを使用します。
helloWorldはhello-worldになります。 - CONSTANT_CASE — snake_caseのロジックですが、すべて大文字にします。
helloWorldはHELLO_WORLDになります。 - aLtErNaTiNg — 文字インデックスに基づいて小文字と大文字を交互に切り替えます(偶数インデックス = 小文字、奇数 = 大文字)。
- rAnDom —
Math.random()を使用して各文字にランダムに大文字または小文字を割り当てます。 - Sᵘᵖᵉʳˢᶜʳⁱᵖᵗ、Sᵤᵦₛ꜀ᵣᵢₚₜ、S̶t̶r̶i̶k̶e̶、Ⓑⓤⓑⓑⓛⓔ、Fullwidth — 標準文字をUnicodeの類似文字に置き換えるUnicodeスタイル形式。
- 共有可能なURL — ツールは最大200文字の入力と選択したケースをURLに同期させるため、リンクで事前に読み込まれた状態を共有できます。
- スニペットに保存 — 出力テキストを後で取り出せるよう名前付きスニペットに保存します(サポーター機能)。
ケースコンバーターの使い方
ステップ1:ケース形式を選択する
上部に16個の形式ボタンが表示されます。各ボタンには形式名(およびホバー時にサンプルのツールチップ)が表示されます。使用したい形式をクリックしてください。選択したボタンがハイライトされます。
用途別の一般的な選択:
- 文書作成:UPPERCASE、lowercase、Title Case、Sentence case
- JavaScript/TypeScriptの変数と関数:camelCase
- JavaScript/TypeScriptのクラスとコンポーネント:PascalCase
- Pythonの変数とファイル名:snake_case
- CSSのクラス名とHTML属性:kebab-case
- ほとんどの言語での定数:CONSTANT_CASE
- SNSや遊び:aLtErNaTiNg、rAnDom、bubble、fullwidth
ステップ2:テキストを入力または貼り付ける
入力テキストエリアをクリックして入力するか、テキストを貼り付けてください。文字数は入力欄の上に表示されます。出力はすぐに更新されます — ボタンを押す必要はありません。
ステップ3:出力を確認する
右側の出力パネルに変換されたテキストが表示されます。その上のラベルはアクティブな形式を反映して更新されます(例:「camelCase出力」)。出力の文字数が表示されます。
例:camelCase変換
入力:get user profile data 出力:getUserProfileData
例:snake_case変換
入力:getUserProfileData 出力:get_user_profile_data
例:Title Case変換
入力:the quick brown fox jumps over the lazy dog 出力:The Quick Brown Fox Jumps Over The Lazy Dog
例:Sentence case変換
入力:THE QUICK BROWN FOX 出力:The quick brown fox
ステップ4:コピー、保存、または共有する
パネル下のアクションバーには3つのアクションがあります:
- 結果をコピー — 出力テキストをクリップボードにコピーします。
- スニペットに保存 — 後で取り出せるようにスニペットライブラリに出力を保存します(サポーター機能)。
- クリア — 入力欄を空にします。
ページ下部の共有ボタンは、現在の入力テキスト最大200文字と選択したケース形式をエンコードした共有可能なURLを生成します。
実用的な例
リファクタリング中の変数のリネーム
データベースの列名(snake_case)をTypeScriptのプロパティ名(camelCase)に変更するとします。user_first_nameを貼り付け、camelCaseを選択するとuserFirstNameが得られます。各列名を数秒で処理できます。
ドキュメントの見出しの準備
メモのダンプからすべて小文字で書かれた見出しのリストがあります。リストを貼り付け(1行ずつ)、Title Caseを選択します。各行が個別に触れることなく適切に大文字化されます。
デザインシステム名からCSSクラス名を生成する
デザイントークンにスペースと大文字混じりの名前があります:Primary Background Color。kebab-caseを選択するとprimary-background-colorが得られ、CSSカスタムプロパティ名やTailwindクラスとしてすぐに使えます。
Fullwidthでのソーシャルメディア投稿の作成
FullwidthはASCII文字をUnicodeの全角相当に変換します(例:HELLOがHELLOになります)。特別な書式ツールなしにソーシャルメディアで目立つテキストが作れます。
ヒントとベストプラクティス
camelCaseとPascalCaseは句読点を削除します。 どちらの形式もUnicodeの文字や数字ではない文字を削除し、単語の境界として使用します。hello-world、hello_world、hello worldはすべて同じ結果になります。これにより、任意の区切り文字形式からの変換に便利です。
snake_caseとkebab-caseは既存のcamelCaseを処理します。 変換はcamelCaseの移行(小文字の後に大文字が続く)を認識し、その境界に区切り文字を挿入します。helloWorldは入力にスペースがなくてもhello_worldになります。
Sentence caseは最初の文字以外すべてを小文字にします。 入力テキストの途中に意図的な固有名詞がある場合、Sentence caseはそれらを小文字にします。文中の固有名詞を保持する必要があるテキストには、別のアプローチを使用してください。
共有URLは200文字で切り詰められます。 URLエンコードは入力の最初の200文字のみをキャプチャします。より長いテキストはツールで処理できますが、共有URLには最初の200文字のみが表示されます。全文は現在のセッション中はツール内に残ります。
alternatingとrandomは元に戻せません。 これらの形式には逆変換がありません。元のケースに関する情報をエンコードしないためです。表示目的にのみ使用し、往復変換が必要なデータには使用しないでください。
バッチモードは選択したケースを各行に独立して適用します。 バッチ入力の各行は個別に変換されます。これは識別子のリストを一括変換するのに便利です。
よくある問題とトラブルシューティング
camelCaseの出力が小文字から始まるが、大文字が必要です。 PascalCaseを使用してください。PascalCaseは最初の単語も大文字にするため、helloWorldではなくHelloWorldになります。
Title Caseが「the」や「a」などの短い単語も大文字にしています。 ツールのTitle Caseはすべての単語を大文字にします(regex /(^|\s)(\p{L})/guを使用)。短い接続語についてのChicago Manual of StyleやAPスタイルのルールは適用されません。スタイルガイドがスマートなタイトルケース(冠詞や前置詞をスキップする)を要求する場合は、変換後にそれらのルールを手動で適用する必要があります。
Sentence caseがすべてのテキストを小文字にしています。 Sentence caseは最初の書記素の後のすべてにtoLowerCase()を適用します。これは意図的な動作です — 標準的な文の大文字化を生成します。文の途中に大文字のままにすべき頭字語や固有名詞がある場合は、変換後に手動で保持してください。
snake_caseが正しい場所にアンダースコアを挿入していません。 snake_caseのロジックはcamelCaseの移行と空白をアンダースコアに置き換えます。入力に珍しい区切り文字(ドット、スラッシュなど)がある場合、現在の実装ではそれらを単語の区切りとして扱いません。事前にそれらの区切り文字をスペースに置き換えてください。
出力が入力と同じです。 これは特定の組み合わせで予想される動作です:すでに小文字のテキストにlowercaseを適用したり、すでに大文字のテキストにUPPERCASEを適用したりしても、見た目の変化は生じません。
プライバシーとセキュリティ
ケースコンバーターはテキストを完全にブラウザ内で処理します。convertCase関数はJavaScriptの文字列メソッドとUnicode対応の正規表現を使用しており、外部のサービスやAPIには接触しません。共有URLはURLパラメータとして最大200文字のテキストを埋め込みますが、これは共有ボタンをクリックしたときのみ有効になります。通常の使用ではテキストはURLに含まれません。テキストはサーバーに送信されません。
よくある質問
ケースコンバーターは無料ですか? はい、完全に無料です。16のケース形式すべて、共有URL機能、クリップボードコピーは、支払いやアカウントなしで利用できます。サポーター機能(プリセット、履歴、バッチモード、スニペットに保存)にはGlyph Widgetsのサポーターサブスクリプションが必要です。
オフラインで動作しますか? はい。すべてのケース変換はブラウザネイティブのJavaScript文字列メソッドと正規表現を使用します。変換中にネットワークリクエストは行われません。ページが読み込まれれば、インターネット接続なしで動作します。
テキストは安全ですか? テキストはサーバーに送信されることはありません。すべての処理はローカルです。唯一の例外は共有URL機能で、最大200文字をURLにエンコードして共有します — この機能の一部としてGlyph Widgetsのサーバーにデータは送信されません。
camelCaseとPascalCaseの違いは何ですか? どちらもスペースなしで単語を結合し、最初の単語以降の各単語の最初の文字を大文字にします。違いは最初の単語にあります:camelCaseは小文字のままにし(helloWorld)、PascalCaseは大文字にします(HelloWorld)。PascalCaseはほとんどの言語でクラス名に使用され、camelCaseはJavaScript、TypeScript、Javaで変数名と関数名に使用されます。
CONSTANT_CASEは何に使われますか? CONSTANT_CASE(SCREAMING_SNAKE_CASEとも呼ばれます)は多くのプログラミング言語で定数に使用されます:MAX_RETRY_COUNT、API_BASE_URL、DEFAULT_TIMEOUT。これは読者にその値が変更すべきでない定数であることを示します。
Title Caseは日本語以外のテキストでも動作しますか? はい。regexはUnicodeプロパティ\p{L}(あらゆる言語の任意の文字)を使用して単語の先頭の文字を識別します。フランス語、スペイン語、ドイツ語など、大文字と小文字の区別がある言語で各単語の最初の文字を大文字にします。
Sentence caseが最初の文字を大文字にしないことがあるのはなぜですか? Sentence caseは最初の書記素(ユーザーが認識する文字)を見つけるためにIntl.Segmenterを使用します。テキストが非文字(数字、句読点、絵文字)で始まる場合、ツールはその文字を変更せずに残し、残りを小文字にします。これは正しい動作です — 先頭に大文字にすべき文字がありません。
交互ケースの仕組みを詳しく教えてください。 Array.from(text)(マルチバイトのUnicode文字を個別のアイテムとして正しく処理する)を反復し、偶数インデックスの文字にtoLowerCase()、奇数インデックスの文字にtoUpperCase()を適用します。文字0は小文字、文字1は大文字、以降も同様です。
ドキュメント全体を変換できますか? はい。テキストエリアにはUIで適用される文字数制限はありません。非常に大きなドキュメントの場合、低速なデバイスでは変換に時間がかかる場合がありますが、固定の上限はありません。共有URLは最初の200文字のみをエンコードします。
UnicodeスタイルフォーマットのSuperscript、Subscript、Bubble、Fullwidthは実際に何をしますか? 他のブロックから視覚的に類似したUnicode文字で標準ASCII文字を置き換えます:上付き文字の数字と文字、取り消し線のための結合文字、バブルテキスト用の囲まれた英数字、幅広の文字外観のための全角形式。これらは見た目だけのフォーマットであり、結果の文字はスクリーンリーダーで読み取れなかったり、通常のテキストとして検索できない場合があります。
関連ツール
今すぐ試す:ケースコンバーター