3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Power Apps モダンカードを触ってみた

3
Last updated at Posted at 2026-02-04

既に記事を書かれた方もいますが、Power Apps のモダンコントロールで、モダンカードというコントロールが出てきました。

image.png

とりあえず、私の手元では、以下のバージョン以降で使えています。

image.png

早速配置してみます。以下のような感じで、一つのコントロールでカード形式の部品となるのが特徴です。

image.png

もちろん、カード内の画像、文言等を変えることができます。何かのメニューを作ることなどに使えそうです。

image.png

また、こんな感じでギャラリー内に含めることもできます。

image.png

画像付きの基のギャラリーがある際、そちらを Power Apps 上でメニュー形式で表示したいときに使えそうですね。

image.png

image.png

以下の通り、ギャラリー内にカードを配置して、Image、タイトル等に、いつものように、「ThisItem.列名」の形式で設定するだけでよいです。

image.png

image.png

従来の方法で上記のような画面を作りたい際は、以下のような感じで複数のコントロールを配置して実現する必要があります。

image.png

また、レスポンシブ対応のため、以下のような感じでいい感じにサイズ調整もしてくれます。

image.png

従来の方法の場合、この点もう少し頑張らないといけない認識です。とりあえずコンテナー内に配置しただけだとこんな感じになっちゃいました。

スクリーンショット 2026-01-25 083608.png

ということで、従来の方法より、カード形式のメニューを作成する、リストのデータをカード形式で表示させることがより簡単になりました。このような要件がある際はぜひ使ってみてください。

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?