常連

### 困っていること
TypeScriptでPromise.allにPromiseインスタンスの配列を渡すと、IDE（WebStorm）がエラー（赤波線）表示するので、エラーにならないようにしたいです。
実際に動かしてみると、エラーが出力される訳でもなく動いてしまうので、WebStrormのLintか何かなのかなと思ってるんですが、何が理由で下記のエラーが表示されているのかも分からないので、分かる方に教えていただきたいと思っています。
（色々とググってはみたのですが、ピンと来るものが無く、エラーの内容についても分からなかったのです
ご助力お願いいたします。

### 該当のソースコード
```TypeScript
const promise1 = new Promise((resolve: Function) => {
  resolve();
});
const promise2 = new Promise((resolve: Function) => {
  resolve();
});
Promise.all([promise1, promise2]) // この行で赤い波線が出る
  .then(() => {
    // any process
  });
```
エラーメッセージ
```WebStorm
Argument type [Promise<any>, Promise<any>] is not assignable to parameter type [
  (PromiseLike<any> | any), (PromiseLike<any> | any), (PromiseLike<any> | any),
  (PromiseLike<any> | any), (PromiseLike<any> | any), (PromiseLike<any> | any),
  (PromiseLike<any> | any), (PromiseLike<any> | any), (PromiseLike<any> | any),
  (PromiseLike<any> | any)
]
```

### 試したこと
一旦配列に詰めてみました。
```TypeScript
const promise1 = new Promise((resolve: Function) => {
  resolve();
});
const promise2 = new Promise((resolve: Function) => {
  resolve();
});
const promiseList: Promise<void>[] = [promise1, promise2]; // この行で赤い波線が出る
Promise.all(promiseList) // ここの赤波線は取れた
  .then(() => {
    // any process
  })
```
エラーメッセージ
```WebStorm
Initializer type Promise<any>[] is not assignable to variable type Promise[]
```

### 補足情報（FW/ツールのバージョンなど）
package.json
```json
...
"typescript": "^3.0.0",
...
```

プロジェクト直下/tsconfig.json
```Json
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "typeRoots" : ["src/@types"],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}
```

tslint.json(下記パスにのみ存在しました)
node_modules/@Vue/cli-plugin-typescript/lib/tslint.json
※ 本プロジェクトはVue CLI 3で作成しています。
```JSON
<%_ if (options.tsLint) { _%>
{
  "defaultSeverity": "warning",
  "extends": [
    "tslint:recommended"
  ],
  "linterOptions": {
    "exclude": [
      "node_modules/**"
    ]
  },
  "rules": {
    "quotemark": [true, "single"],
    "indent": [true, "spaces", 2],
    "interface-name": false,
    "ordered-imports": false,
    "object-literal-sort-keys": false,
    "no-consecutive-blank-lines": false
  }
}
<%_ } _%>

```

TypeScriptでPromise.allが型エラーを起こす問題

JetBrains社（IntelliJやphpstorm等のAllパッケージ）のオープンソースライセンスを申請して、今日からライセンスが発行にされました。

ToolBoxをインストールしてphpstormのライセンスを有効しようと思ってましたが、License ActivationのところでJetBrains Accountでログインしても『No suitable liceneses associated with account xxxx(私のユーザID)』とでてアクティベーションできません。

オープンソースライセンスで使っておられる方どのようにアクティベーションするのかご教授くださいm(_ _)m
よろしくおねがいします。

JetBrains社のオープンソースライセンスでアクティベーションのやり方

### 解決したいこと
.vueファイルでtsエラーが出てしまっているので解消したい
.vueファイルがtsファイルとして認識されてしまっているのでvueファイルを認識したい

現状はこのような状態です。
![イメージ説明](adff599a27e88637bf15bb02ec88a85e.png)

環境構築はvue-cliで行いました。
intelliJのplugin vue.jsは入れています。
新規でvue componentを入れてもtsの表示に変換されます。
コンパイル自体は問題なく行えています。
lang pugの明記をしていますが、通常のhtmlでも表示は変わりません...

ご存知の方いらっしゃいましたらご教示ください、よろしくお願いします。

intellijで.vueファイルがtsに認識される

### 前提・実現したいこと

GitHubのアクセストークンを再起動しても欠落させないようにしたい。

### 発生している問題・エラーメッセージ

JetBrainsのWebStormを利用しています。
GitHubのログインを行った状態で再起動するとアクセストークンを欠落し、ログアウトされてしまいます。

### 概要

`WebStorm 2021.2`

### 試したこと

GitHub Access Token・再インストールを使ってログインも試しました。

### 補足情報（FW/ツールのバージョンなど）

