気をつけたい!変数名の付け方チートシート

@ハクト 2022-11-11 19:04:44に投稿

NG、OK例を比較しながら確認できる変数名の付け方を簡単にまとめました。

以下を気をつけることだけでもコードの可読性がよくなるのでぜひ活用してみてください。

名前は具体的にする

NG

const id=1;
const name="yamada";
const ret=getUserInfo();

OK

const userId=1;
const userLastName="yamada";
const users=getUserInfo();

ローマ字は使わない

NG

const syouhinmei='商品1';
const seibetu='男';

OK

const productName='商品1';
const gender='男';

Flagは使わない

NG

let activeFlag = true;
let fieFlag = true;
let updateFlag = true;

OK

let isActive = true;
let hasFile = true;
let canUpdate = true;

単位を入れる

NG

const mergin=2;
const fileSize=3;
const startTime=5;

OK

const merginRem=2;   //2rem
const fileSizeGb=3;  //3GB 
const startTimeMs=5; //5ミリ秒

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter