1. ホーム
  2. javascript

[解決済み] HTML/CSS/JavaScriptを使ったデスクトップアプリケーションの開発方法とは?[終了しました]

2022-04-13 18:40:39

質問

まず、私はこれをプロとしてやることに興味はありません。私はウェブ開発者ですが、同僚が最近Spotifyに転職し、SpotifyのデスクトップアプリのためにほとんどJavaScriptで仕事をすることになると言っています。彼は、それは "Chrome frame" を使用し、中のすべてはウェブアプリのように(HTML/JS/CSS)行われると言っています。

デスクトップ用のものを作ったことがないウェブ開発者としては、これは素晴らしいニュースです。私がすでに知っているテクノロジーを使って、ある種のフレーム内に実装することができれば、ウィンドウズやクロスプラットフォームのアプリを作ることができるようになります。

データベースについては何も触れていませんが、ウェブ技術を使ったシンプルなハローワールドのデスクトップアプリでもいいので、進めていけたらと思います。

では、どのようにすればいいのでしょうか?まさに、私は何を必要とし、何を知る必要があるのでしょうか?

どのように解決するのか?

デスクトップ開発にはTitaniumから始めるとよいでしょう。 また、以下のサイトもご覧ください。 Chromium エンベデッドフレームワーク . 基本的にはクロミウムをベースにしたWebブラウザコントロールです。

C++で書かれているので、コンテナアプリで低レベルのOS関連(Growl、トレイアイコン、ローカルファイルアクセス、COMポートなど)をすべて行い、すべてのアプリケーションロジックとGUIはhtml/javascriptで行うことができます。 http リクエストをインターセプトして、ローカルリソースを提供したり、カスタムアクションを実行したりすることができます。 例えば http://localapp.com/SetTrayIconState?state=active はコンテナによって傍受され、トレイアイコンを更新するためにC++関数を呼び出すことができます。

また、JavaScriptから直接呼び出せる関数を作成することも可能です。

CEFでJavaScriptを直接デバッグするのは非常に難しい。 Firebugのようなものはサポートされていません。

を試してみてください。 AppJS.com (HTML、CSS、JavaScriptを使用したLinux、Windows、Mac用のデスクトップアプリケーションの構築を支援します。)

また、@Clint さんのご指摘のように ブラケット.io (Adobe) は、Chromium Embedded Framework を使って、もっと簡単に始められる素晴らしいシェルを作りました。これは、brackets シェルと呼ばれています。 github.com/adobe/brackets-shell 詳しくはこちらでご確認ください。 clintberry.com/2013/html5-desktop-apps-with-brackets-shell