作業の開始: electron アプリにWindows API を追加する

このガイドでは、Windows アプリ開発 CLI を使用して、electron アプリケーションにWindowsネイティブ機能を追加する手順について説明します。 Electron アプリから最新のWindows API を呼び出し、アプリ ID でテストし、パッケージを配布する方法について説明します。

あなたが構築するもの

このガイドを最後まで進めると、Electron アプリを完成させることができます。

• ✅ 最新のWindows API を呼び出します (Windows SDK とWindows アプリ SDK)
• ✅ AI 機能を備えたネイティブ アドオンを使用する (Phi Silica または WinML)
• ✅ 保護された API をテストするためのアプリ ID を使用して実行する
• ✅ 配布用の署名付き MSIX としてのパッケージ

前提条件

開始する前に、次のことを確認してください。

• Windows 11 (Phi Silica を使用している場合は Copilot+ PC)
• Node.js - winget install OpenJS.NodeJS --source winget
• .NET SDK v10 - winget install Microsoft.DotNet.SDK.10 --source winget
• Visual Studio のネイティブ デスクトップ ワークロード - winget install --id Microsoft.VisualStudio.Community --source winget --override "--add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --passive --wait"

プロセス

Windows対応 Electron アプリの構築には、主に次の 3 つのフェーズが含まれます。

1. 開発環境の設定

まず、必要なツールと SDK を使用して開発環境を設定します。 これには次のものが含まれます。

• Electron アプリの作成または構成
• winapp CLI のインストール
• Windows SDK と必要な資産の初期化
• ビルド パイプラインの設定

セットアップを始める →

2. ネイティブ アドオンの作成

次に、Windows API を呼び出すネイティブ アドオンを作成します。 次のいずれかのガイドを選択します。

オプション A: C++ 通知アドオンの作成

Windows アプリ SDK通知 API を呼び出す C++ アドオンを作成する方法について説明します。 これは、より複雑なシナリオに進む前にネイティブ アドオンを理解するための優れた出発点です。

C++ 通知アドオン →を作成する

オプション B: Phi シリカ アドオンの作成

Phi Silica AI モデルを使用してデバイス上のテキストを要約する C# アドオンを作成する方法について説明します。 Phi Silica は、NPU を使用する Windows 11 デバイスでローカルに実行される小さな言語モデルです。

Phi Silica アドオン →を作成する

オプション C: WinML アドオンの作成

Windows Machine Learning (WinML) を使用して画像分類、物体検出などのカスタム ONNX モデルを実行する C# アドオンを作成する方法について説明します。

WinML アドオン →を作成する

3. 流通用包装

最後に、配布用の MSIX としてアプリをパッケージ化します。 これには次のものが含まれます。

• 運用環境用にアプリをビルドする
• MSIX パッケージの作成と署名
• インストールされているパッケージのテスト
• 配布オプションについて

アプリ →をパッケージ化する

クイック ナビゲーション

その他のリソース

• winapp CLI のドキュメント - 完全な CLI リファレンス
• サンプル Electron アプリ - 完全な作業例
• AI 開発ギャラリー - すべての AI API のサンプル ギャラリー
• Windows アプリ SDK Samples - Windows アプリ SDK サンプルのコレクション
• node-api-dotnet - C# ↔ JavaScript 相互運用ライブラリ

ヘルプを取得する

• バグが見つかりましたか?問題を提出する