2025-11-03

Power Apps でコンテナとコンポーネントを使ってレスポンシブなアプリを構築する

多くの Power Apps が「どこか不格好」に見える原因は、メーカーがコンテナを使わず、画面ごとに UI を作り直してしまうことにあります。解決策は、構造面ではコンテナ、仕組み面ではコンポーネントライブラリを活用することです。コンテナは、脆い X/Y 座標による配置を、デバイス間で自動的に積み重ね・整列・分配・リサイズされるレスポンシブなレイアウトに置き換えます。コンポーネントライブラリは、ブランドと動作を一度だけ定義し（ヘッダー、ナビゲーション、ボタン、ダイアログなど）、その更新をすべてのアプリに反映させます。つまり、ロゴや色の変更、アクセシビリティの調整を一度行えば、すべてのアプリに伝播します。画面は最新の Web レイアウトと同様に構築します。最上位の縦方向コンテナの中に、ヘッダー、水平コンテナ内のサイドバーとコンテンツからなるメインエリア、そしてオプションのフッターを配置します。配置は位置計算式ではなく、gap、padding、align、justify、柔軟な幅と高さの設定によって行います。さらに、cmp_Header、cmp_Nav、cmp_ButtonPrimary などの中央ライブラリで、テキスト、アイコン、表示状態など安全なプロパティのみを公開することで、見た目と操作感を統一します。

Apple Podcasts · Spotify · YouTube · YouTube Music

Build Responsive Power Apps with Containers and Components (English)