本文へスキップ

🔄 大文字小文字変換

テキストをさまざまな大文字小文字スタイルに変換するツールです。8種類の変換スタイルをサポートします!

📝 入力テキスト

🔄 変換オプション

✨ 結果

ケーススタイルを選択してテキストを変換します。lowercase、UPPERCASE、Capitalize、camelCase、PascalCase、snake_case、kebab-case、tOGGLE cASEをサポートします。

サポートされている変換スタイル​

1. lowercase​

すべての文字を小文字に変換します。

入力: Hello World
結果: hello world

2. UPPERCASE​

すべての文字を大文字に変換します。

入力: Hello World
結果: HELLO WORLD

3. Capitalize Each Word​

各単語の最初の文字を大文字に変換します。

入力: hello world
結果: Hello World

4. camelCase​

最初の単語は小文字、以降の単語の最初の文字は大文字に変換します。

入力: hello world example
結果: helloWorldExample

5. PascalCase​

すべての単語の最初の文字を大文字に変換し、空白を削除します。

入力: hello world example
結果: HelloWorldExample

6. snake_case​

すべての文字を小文字に変換し、空白をアンダースコア(_)に置き換えます。

入力: Hello World
結果: hello_world

7. kebab-case​

すべての文字を小文字に変換し、空白をハイフン(-)に置き換えます。

入力: Hello World
結果: hello-world

8. tOGGLE cASE​

大文字と小文字を互いに入れ替えます。

入力: Hello World
結果: hELLO wORLD

活用事例​

💻 プログラミング​

  • 変数名変換: 異なる命名規則に変換

    // camelCase: userName
    // snake_case: user_name
    // PascalCase: UserName

  • APIエンドポイント: URL形式に合わせて変換

    // 元: User Profile
    // kebab-case: user-profile
    // 結果URL: /api/user-profile

📝 文書作業​

  • タイトルスタイル統一: すべてのタイトルを一貫した形式に変換
  • リスト整理: 項目の大文字小文字を統一

🎨 CSS/HTML​

  • クラス名生成: コンポーネント名をCSSクラスに変換 
    // コンポーネント: User Profile Card
    // kebab-case: user-profile-card
    // クラス: .user-profile-card

🗄️ データベース​

  • テーブル/カラム名: データベース命名規則に合わせて変換 
    // 元: User Name
    // snake_case: user_name

プログラミング言語別命名規則​

JavaScript / TypeScript​

// 変数、関数: camelCase
let userName = "John";
function getUserData() {}

// クラス、コンポーネント: PascalCase
class UserProfile {}
const UserCard = () => {};

// 定数: UPPERCASE
const API_KEY = "abc123";

Python​

# 変数、関数: snake_case
user_name = "John"
def get_user_data():
    pass

# クラス: PascalCase
class UserProfile:
    pass

# 定数: UPPERCASE
API_KEY = "abc123"

Java​

// 変数、メソッド: camelCase
String userName = "John";
public void getUserData() {}

// クラス: PascalCase
public class UserProfile {}

// 定数: UPPERCASE
public static final String API_KEY = "abc123";

CSS / HTML​

/* kebab-case */
.user-profile-card {
  background-color: #fff;
}

#main-navigation {}

ヒント​

変換前の確認事項​

  • 特殊文字: 特殊文字は変換スタイルに応じて削除されるか、区切り文字として認識されます
  • 数字: 数字はそのまま保持され、変換されません
  • 空白: 空白は各スタイルに合わせて処理されます

効率的な使用​

  • 複数行変換: 一度に複数行を入力すると、すべての行が同じスタイルに変換されます
  • コピー後再変換: 結果を再度入力欄に貼り付けて、別のスタイルに変換できます

関連ツール​

よくある質問​

Q: 日本語も変換されますか? A: 日本語は大文字小文字の概念がないため、変換されずにそのまま維持されます。空白や特殊文字のみが変換スタイルに応じて処理されます。

Q: camelCaseとPascalCaseの違いは何ですか? A: camelCaseは最初の単語が小文字で始まり(例: userName)、PascalCaseはすべての単語が大文字で始まります(例: UserName)。

Q: snake_caseとkebab-caseはいつ使いますか? A: snake_caseはPython、Ruby、SQLなどで変数/関数名に使用され、kebab-caseはURL、CSSクラス名、HTML属性で主に使用されます。

Q: 複数行を一度に変換できますか? A: はい!複数行を入力すると、すべての行が選択されたスタイルに変換されます。