付録 1　フロントエンドのコーディング規約

JavaScript

（TODO: ESLint、Prettierの導入方法をまとめる。）

ESLint の recommended を押さえておけばいいです。直感的にものすごく変なコードを書かない限りエラーになることはないです。

15 章後半からは基本的に何らかのトランスパイラをかけてブラウザ上で実行される JavaScript を生成するので、あまりコーディング規約に対して神経質にならなくて良いです。とはいえ野放図にコードを書くと保守やレビューで問題があるので、一定のルールを作っておきます。

使えるところは極力 const を使う。オブジェクトの内容変更も const でできる。やむをえない場合のみ let を使う。 var は使わない。
使えるところは極力 arrow function を使う。 function は極力使わない。 async も arrow function にできる。
インデントに使うタブ・スペースの数を統一する。

このフロントエンド研修プロジェクトでは以下のルールでコードを書いてください。

変数名は lowerCamelCase とする。 const も別に定数を意味しないので VARIABLE_NAME のような表記は使わない。
インデントはスペース 2 つとする。
文字列は string interpolation が必要な時のみ backtick を使う。 string interpolation がない場合シングルクオーテーションとする。
オブジェクトのキーはキーにハイフンが入る時以外クオートしない。
セミコロンを省略しない。
arrow function の変数が 1 つの時もカッコを省略しない。
オブジェクト、配列の最後の要素のあとにコンマを入れるか入れないかは自由とする。

TODO:

TODO:

eslint-plugin-vue の recommended と Style Guide をまず守りましょう。案外見落としがちなのが以下です。