📖

[typescript] インターフェース管理

2022/07/27に公開

概要

  • typescriptを書くときに度々ぶつかるインターフェース複雑・煩雑・管理できない問題
  • 良いやり方の模索

参考資料

ファイル名

  • types.tsにすると結局わかりやすい
  • 具体名.tsにすることもあったが、結局モジュールなのかコンポーネントなのかなんなのかわからなくなるから

共通的な接頭辞を意識する

  • ただでさえ読む量が多くなるのでinterface名の接頭辞は関連するのもの同士で合わせた方がいい

悪い例

export interface TagSearch {}
export interface LayoutItem {}

良い例

export interface TagSearch {}
export interface TagItem {}
  • 読んでいて共有しているところ(上記の例だとTag)は「読まなくていい箇所」として注意から外すことができる
  • これによって長くなりがちなinterfaceであっても読みやすさを向上できる

コメント

  • コメントはやっぱりなんだかんだあると助かる
/**
* Tag Search
*/
export interface TagSearch {}
export interface TagItem {}

よく使う単語

  • よく使う単語もおさえておく
  • 参考
- Response, Request
- Query
- Information
- Status
- Result
- Log
- Module
- Path
など

Discussion