web-dev-qa-db-ja.com

ブラウザの外でJavaScriptアプリを実行する

ブラウザで実行するために作成した小さなウィジェットがいくつかあります。基本的なJavaScriptとHTMLだけです。それらは、背景が空白で、CPU使用率などの小さなツールであり、そのような小さなおもちゃです。

私はもともと、これらのツールをWebサイトのビューのコンポーネントとしてWebページに配置するために開発しました。これらをChromeなどのブラウザーの外に持ち出して、CPU使用率アプリをデスクトップにオーバーレイさせるだけで、映画の再生中やビデオゲームの再生中などの背後にあるものを引き続き表示できる方法はありますか?おそらく、デスクトップアプリケーションとして実行されるJavaScriptのみのプログラムを起動することもできますか?

デスクトップ上にこのアプリを置くか、スタンドアロンのNode.jsアプリケーションとして実行できる限り、ブラウザーに依存しても問題ありません。これはどのように行われますか?最近、Discordなどのデスクトップアプリケーションは、音声通信を使用してこのような処理を実行し、ゲームにオーバーレイがあると聞きました。

20
Travis Tubbs

ウェブサイトとして、答えはノーです。ただし、Nodeアプリを作成でき、通常の実行可能ファイルとして実行できます。

SpotifySlack (執筆時)は、Nodeラップされたアプリケーションの良い例です。

いくつかのオプション:

これらのプロジェクトはgithubでいくつかの深刻なスター数を持っています。

電子

Electronフレームワークでは、JavaScript、HTML、CSSを使用してクロスプラットフォームのデスクトップアプリケーションを作成できます。 Node.jsとChromiumに基づいています。

Githubの Atomエディター は、Electronを使用して構築されています。

Slack は、Electronも使用します。

電子の公式サイト

node-webkit

NW.jsは、Chromiumとnode.jsに基づくアプリランタイムです。 NW.jsを使用して、ネイティブアプリをHTMLおよびJavaScriptで記述できます。また、Node.jsモジュールをDOMから直接呼び出すことができ、すべてのWebテクノロジーを使用してネイティブアプリケーションを作成する新しい方法が可能になります。

unofficialFacebook Messenger for Desktop は、node-webkitを使用して構築されています。

その他のクールなプロジェクト:

28
MrHaze

チェック Sciter 、デスクトップアプリケーションの埋め込み可能なHTML/CSS UIエンジンとして特別に設計されました。

しかし、透明なHTMLウィンドウとウィンドウ付きのHTMLポップアップ要素をサポートしています。

Sciter transparent HTML windows

そしてチェック Sciterテクノロジー紹介記事

10
c-smile