Electron＋TypeScriptでウィンドウフレームレスなアプリのベースを作る その1

こんにちは。今回から技術内容(自分で学んだことをノウハウとして)
を書いていこうと思います。
記念すべき第1回はElectron＋TypeScriptで
ウィンドウフレームレスなアプリを作ります。

ベースの例

前提条件
1. Gitクローンができること
2. VSCode + Git bashからコマンドを入力できること
3. Node.js、TypeScript、JavaScript、CSS、HTMLの知識があること。
4.一度にフォークしてクローンするという高等テクニックがあるがそれは別記事にて
5. 使用するリポジトリ(https://github.com/electron/electron-quick-start-typescript)

1. VSCodeでターミナル(Git bash)を起動し、How To Useのとおりに実行
   1. Gitリポジトリを Cloneし、
   2. Cloneしたフォルダに移動
   3. npm installを実行(Node.jsパッケージの一覧から実行に必要な環境を自動で揃えてくれる)
   4. TypeScriptからJavaScriptへ変換し、Node.jsにてelectronを起動させる

git clone https://github.com/electron/electron-quick-start-typescript
cd electron-quick-start-typescript
npm install
npm start