総仕上げ

Power Apps 入門

Luise Freese

Azure & Power Platform Architect

ここまでに作ったもの

フィルターと検索機能を持つギャラリー、戻る矢印付きの詳細画面、保存ボタン付きの編集フォームという3つの連携した画面

 

  • Gallery：バインド、フィルター、検索に対応
  • Detail：Set() で選択した行を渡す
  • Edit Form：検証を行い送信
Power Apps 入門

App Checker

 

  • キャンバスアプリ向けの組み込みリンター
  • 数式、プロパティ、画面をスキャン
  • ユーザーより先にバグを検出

 

Power Apps Studio で開いた App Checker パネル。Formulas、Runtime、Accessibility、Performance、Data source のカテゴリ一覧を表示

Power Apps 入門

Formulas タブ

App Checker の Formulas タブを展開し、画面ごとにグループ化された数式エラーを一覧表示。各エラーには問題のあるコントロールとプロパティが示される

 

  • Errors（エラー）：参照切れ、実行できない数式
  • Warnings（警告）：委任やパフォーマンスに関するヒント
  • Info（情報）：未使用の変数、スタイルの提案
Power Apps 入門

Accessibility タブ

 

  • スクリーンリーダーには入力欄の AccessibleLabel が必要
  • テキストには十分なコントラストが必要
  • タブ順序は分かりやすく

App Checker の Accessibility タブを展開し、コントロールごとにグループ化されたアクセシブルラベルの欠落に関する検出結果を表示

Power Apps 入門

検出結果を修正する

$$ $$

App Checker で欠落しているアクセシブルラベルの検出結果を選択すると、Studio が該当コントロールにジャンプし、数式バーに AccessibleLabel プロパティが表示され、修正できる状態になる

 

  • 検出結果をクリックすると Studio が該当箇所にジャンプ
  • 数式バーでプロパティを修正
  • App Checker を再実行して確認
Power Apps 入門

これから作るもの

 

  • プレビューでアプリを最初から最後まで確認
  • 最後の詳細画面からの編集フローを実装
  • App Checker を実行し警告を解消

App Checker の Formulas 結果。エラーなしを示す緑色のチェックマークが表示された状態

Power Apps 入門

練習しましょう！

Power Apps 入門

Preparing Video For Download...