常連

注目の的

社会貢献

質問力

リレーション関係にある複数のテーブルの情報をバックエンドから取得したいとき、
さらには複数ネストしたリレーション関係の情報を取得したい時、考えられる設計は、

**①取得したい全てのテーブル情報を返すエンドポイントを１つ作る**

**②それぞれのリソースを取得する複数のエンドポイントにリクエスト送って欲しい情報を全て取得する。**

RESTだと②のような設計になると思うのですが
フロントの非同期処理が複雑になるのと、そもそもHTTPリクエストが複数回送られるのは
サーバ側の負荷が増え、かつ速度が落ちるはずなのでユーザビリティ的にも良くないと考えます。

かといって①の方法だと仕様変更がおきたとき、複数のエンドポイントのソースの修正が必要になりうると思います。

自分はRESTを使わないWebAPIの開発しかしたことがないのでよくわからないのですが
RESTの思想で設計してる案件では、フロント側はPromisやasync/awaitを駆使して複数のAPIエンドポイントにfetchするような設計なのでしょうか？
やはりHTTPリクエストは1度で済ませるのが望ましいように思うのですが
このような設計は普通なのでしょうか？

なお、GrahpQL使えばこれらは解決するものでしょうか？

WebAPIの設計について。APIは１つの画面内で複数リクエストするのは普通ですか？

JavaScriptとTypeScriptが混在したプロジェクトを書いているのですが、ESLintの`overrides`で制御しようとしても、TypeScriptに`no-undef`が適用されてしまいます。

そのままだと`.d.ts`ファイルで別途宣言した型が`no-undef`に引っかかってしまいます（TypeScriptのコンパイルは正常に完了しますし、型も正しく認識しています）。なお、変数の宣言忘れはTypeScriptサイドで検知できます（VSCodeだとその場でチェックされる）ので、ESLint側の`no-undef`はTypeScriptには不要なのですが、JavaScriptではそのまま使いたい、という状況です。

どのように設定すれば、この状況を解決できるでしょうか？（なお、「`.d.ts`を置かず、必要な型は都度`import`する」という解決策はありますが、できるだけそれ以外の方法でお願いします）

### 具体例

```typescript
// some_type.d.ts
type SomeType = string | number

// error.ts

// ここでSomeTypeにno-undefの指摘が入る
let value: SomeType = 7;
```

なお、`.d.ts`のほうで、`type`を`declare type`や`export type`に書き換えるなどもやってみましたが、特に状況は変わりませんでした。

### .eslintrc.jsonの内容

```json
{
  "env": {
    "browser": true
  },
  "parser": "babel-eslint",
  "parserOptions": {
    "sourceType": "script"
  },
  "plugins": [
    "react-hooks"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended"
  ],
  "settings": {
    "react": {
      "version": "detect"
    }
  },
  "rules": {
    // 略（no-undefに関する設定はなし）
  },
  "overrides": [
    {
      "files": ["**/*.ts", "**/*.tsx"],
      "extends": [
        "plugin:@typescript-eslint/eslint-recommended",
        "plugin:@typescript-eslint/recommended"
      ],
      "parser": "@typescript-eslint/parser",
      "parserOptions": {
        "sourceType": "script",
        "project": "./tsconfig.json"
      },
      "plugins": [
        "@typescript-eslint"
      ],
      "rules": {
        "no-undef": "off",
        // 後略
    }
  ]
}

```

### ライブラリバージョン

```json
// package.jsonからの抜粋
{
    "@babel/core": "^7.10.0",
    "@typescript-eslint/eslint-plugin": "^4.3.0",
    "@typescript-eslint/parser": "^4.3.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.1.0",
    "eslint-plugin-react": "^7.20.0",
    "eslint-plugin-react-hooks": "^4.0.0",
    "react": "^16.13.1",
    "typescript": "^4.0.3",
}
```

Node 10.x系列