Denoを使ってウェブアプリをデスクトップアプリに変換する

デスクトップソフトウェアを構築するために、新しい言語を学ぶ必要はもうありません。

Deno Desktopを使用すると、ウェブアプリをmacOS、Windows、Linux向けのネイティブアプリケーションとしてパッケージ化できます。既存のウェブ開発スキルを活用して、デスクトップ製品をリリースできます。

仕組み:

アプリはウェブアプリケーションのように動作します。Deno.serve()を使用してHTML、CSS、JavaScriptを配信します。その後、Denoがデスクトップウィンドウ内でアプリを開きます。

アーキテクチャのフローは以下の通りです：

• デスクトップウィンドウ • ローカルWebview • Deno.serve() • HTMLおよびAPIルート

このモデルにはいくつかの利点があります：

  • UIに標準的なブラウザAPIを使用できる。
  • バックエンドロジックにDeno APIを使用できる。
  • 追加の設定なしでTypeScriptを記述できる。
  • すでに習得しているウェブ開発パターンを再利用できる。
  • 後からAstroやNext.jsなどのフレームワークに切り替えられる。

Deno Desktopは、間もなくリリースされるDeno 2.9の一部です。現在はcanaryビルドを通じて利用可能です。

開始するには、Denoのインストールをアップグレードしてください：

deno upgrade canary

次に、シンプルなDenoサーバーを含むmain.tsファイルを作成します。次のコマンドでアプリを実行します：

deno desktop main.ts

以下のようなものの構築に最適です：

  • 社内ツール
  • 管理パネル
  • 開発者ツール
  • ローカルファースト・アプリケーション
  • ダッシュボード
  • ローカルファイルシステムへのアクセスが必要なAIツール

JavaScriptとTypeScriptを知っていれば、今日からでもデスクトップソフトウェアを構築できます。サーバーを書き、デスクトップコマンドを実行するだけで、アプリの準備は完了です。

出典: https://dev.to/marrouchi/turn-your-web-app-into-a-desktop-app-with-deno-2p7c