はじめに

結論から言うと、「開発プロジェクトで扱う開発言語をTypescriptに一本化してみる」というものです。

背景

開発プロジェクトでは、Webアプリだけ作ることなないでしょう。サーバサイド(マイクロサービス)やお手軽なツールも作るはずです。そして開発する各アプリ・ツールは、用途に合ったフレームワークや開発言語を採用していると思います。

Webアプリであれば、React, Vue, Angularといったフレームワークとなり、開発言語はJavascriptもしくは、Typescriptとなります。
サーバサイドであれば、Django, Spring Boot, ASP.NET フレームワークなり、開発言語はPython, Java, .NET(C#等)となります。
ツールやバッチとなると、、、選択肢は多いですが、サーバサイドで採用した開発言語に合わせたり、稼働OSによって選択肢を絞り込むことになるのではないでしょうか。

以前から継続しているプロジェクトならば仕方ないですが、新規プロジェクトでは一つにまとめたい！
そのために、調べたことを以下に書いてみます。

開発言語の採用例

現時点で、自分が新規に開発するならば、以下の構成パターン①②で作るのが良いかと考えています。
それでも、Typescriptと(Java or Python)となってしまいます。
というわけで、パターン③というモチを描いてみました。
(既にやってるよ！という方はいっぱいいるかもしれませんけど(笑))

構成	GUI	Service	Tool/Batch
パターン1	Angular/React/Vue - Typescript	Spring Boot - Java	Spring Boot - Java
パターン2	Angular/React/Vue - Typescript	Django - Python	Python
パターン3(New!)	Angular/React/Vue - Typescript	NestJS - Typescript	oclif - Typescript

ウムウム！全部Typescriptにまとめられてスッキリです。
また、表に表現してませんが、Electronを使えばマルチプラットフォームなデスクトップアプリも作れますし、nexeでも同様のパッケージ化もできますよね。
あと、サーバとクライアントで同じソースを共有できると、元々サーバでしていた処理をクライアント側に変更したり、、といった最適化もしやすいですよね。PWAの考え方に似てますね。

実現性の確認

それでは全部Typescriptで作れるか？簡単に確認していきたいと思います。
確認はHello World!程度と考えています。(またWindows10 で実施しています)

GUI(Angular)

@angular/cli を使ってみました。

npm i @angular/cli -g
ng new hello
cd hello
ng serve --open

Service(NestJS)

npm i -g @nestjs/cli
nest new hello
cd hello
npm run start

http://localhost:3000をブラウザ(chrome)で開いてみると以下が表示されます。

Tool/Batch(oclif)

npm i oclif
npx oclif multi mynewcli
cd mynewcli
bin\run --version
mynewcli/0.0.0 win32-x64 node-v10.15.3

パッケージ化(ocliif+nexe)

npm i nexe -g
npx oclif multi mynewcli
cd mynewcli
nexe bin\run
.\run.exe --version
mynewcli/0.0.0 win32-x64 node-v10.15.3

パッケージ化(nestjs+nexe)

npm i nexe -g
nest new hello
cd hello
nexe dist\main.js
main.exe

http://localhost:3000をブラウザ(chrome)で開くと同様に応答があります。

所感

まだ"Hello World"しか試せていませんが、全部Typescriptで作れそうです。
ただ、DjangoやSpring Bootの代替として使えるか？もう少し検証が必要そうですね。