変数名を別の命名形式へ一括変換する
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名リストでもマシンの外へ出ません。