```
WebStorm 2021.2
ビルド #WS-212.4746.80、ビルド日 July 24, 2021
For educational use only.
ランタイムバージョン: 11.0.11+9-b1504.13 amd64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
Windows 10 10.0
GC: G1 Young Generation, G1 Old Generation
Memory: 750M
Cores: 12
Registry: ide.windowSystem.autoShowProcessPopup=true, ide.balloon.shadow.size=0
Non-Bundled Plugins: AceJump (3.8.3), Key Promoter X (2021.2), String Manipulation (8.15.203.000.3), awesome.console (0.1337.11), cn.haojiyou.CodeGlance3 (2.1.0), com.fwdekker.randomness (2.7.2), com.github.patou.gitmoji (1.8.1), com.intellij.ja (212.231), com.jetbrains.darkPurpleTheme (1.2), com.mnw.stickyselection (2.4), net.seesharpsoft.intellij.plugins.file-preview (1.6.4), zielu.gittoolbox (212.7.6), com.mallowigi (38.0.0), some.awesome (1.14), com.codota.csp.intellij (4.2.8), cn.yiiguxing.plugin.translate (3.1.1), izhangzhihao.rainbow.brackets (6.19), org.asciidoctor.intellij.asciidoc (0.33.14)
```

----

![image](0db5e820730fe1a6329d3e048c17a8b9.png)

WebStormのGitHub ログインが再起動のたびにログアウト(アクセストークン欠落)されてしまうのでログイン状態を維持したい

###Reactで小説作品などをまとめるホームページを作りたいけど、1から作るのが辛い。
タイトル通りです。
私は趣味で小説を書いたり絵を描いたりしているのですが、最近、それらをまとめるようなホームページを作りたいと思い初めました。
どうせホームページを作るなら、フロントエンド技術も学べたらな思いました。そこで一通りReact公式サイトの[チュートリアル](https://ja.reactjs.org/tutorial/tutorial.html)をこなし、ざっと[Main Concept](https://ja.reactjs.org/docs/hello-world.html)も読み、なんとなくですがReactについて学びました。
しかし、いざホームページを作ろうとなると、全く手が動かなくなってしまいました。よくある「`Hello World`より先にいけない症」です。

ホームページのモデルとなるようなサンプルコードがあれば、なんとか自走していけるはずと(無理矢理)信じています。
しかし、そのようなモデルを探してもなかなか見つかりません・・・([Reactのexample](https://ja.reactjs.org/community/examples.html)しかり・・・)

なので質問させていただこうと思いました。
ホームページのモデルとなるようなReactのプロジェクトはどこかで手に入るのでしょうか？Web starter kit やBootstrapなどのライブラリ？といった存在も知ってはいますが、これらを利用することが、ホームページを作る上でのデファクトスタンダードなのでしょうか？
情報収集にうとく、Webデザインでの標準やら流行のことがあまりわかりません。
些細なことでもアドバイスをいただけたらありがたいです・・・・

Reactで小説作品などをまとめるホームページを作りたいけど、1から作るのが辛い。

webstorm(windows環境)でnpm installを行うと下記エラーが発生してインストールすることができません。
なにが原因かわかりますでしょうか。

```エラー
C:\Users\a205162\source\management_webview>npm install
npm ERR! Unexpected token : in JSON at position 10 while parsing near '
npm ERR!   "name": "thunder",
npm ERR!   "ver...'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\a205162\AppData\Roaming\npm-cache\_logs\2020-01-23T00_53_37_130Z-debug.log

```

やったこと
１．下記URLに記載されていることは一通り実施したが何も変わらず。
　　https://qiita.com/hatai/items/ba6eadb758a667345b27
２．package-lock.jsonを削除すると、インストールできるが異なるバージョンがインストールされてしまう。

npm installでエラーが発生する

VuecliでVuejs環境を構築しています。

その環境下で、WebStormで整形を実行すると、下記のソースコードでESlintにひっかかりエラーが出ます。

**Example.vue**
![イメージ説明](0654f1e8ab0fbf8888bb5e377d2a2fe0.png)

現状 yarn lint コマンドで整形し対応しているのですが、可能であればWebStormで整形時にLintエラーが出ないように整形してほしく、
どのようにやったらいいか・・。

やりたいことがこんな感じです。
- Vueファイル内の<script>の直下はインデントしないように
- WebStormの整形実行時にそのように対応して欲しい

ご教授願います。

▼ES-lintのエラー
![イメージ説明](844ae2b7f9bd4f1ac411837adfc2ddf0.png)

WebstormでESlintにひっかかる！

### 前提・実現したいこと

分割画面の移動を**ショートカットで行いたい**です。
現状は移動したい画面をクリックしてアクティブにしています。
[WebStorm公式ショートカット](https://pleiades.io/sites/willbrains.jp/keymap/pdf/shortcut_webstorm_mac.pdf)にも確認できませんでした。

### 試したこと

![イメージ説明](e05abe39aba0214bf4ee0bee080a7eda.png)

` ⌘, ` によって ` Preference ` が表示されるので、この画面上で設定をするはずなのですが、探すことができませんでした。
ご存知の方いらっしゃっらないでしょうか、宜しくお願いします。


### 補足情報（FW/ツールのバージョンなど）

Mac OS Mojave を利用しています。