AIエージェントはPower Appsを開発できるのか？ Codex CLIで検証してみた

> winget install --id Microsoft.DotNet.SDK.10

> dotnet --list-sdks
10.0.301 [C:\Program Files\dotnet\sdk]

> dnx --help

Welcome to .NET 10.0!
---------------------
SDK Version: 10.0.109

> codex mcp add canvas-authoring -- dotnet dnx Microsoft.PowerApps.CanvasAuthoring.McpServer --yes --prerelease --source https://api.nuget.org/v3/index.json
Added global MCP server 'canvas-authoring'.

> codex mcp list
Name              Command  Args                                                                                                           Env  Cwd  Status   Auth
canvas-authoring  dnx      Microsoft.PowerApps.CanvasAuthoring.McpServer --yes --prerelease --source https://api.nuget.org/v3/index.json  -    -    enabled  Unsupported

/mcp

🔌  MCP Tools

  • No MCP tools available.

  • canvas-authoring
    • Auth: Unsupported
    • Tools: (none)

[mcp_servers."canvas-authoring"]
command = 'C:\Program Files\dotnet\dotnet.exe'
args = [
  "dnx",
  "Microsoft.PowerApps.CanvasAuthoring.McpServer",
  "--yes",
  "--prerelease",
  "--source",
  "https://api.nuget.org/v3/index.json",
]
startup_timeout_sec = 60
tool_timeout_sec = 180

/mcp

🔌  MCP Tools

  • canvas-authoring
    • Auth: Unsupported
    • Tools: compile_canvas, connect, describe_api, describe_control, get_data_source_schema, list_apis, list_controls,
    list_data_sources, sync_canvas

canvas-authoring MCP connect ツールを使用して、
現在の Power Apps の共同編集（Coauthoring）セッションを構成してください。

Power Apps Studio の URL は以下です。

<ここに make.powerapps.com の Canvas App 編集 URL を貼り付け>

以下を解析してください。

- environment_id:
  URL の /e/ の後に続くパスセグメントから取得する
- app_id:
  app-id クエリパラメータから取得し、/apps/ の後ろの最後のセグメントを使用する
- cluster_category:
  make.powerapps.com の場合は prod を使用する

その後、canvas-authoring の connect を実行してください。

  Field 1/1
  Allow the canvas-authoring MCP server to run tool "connect"?

  app_id: 17718cd6-7ccf-4ac9-bb0e-XXX
  cluster_category: prod
  environment_id: f0a95d4c-c490-e935-9c24-XXX

  › 1. Allow                   Run the tool and continue.
    2. Allow for this session  Run the tool and remember this choice for this session.
    3. Always allow            Run the tool and remember this choice for future tool calls.
    4. Cancel                  Cancel this tool call
  enter to submit | esc to cancel

• 接続できました。

  - environment_id: f0a95d4c-c490-e935-9c24-XXX
  - app_id: 17718cd6-7ccf-4ac9-bb0e-XXX
  - cluster_category: prod

  canvas-authoring MCP の connect は正常に完了しています。

canvas-authoring MCP の list_apis を実行してください。
Office 365 Outlook connector があるか確認してください。

• list_apis を実行しました。

  Available APIs: 1

    - Office365Outlook

  Office 365 Outlook connector は利用可能です。

この Canvas App を、Office 365 Outlook の予定表を取得して表示するアプリにしてください。

要件:
- 今日から7日分の予定を一覧表示
- 件名、開始時刻、終了時刻、場所を表示
- 予定を選択すると詳細を右側または詳細画面に表示
- 更新ボタンで予定を再取得
- まず現在のアプリを sync_canvas で取得してから編集
- 変更後は compile_canvas で検証

予定一覧に「今日」「明日」「今週」のフィルターを追加してください。

件名で検索できる検索ボックスを追加してください。

• Updated Plan
  └ □ sync_canvas で現在のアプリを取得
    □ 画面とコントロール構成を確認
    □ Outlook 予定表 UI と式を実装
    □ compile_canvas で検証

• 完了しました。sync_canvas で現在のアプリを /C:/XXX/canvas-src に取得し、/C:/XXX/Screen1.pa.yaml:1 を Outlook 予定表アプリに置き換えました。

  実装内容:

  - Office 365 Outlook V4CalendarGetItems で今日から7日分の予定を取得
  - 件名、開始時刻、終了時刻、場所を一覧表示
  - 予定選択時に右側へ詳細表示
  - 更新 ボタンで予定を再取得
  - 今日 / 明日 / 今週 フィルター
  - 件名検索ボックス

  検証も完了しています。

  compile_canvas: Validation PASSED
  Files validated: 2

canvas-authoring MCP にローカル YAML を現在の coauthoring セッションへ適用する tool が存在するか確認してください。
利用可能な tool 一覧を確認し、sync_canvas / compile_canvas 以外に push/apply/save/import 相当があるか調べてください。

• 確認しました。現在このセッションで利用可能な canvas-authoring MCP tool は以下だけです。

  - connect
  - sync_canvas
  - compile_canvas
  - list_apis
  - describe_api
  - list_controls
  - describe_control
  - list_data_sources
  - get_data_source_schema

  sync_canvas / compile_canvas 以外に、ローカル YAML を現在の coauthoring セッションへ反映する push / apply / save /
  import 相当の tool は公開されていません。

  結論: 現在の canvas-authoring MCP では、ローカル YAML の検証まではできますが、この tool セットだけでは Power Apps
  Studio の共同編集セッションへ変更を適用できません。

- ScreenContainer1:
    Control: GroupContainer@1.5.0
    Variant: AutoLayout
    Properties:
      Fill: =RGBA(245, 245, 245, 1)
      Height: =Parent.Height
      LayoutAlignItems: =LayoutAlignItems.Stretch
      LayoutDirection: =LayoutDirection.Vertical
      LayoutGap: =16
      PaddingBottom: =16
      PaddingLeft: =16
      PaddingRight: =16
      PaddingTop: =16
      Width: =Parent.Width

構文・インデント・プロパティ名の形式を厳密に維持して、
Power Apps の Ctrl+V で貼り付け可能な Container 単位のYAMLを生成してください。
アプリ全体の .pa.yaml 形式にはしないでください。

• 生成しました。

  Ctrl+V 貼り付け用の Container 単位 YAML はここです:

  /C:/XXX/OutlookCalendarContainer.paste.yaml:1

  形式は先頭が - OutlookCalendarContainer: で、Screens: / App: は含めていません。Screen.OnVisible も使わず、Container 内
  だけで予定一覧・検索・フィルター・詳細・更新ボタンが動く形にしています。

  検証結果:

  compile_canvas: Validation PASSED
  Files validated: 2

GitHub 上で確認したところ compile_canvas が成功した場合に PowerApps Studio へ push する仕様となっているようです。
compile_canvasをもう一度実行して、push 可能か検証してください。

• リトライ成功しました。

  実行結果:

  compile_canvas: ✓ Validation PASSED
  Files validated: 2

GitHub の仕様どおり、この成功時点で PowerApps Studio 側へ push されたと見てよいです。