Power Apps とは?

Power Apps 入門

Luise Freese

Azure & Power Platform Architect

講師紹介

 

Luise Freese、Azure & Power Platform アーキテクト

 

  • Luise Freese 氏、Azure & Power Platform アーキテクト(デュッセルドルフ)
  • Microsoft MVP を2度受賞(M365 Development + Business Applications)
Power Apps 入門

この講座で学ぶこと

 

Microsoft Power Apps の製品アイコン

 

  • 第1章 → 基本を理解し、最初のシングルスクリーンアプリを作成
  • 第2章 → データに接続し、ギャラリーに表示
  • 第3章 → ナビゲーション、フォーム、検証、実際のワークフローを追加
  • 第4章 → レスポンシブ対応、公開、共有
Power Apps 入門

このコースのゴール

Power Apps Studio で表示した Bramblewood アプリの実際のスクリーンショット。ギャラリー一覧画面と詳細/編集フォーム画面を並べて表示

 

  • データを一覧表示し、詳細を開き、レコードの追加や編集ができるマルチスクリーンアプリ
  • レコードはアプリ起動時に作成されるコレクションに格納
  • すべてPower Fxで構築、従来のコーディングは不要
Power Apps 入門

Power Platform の紹介

 

  • Power Apps → カスタムビジネスアプリ(本コース)
  • Power Automate → 自動化されたワークフロー
  • Power BI → ダッシュボードとレポート
  • Power Pages → 外部向けウェブサイトとポータル
  • Copilot Studio → カスタム AI エージェントとチャットボット

$$

Microsoft Power Platform のファミリーツリー。Power Apps、Power BI、Power Pages、Copilot Studio、Power Automate の5つのツールすべての公式ロゴが「Power Platform」ヘッダーの下にラベル付きカードで表示されている

Power Apps 入門

キャンバスアプリ

 

Power Apps Studio で開いた Library Sign-in キャンバスアプリの実際のスクリーンショット。ツリービュー、コントロールを含むキャンバス、数式バー、プロパティパネルを表示

 

  • 画面をピクセル単位でデザイン
  • サインインキオスク、現場フォーム、記録アプリなど単一目的のツールに最適
  • SharePoint や Excel など多様なデータソースと連携
Power Apps 入門

モデル駆動型アプリ

 

  • データテーブルから自動生成
  • レイアウト、一覧、フォーム、ビューが標準化
  • 大規模なCRM、サービスデスク、ケース管理に最適

 

サイドバーナビゲーション、ヘッダーバー、データ列を備えた標準化されたグリッドビューを表示するモデル駆動型アプリ

Power Apps 入門

モダンコントロールとテーマ

 

  • クラシックコントロール → 従来からキャンバスアプリで使われてきた旧式セット
  • モダンコントロール + テーマ → Fluent 2 をベースにした新しい仕様、既定では無効
  • テーマはパレット、タイポグラフィ、境界線、影をアプリ全体に設定
  • コントロールは独自のサイズ、形状、向きを保持

2つのスマートフォンアプリ画面を並べて表示。左はクラシックコントロールで、角ばった四角いボタン、太い枠線、ベージュグレーのパレットを使用。右はモダンコントロールで、丸みを帯びたボタン、フラットな塗りつぶし、ブルーティールのパレットを使用。クラシックからモダンへ矢印が示されている

Power Apps 入門

Power Apps を選ぶ理由

3人のビジネスパーソンがそれぞれ異なる小さなアプリを実行するスマートフォンを持っている。中央の人物は自分の画面を指している

 

  • ローコード:ドラッグ&ドロップの UI とコードの代わりに数式を使用
  • ビジネス担当者がIT 部門を待たずにアプリを公開
  • ほとんどのMicrosoft 365プランに含まれる
Power Apps 入門

新しいアプリの開始地点

  • 左側のナビゲーションからメーカーポータル内のどこへでも移動可能
  • 新しいアプリは+ 作成から開始

 

フルメニュー.png

  • アイコン表示に折りたたまれている場合は+がエントリ
  • どちらの場合もアプリの作成ページが開く

 

折りたたみメニュー.png

Power Apps 入門

練習しましょう!

Power Apps 入門

Preparing Video For Download...