Visual Studio Code, TypeScript で Electron 触ってみた

無性に Electron をやってみたかったので触ってみました。環境は Windows 10 です。

触りたくなった理由

Visual Studio Code、Slack、Azure Storage Explorer (Cross-Platform) といった Electron 製を触っていて何かいいなーと思い、Electron 公式サイトに訪れてみたら、↓のようにアイコンが並んでいるのが素敵だな～と思って。

Visual Studio Code と Microsoft Storage Explorer でよく見るアラートが一緒で、何となく気になったり（デザインは自家製だろうけど）。

参考サイト

TypeScript+Electronでデスクトップアプリを作ってみる - SourceChord
ここで手順通りにしつつ、

tsd query github-electron-main -rosa install じゃなくて、
tsd query github-electron -rosa install こっちかな？

JavaScript (Electron) を使ってアプリの見栄えを整える - Qiita
これで遊んで、

Browser Window
Electronでデスクトップウィジェットを作るまで - Qiita
これも試してみたり、という感じ。

起動中のアプリで、Ctrl + Shift + i。

好感触。