Day6 #100DaysOfCode - ゆるふわ技術日誌

Day6

さて今日もやっていき。

結局lintで落ちるとホットリロードは効かないので普通にtslintコマンドを使ってLintかけてエラーを直していった。

create-react-appを使って作ったTypeScriptプロジェクトを使っているという前提で以下はお読みください。

最初から以下のようなルールが適用されていた。

{
  "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
  "linterOptions": {
    "exclude": [
      "config/**/*.js",
      "node_modules/**/*.ts"
    ]
  }
}

いくつかのデフォルトルールをextendsしてるだけだった。

この状態で書いたコードに対してLintをかけたところいろいろエラーがでた。(Lintをかけるときはyarn tslint -p .)

なるべく既存のルールは残したいとは思ったが、納得いかないルールはいくつか変更した。

具体的には以下二つ

varialble_name -> allow-leading-underscore
- 変数名をアンダースコアから始めることを許可するかどうか。デフォルトは許可しないようになっていた。
- プライベートな変数はアンダースコアから始めたかったので(すでにそのようなコードを書いてしまっていたので)許可するようにした
interface_name -> always-prefix
- インタフェース名を大文字Iから始めるというルール。デフォルトは有効になっていた。
- インタフェースにプレフィックスをつける意味がわからないので無効化。
- だれか意味がわかる人がいたら教えて欲しい。

どうやってtslint.json書くのかよくわかってなかったがこんな感じ。

{
  "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
  "linterOptions": {
    "exclude": [
      "config/**/*.js",
      "node_modules/**/*.ts"
    ]
  },
  "rules": {
    "variable-name": [true, "allow-leading-underscore"],
    "interface-name": [true, "never-prefix"]
  }
}