---
title: 'PowerShell でモダンなカード型UIを作る方法（Windows PowerShell 5.x 対応）'
url: 'https://automationse.net/powershell-modern-card-ui-xaml'
markdown: 'https://automationse.net/powershell-modern-card-ui-xaml.md'
date: '2025-09-24'
description: 'Windows PowerShell で GUI アプリを作る際、従来の WinForms ではどうしても「古い見た目」になりがちです。そこで今回は WPF（XAML）を利用して、モダンな“カード型UI”を実装する方法 を紹介します。 さらに、Windows PowerShell 5.x（.NET Framework 4.x）で動作確認済みの修正版を掲載します。この記事をそのままコ…'
taxonomy:
  category:
    - IT関連
---

# PowerShell でモダンなカード型UIを作る方法（Windows PowerShell 5.x 対応）

## [PowerShell でモダンなカード型UIを作る方法（Windows PowerShell 5.x 対応）](https://automationse.net/powershell-modern-card-ui-xaml)

  公開日 2025.09.24 更新日 2025.09.24 

 Windows PowerShell で GUI アプリを作る際、従来の WinForms ではどうしても「古い見た目」になりがちです。
そこで今回は **WPF（XAML）を利用して、モダンな“カード型UI”を実装する方法** を紹介します。

さらに、**Windows PowerShell 5.x（.NET Framework 4.x）で動作確認済みの修正版**を掲載します。
この記事をそのままコピーして使えば、あなたの環境でも動かせるはずです。

---

### フォルダ構成

まずは 3 ファイルを用意します。

### Styles.xaml（見た目の定義）

こちらで色やカードの見た目、ボタンのスタイルをまとめています。

MainWindow.xaml（カード型UIの画面）

Main.ps1（PowerShell 側のロジック）

---

### 実行方法

- 上記3ファイルを同じフォルダに配置

- PowerShell をそのフォルダに移動して実行

## まとめ

- **デザインは XAML、処理は PowerShell** に分けると見通しが良くなる
- **カード型UI** を採用することで、モダンでおしゃれな管理画面を作れる
- Windows PowerShell 5.x でも `.NET Framework 4.x` 上で問題なく動作

 [ Previous Post](https://automationse.net/android-beta-esim-issue-fix) [Next Post ](https://automationse.net/powershell-ui-automation-get-element-under-cursor)

---

## Navigation

- Parent: [WordPress Import](https://automationse.net/wordpress-import.md)
- Previous: [PowerShellでUI Automationを使い、マウスオーバー中の要素情報を取得する方法](https://automationse.net/powershell-ui-automation-get-element-under-cursor.md)
- Next: [Androidベータ版アップデート後にeSIMが使えなくなったときの対処法](https://automationse.net/android-beta-esim-issue-fix.md)