[解決済み] HTML/CSS/JavaScriptを使ったデスクトップアプリケーションの開発方法とは?[終了しました]
質問
まず、私はこれをプロとしてやることに興味はありません。私はウェブ開発者ですが、同僚が最近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
関連
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン