Power Apps でダッシュボードを作るとき、KPIカードは画面の顔になります。今月の件数・前月比・直近7日間の3枚を横並びで並べて、アプリを開いた瞬間に現場の状況が把握できるようにする。コンテナを使えばこのレイアウトを崩れなく、メンテナンスしやすい構造で実装できます。 カード1枚の基本構造 KPIカードは2層のコ...

Power Apps のネイティブグラフコントロールはデザインのカスタマイズに限界があります。SVGコードを Image コントロールで表示すれば、棒グラフもドーナツグラフも自分で設計できます。コードが動くグラフなので、データが変われば見た目も自動で変わります。 なぜ SVG を使うのか Power Apps のネイテ...

Power Apps のギャラリーでレコードのステータスを色分けして一覧表示したい、というニーズは現場でよく出てきます。AddColumns で計算列を追加し、If 式で色を切り替えるパターンを覚えておけば、たいていの一覧表示要件に対応できます。 AddColumns でギャラリーに計算列を追加する ギャラリーの It...

Power Appsのギャラリーに表示されるデータが少ない。その原因の大半は委任（Delegation）の問題です。Search関数で検索しても結果が足りない、Collectionに入れても解決しない、その理由をこの記事で整理します。 ギャラリーに100件しか表示されない謎 デフォルトで先頭100件しか読み込まない P...

編集グリッドの見た目を作るだけなら前の記事で完成しますが、実際に使えるアプリにするには保存・削除・一括保存のロジックが必要です。Patch関数とコレクション操作を組み合わせた実装パターンを一通り解説します。 コレクションを中間バッファとして使う設計の基礎は、編集グリッドの基本設計の記事で解説しています。この記事はその続...

Power Apps でExcelのように行を直接編集できるUIを作りたいなら、コレクションとギャラリーを組み合わせた編集グリッドが最適解です。フォームを使わずにデータを画面内で即時編集できる、使い勝手のいいパターンです。 編集グリッドとは何か 編集グリッドとは、ギャラリーの各行にテキスト入力・ドロップダウンなどの入力...

ギャラリーの各行をクリックすると詳細が展開され、もう一度クリックすると折りたたまれるUI、いわゆるアコーディオンを Power Apps で実装する方法は3パターンあります。それぞれの仕組みと使い分けを解説します。 この記事はフレキシブル高さギャラリーの基礎知識を前提にしています。AutoHeight の仕組みや Fl...

ギャラリーの複数行にチェックを入れて一括操作するUIは、Power Apps でよく求められる機能のひとつです。Gallery.AllItems プロパティを使えば、選択中のアイテムをまとめて取得できます。チェックボックスの配置から全選択・全解除まで、実装の流れを一通り解説します。 ギャラリー内にチェックボックスを配置...

Power Appsのコレクションは、アプリの中だけで使える一時的なデータテーブルです。SharePointに都度アクセスしなくてもデータを操作できるので、使い方を知っておくとアプリ設計の幅が大きく広がります。 コレクションとは何か アプリ内だけの一時テーブル コレクションとは、Power Appsアプリのメモリ上に存...