ソースを見やすくする工夫はいくつかある。
そのうちの1つが「インデント」だ。
このインデントについて説明する。
また、この記事でいうタブとは「ハードタブ」で、次のラインに揃えるものである。

インデントとは？

JavaScript

 let a = Math.random(); 
 if(a < 0.5){
    console.log("表");
 }else{
    console.log("裏");
 }

ただのコインの表と裏を出すようなプログラムだ。
とりあえず、このサンプルコードでは、見やすくするためにインデントを入れている。
if文の{}の中が右に来ているだろう。それがインデントだ。

もしこのインデントがなかったらどうなるだろう。

JavaScript

 let a = Math.random();
 if(a < 0.5){
 console.log("表");
 }else{
 console.log("裏");
 }

このたった数行のコードでも読みやすさがガラッと変わる。
これがもし、何百、何千行を超えるコードならどうだろう。背筋がヒヤッとする。
ソースコードにインデントは必須だ。

インデントの種類

インデントの付け方は人それぞれ。
タブ派もいるがスペース派もいる。同じスペース派でも、1文字か2文字か4文字がなど、文字数も色々ある。
そしてわたしがおすすめするのは、「タブ」だ。

タブは、1ブロックの字下げなら1回キーを押すだけでいい。
2スペース派の2倍はやく、4スペース派の4倍速い。
そして、別に大した問題ではないのだが、今何回打ったかを気にしなくても良くなる。

タブは1文字カウントのため、タブのなかにカーソルがいくことはない。
インデントを消すときに、スペースだと1つ残ったりする。
ストレスがたまると、継続することが困難になる。
ストレスのもとは排除すべきだ。

【追記】スペースも、Shift + Tabのインデント削除で消すことができるそうです。

タブは、エディタからすれば「\t」である。
\tは、使う人の環境によって幅が変わるから、その人にあった見え方がする。
スペースインデントは、だれが見ても同じく見えるため、自分のインデントの幅が違う人だと違和感を覚える。

インデントにタブを使うと、次のようなメリットがある。

メモ帳のデフォルトタブ幅が8文字なのはなぜだろうか。
別にコーディングで使いはしないが、あるYouTuberの「メモ帳でC#入門」をみてふと感じた。
設定で変更することもできるが、デフォルト時から少なくしていても、ほとんどの人は損をしないのに...