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

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

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

Power Apps のギャラリーは、そのままでは細かいレイアウト調整が難しいコントロールです。内側にコンテナを組み合わせることで、余白・整列・パディングを自由にコントロールできるようになります。 なぜギャラリー内にコンテナが必要なのか ギャラリーコントロールには TemplatePadding というプロパティがあり...

Power Apps でコンテナを使い始めると、すぐに直面するのがネスト（入れ子）構造です。コンテナの中にさらにコンテナを入れる。これが理解できると、画面設計の見通しが一気に良くなります。 ネスト構造とは何か ネストとは、コンテナの中にさらにコンテナを入れる構造のことです。マトリョーシカ人形を思い浮かべる方もいるかもし...

Power Apps でアプリが大きくなってきたとき、ツリービューがカオスになった経験はありませんか。コントロールが増えるにつれて、あのボタンどこだっけ、このラベルは何のためにあるのかという状況が必ず訪れます。命名規則とツリービューの整理術を最初から意識しておくだけで、後からの修正コストが劇的に下がります。 命名規則が...

Power Apps のコンテナには DropShadow プロパティがあります。カードに影をつけることで画面に奥行きが生まれ、どこがタップ可能でどこが背景かが直感的に伝わります。ただし使い方を間違えると影が二重になったり、全体がうるさい印象になったりするので注意が必要です。 DropShadow プロパティの種類と使...

Power Apps でボタンやプログレスバーを作るとき、標準コントロールのデザインだと物足りないことがあります。コンテナを使って複数のコントロールをまとめることで、見た目も動作も自分好みのカスタムコントロールを作れます。しかも一度作ればコピペで量産できます。 カスタムコントロールとは何か Power Apps におけ...

Power Apps で角丸デザインを実現したいと思っても、DropdownやDatePickerなど一部のコントロールは BorderRadius プロパティを持っていません。コンテナで包んでしまえばこの問題は解決します。しかも、アプリ全体の角丸を変数1つで一括管理できるようになります。 角丸が設定できないコントロー...

Power Apps には、コンテナをそのままYAMLコードとして書き出し、別のアプリや画面に貼り付けて再現できる機能があります。デザインの属人化を防ぎ、チームで同じUIコンポーネントを使い回す上で非常に強力な方法です。 YAMLコピー機能とは Power Apps Studio では、コンテナやコントロールを右クリッ...