変数名を別の命名形式へ一括変換する

DB列名 user_name をコード上の userName に、あるいはその逆へ。一覧をまとめて貼って一括変換します。

このガイドで使う道具

やりたいこと

コードベースごとに命名規則は違います。APIはsnake_caseのキーを返し、リンターはcamelCaseを要求し、CSSクラスはkebab-caseです。2つなら手で直せますが、40個ともなるとミスが起きます。識別子の形式変換なら一覧をまとめて処理できます。貼って、形式を選んで、コピーするだけです。

一覧の変換

1行に1つの識別子を貼ります。空行はそのまま通るので、グループ分けした見た目を保てます。変換先は、JavaScript変数ならcamelCase、PythonやDB列ならsnake_case、クラス名ならPascalCase、CSSクラスやURLならkebab-case、定数ならSCREAMINGを選びます。

  • 入力が混在していても大丈夫です。`userName`・`user_name`・`User-Name`は同じ2語として検出します。
  • 大文字略語もきれいに分かれます。`XMLHttpRequest`はsnakeで`xml_http_request`になり、`x_m_l_http_request`にはなりません。
  • 数字は文字と分かれます。`utf8`は`utf`と`8`の2語として変換します。

具体例

JSONペイロードのキーが`user_name`・`created_at`・`avatar_url`だとします。TypeScriptのinterface用に3つを貼ってcamelCaseを選ぶと`userName`・`createdAt`・`avatarUrl`が得られ、そのまま定義へ貼れます。

対応範囲

変換するのは単語であってファイルではありません。コードベース全体のシンボル改名にはエディタのリネーム機能を使ってください。1回の実行は20万文字・5,000行まで。すべてブラウザ内で完結するため、非公開のAPI名リストでもマシンの外へ出ません。