devtools-hub

Text Case Converter

テキストを8形式のケースに一括変換・コピー

BOOTHで見る(有料版)
開発者向けテキストユーティリティ

入力したテキストを camelCase / PascalCase / snake_case / kebab-case / SCREAMING_SNAKE_CASE / Title Case / UPPERCASE / lowercase の8形式に瞬時変換。変数名・ファイル名・定数名の書き換えを一括コピーで効率化。

広告

Text Case Converter

3 words · 19 chars
#Results
01camelCasehelloWorldExample
02PascalCaseHelloWorldExample
03snake_casehello_world_example
04kebab-casehello-world-example
05SCREAMING_SNAKE_CASEHELLO_WORLD_EXAMPLE
06Title CaseHello World Example
07UPPERCASEHELLO WORLD EXAMPLE
08lowercasehello world example

Features

  • 8形式(camelCase / PascalCase / snake_case / kebab-case / SCREAMING_SNAKE / Title / UPPER / lower)にリアルタイム変換
  • 各形式の個別コピーボタン(Copied! フィードバック付き)
  • 全形式を改行区切りで一括コピー
  • 入力テキストの単語数・文字数をリアルタイム表示

Desktop Only

有料版のみ

デスクトップ版(BOOTH)でのみ使える機能

  • クリップボードから自動読み込み
  • 変換履歴(直近10件)をlocalStorageに保存

Desktop App

デスクトップ版を入手する

Web版にはない機能をデスクトップ版で追加しています。

  • クリップボードから自動読み込み
  • 変換履歴(直近10件)をlocalStorageに保存
BOOTH で見る

プログラミングのケース記法 — camelCase・snake_case・PascalCaseなど8種類

変数名・ファイル名・APIフィールド名は言語やフレームワークによってケース記法の慣習が異なります。8種類の記法を理解することで、他の言語・システムとのデータ連携時の変換ミスを防げます。

主な4種類のケース記法

camelCase(例: myVariableName)はJavaScript・Java・Swiftの変数名で標準。PascalCase(例: MyClassName)はクラス名・コンポーネント名に使用。snake_case(例: my_variable_name)はPython・Ruby・DBカラム名で主流。kebab-case(例: my-component-name)はCSSクラス名・HTMLデータ属性・URLで使われます。

SCREAMING_SNAKE_CASEとTitle Case

SCREAMING_SNAKE_CASE(例: MAX_RETRY_COUNT)は定数名に使われます。PythonやJavaで定数は大文字スネークケースが慣習です。Title Case(例: My Variable Name)は見出しやメニュー項目のような表示テキストに使います。

APIフィールド名変換の実践

REST APIのJSONレスポンスはcamelCaseが多いですが、データベースのカラム名はsnake_caseが一般的です。バックエンドとフロントエンドのデータ連携やORMのマッピングでケース変換が発生します。Text Case Converterで変数名を一度入力すれば8形式すべてに変換してコピーできるため、命名規則の変換作業を効率化できます。

全形式の一括コピー

「この変数名、全部の形式でコピーして仕様書に貼りたい」というケースでは全形式を改行区切りで一括コピーする機能が便利です。APIドキュメントやコードの命名規則ガイドラインを書く際に、1つの単語から全ケースを一度に取得できます。

広告

Related Tools

base64-studio

Base64 エンコード & デコード

開発者向けテキストエンコード

使ってみる →

BOOTH

JSON Studio

JSON フォーマッター & バリデーター

JSON開発者向けフォーマッター

使ってみる →

BOOTH

color-deck

カラーコード変換 & パレット保存

カラーデザイン開発者向け

使ってみる →

BOOTH

このツールを共有する