M365Con 2027 – 無料オンラインカンファレンス · 11–22 Jan 2027 · 120 sessions→ m365con.net
ホーム / 日本語 / 2026-10-30
M365.FM · 日本語

Original (English)

Power Apps コードアプリをやさしく解説:ドラッグ&ドロップの代わりに React、VS Code、Power Apps SDK

Power Platform & Dynamics 365Azureと開発Power AppsコードアプリReactVisual Studio Codeプロコード開発

独自の CSS も JavaScript ライブラリも使えず、アニメーションもほとんどできない――キャンバスアプリの限界を感じていませんか?このエピソードでは、Visual Studio Code で JavaScript と React を使って書きながら、ホスティング、認証、ガバナンスは Power Platform が担う Power Apps のコードアプリ(Code Apps)を解説します。

▶ Power Apps コードアプリをやさしく解説:ドラッグ&ドロップの代わりに React、VS Code、Power Apps SDK(AI吹き替え)

このエピソードで学べること:

  1. コードアプリとキャンバスアプリの違い:キャンバスアプリの限界と、コードアプリがプロ開発者やフュージョンチーム向けである理由
  2. HTML、CSS、JavaScript を完全に制御:Framer Motion、D3.js、Chart.js などの npm パッケージも利用可能
  3. 開発ワークフロー:前提条件、プロジェクトテンプレート、npm install、init、ホットリロードでのローカルテスト、build と push
  4. オープンソースの Power Apps SDK が Dataverse や SharePoint などのモデルファイルとサービスファイルを生成する仕組み、Power Automate フローのデータソース化も
  5. ガバナンスとライセンス:DLP ポリシーはそのまま適用、Premium ライセンス、環境ごとの有効化、そして具体的な5つの第一歩

このエピソードは、Microsoft MVP Mirko Peters による M365 Show のアニメーション動画をAIで吹き替えた日本語版です。

他のエピソード

GitHub ActionsによるPower Platform…

Power PlatformとAzure…

AIの混乱を止める:Microsoft Copilot…

プロンプトインジェクションとAIガバナンス:Microsoft 365とPower…

Dynamics 365…

Dynamics 365 Customer Insights – Data…

すべてのエピソード →