ホーム / 日本語 / 2026-10-30
M365.FM · 日本語
Power Apps コードアプリをやさしく解説:ドラッグ&ドロップの代わりに React、VS Code、Power Apps SDK
Power Platform & Dynamics 365Azureと開発Power AppsコードアプリPower PlatformReactVisual Studio CodeDataverseプロコード開発
独自の CSS も JavaScript ライブラリも使えず、アニメーションもほとんどできない――キャンバスアプリの限界を感じていませんか?このエピソードでは、Visual Studio Code で JavaScript と React を使って書きながら、ホスティング、認証、ガバナンスは Power Platform が担う Power Apps のコードアプリ(Code Apps)を解説します。
▶ Power Apps コードアプリをやさしく解説:ドラッグ&ドロップの代わりに React、VS Code、Power Apps SDK(AI吹き替え)
このエピソードで学べること:
- コードアプリとキャンバスアプリの違い:キャンバスアプリの限界と、コードアプリがプロ開発者やフュージョンチーム向けである理由
- HTML、CSS、JavaScript を完全に制御:Framer Motion、D3.js、Chart.js などの npm パッケージも利用可能
- 開発ワークフロー:前提条件、プロジェクトテンプレート、npm install、init、ホットリロードでのローカルテスト、build と push
- オープンソースの Power Apps SDK が Dataverse や SharePoint などのモデルファイルとサービスファイルを生成する仕組み、Power Automate フローのデータソース化も
- ガバナンスとライセンス:DLP ポリシーはそのまま適用、Premium ライセンス、環境ごとの有効化、そして具体的な5つの第一歩
このエピソードは、Microsoft MVP Mirko Peters による M365 Show のアニメーション動画をAIで吹き替えた日本語版です。