機能の追加
これは Electron チュートリアルのパート 4 です。
アプリケーションの複雑さの追加
これまでのチュートリアルに従ってきたのであれば、静的なユーザーインターフェースを持つ機能的な Electron アプリケーションが完成しているはずです。この出発点から、アプリの開発は大きく分けて2つの方向に進むことができます。
- レンダラープロセスのウェブアプリコードの複雑さの追加
- オペレーティングシステムとNode.jsとのより深い統合
これらの2つの概念の違いを理解することが重要です。最初の点については、Electron固有のリソースは必要ありません。Electronで美しいToDoリストを作成することは、単にElectron BrowserWindowを美しいToDoリストウェブアプリにポイントすることです。最終的には、ウェブと同じツール（HTML、CSS、JavaScript）を使用してレンダラーのUIを構築します。そのため、Electronのドキュメントでは、標準的なウェブツールの使用方法については詳しく説明しません。
一方、Electronは、トレイアイコンの作成からグローバルショートカットの追加、ネイティブメニューの表示まで、デスクトップ環境と統合できる豊富なツールも提供します。また、メインプロセスでNode.js環境のすべての機能も提供します。この機能セットは、Electronアプリケーションをブラウザタブでウェブサイトを実行することから区別し、Electronのドキュメントの中心となっています。
ハウツー例
Electronのドキュメントには、より高度なトピックと、オペレーティングシステムとのより深い統合を支援するための多くのチュートリアルがあります。開始するには、ハウツー例ドキュメントをご覧ください。
お探しのものが見つからない場合は、GitHubまたはDiscordサーバーでお知らせください！
次は？
チュートリアルの残りの部分では、アプリケーションコードから離れて、開発者マシンからエンドユーザーの手にアプリを届ける方法について説明します。