pyside6-mvc について
PySide6 を使った Python デスクトップアプリの設計指針を提供するスキルです。厳密な MVC 分離と Qt Designer の UI ファイルを用いる開発者を対象とします。
主な機能
- 01厳密なモデル・ビュー・コントローラー分離
- 02.ui ファイルからの UI 読み込み
- 03シグナルによるコンポーネント間通信
- 04集中型シグナルレジストリ
- 05依存性注入によるアプリ起動
活用シーン
- 01PySide6 デスクトップアプリの構成
- 02UI、ビジネスロジック、データの分離
- 03共有シグナルを使ったビュー連携
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ ds-codi/ project-memory-mcp --skill pyside6-mvcインストール後、Claude Code で/pyside6-mvcを入力して読み込まれたか確認します。
詳細
PySide6 MVC アーキテクチャの指示
すべての UI を .ui ファイルで定義する、厳格な MVC アーキテクチャを採用した PySide6 デスクトップアプリケーションの構築ガイドラインです。
アーキテクチャの概要
┌─────────────────────────────────────────┐
│ View Layer (.ui files) │
│ Load from Qt Designer, capture input │
└──────────────────┬──────────────────────┘
│ Signals
┌──────────────────▼──────────────────────┐
│ Controller Layer │
│ Coordinate models & services │
└──────────────────┬──────────────────────┘
│
┌──────────────────▼──────────────────────┐
│ Model Layer │
│ Data structures, validation │
└──────────────────┬──────────────────────┘
│
┌──────────────────▼──────────────────────┐
│ Services Layer │
│ Database, files, network, broker │
└─────────────────────────────────────────┘
プロジェクト構成
my_app/
├── app.py # Bootstrap & DI container
├── __main__.py # Entry point
├── controllers/
│ ├── base.py # BaseController
│ └── *_controller.py # Domain controllers
├── models/
│ ├── base.py # BaseModel with signals
│ └── *.py # Domain models
├── views/
│ ├── base.py # BaseView
│ └── *.py # View classes
├── services/
│ └── *.py # External interactions
├── resources/
│ └── ui/ # .ui files (Qt Designer)
└── utils/
└── signals.py # Central signal registry
基本原則
| コンポーネント | 責務 | 行わないこと |
|---|---|---|
| モデル | データ、検証、シリアライズ | UI に触れる、サービスを呼び出す |
| ビュー | .ui ファイルの読み込み、入力の取得 | ビジネスロジックを含める |
| コントローラー | モデルとサービスの連携 | UI を直接操作する |
ベースモデルのパターン
from PySide6.QtCore import QObject, Signal
from datetime import datetime
from typing import Any
class BaseModel(QObject):
property_changed = Signal(str, object) # name, value
changed = Signal()
def __init__(self, parent=None):
super().__init__(parent)
self._updated_at = datetime.now()
def _set_property(self, name: str, old: Any, new: Any) -> bool:
if old != new:
self._updated_at = datetime.now()
self.property_changed.emit(name, new)
self.changed.emit()
return True
return False
def to_dict(self) -> dict:
raise NotImplementedError
@classmethod
def from_dict(cls, data: dict):
raise NotImplementedError
ベースビューのパターン
from pathlib import Path
from PySide6.QtWidgets import QWidget, QVBoxLayout
from PySide6.QtCore import QFile, Signal
from PySide6.QtUiTools import QUiLoader
class BaseView(QWidget):
error_occurred = Signal(str, str) # title, message
def __init__(self, parent=None):
super().__init__(parent)
self._controller = None
self._init_ui()
self._connect_signals()
def _load_ui(self, ui_filename: str) -> QWidget:
ui_path = Path(__file__).parent.parent / "resources" / "ui" / ui_filename
loader = QUiLoader()
ui_file = QFile(str(ui_path))
if ui_file.open(QFile.ReadOnly):
ui = loader.load(ui_file, self)
ui_file.close()
layout = QVBoxLayout(self)
layout.setContentsMargins(0, 0, 0, 0)
layout.addWidget(ui)
return ui
raise FileNotFoundError(f"Cannot open: {ui_path}")
def _init_ui(self):
pass # Override: load .ui file
def _connect_signals(self):
pass # Override: connect handlers
def set_controller(self, controller):
self._controller = controller
def refresh(self):
pass # Override: update from model
ベースコントローラーのパターン
from PySide6.QtCore import QObject
class BaseController(QObject):
def __init__(self, signals, parent=None):
super().__init__(parent)
self._signals = signals
self._views = []
def register_view(self, view):
if view not in self._views:
self._views.append(view)
view.set_controller(self)
def notify_views(self):
for view in self._views:
view.refresh()
def initialize(self):
pass # Override: setup logic
def cleanup(self):
self._views.clear()
シグナルの一元管理
from PySide6.QtCore import QObject, Signal
class SignalRegistry(QObject):
# Domain signals
job_changed = Signal(str) # job_id
job_created = Signal(str) # job_id
settings_changed = Signal(str, object) # key, value
# Connection signals
broker_connected = Signal(bool) # connected
# UI signals
error_occurred = Signal(str, str) # title, message
app_closing = Signal()
# Singleton
_registry = None
def get_signal_registry():
global _registry
if _registry is None:
_registry = SignalRegistry()
return _registry
アプリケーションのブートストラップ(DI コンテナー)
import sys
from PySide6.QtWidgets import QApplication
from my_app.utils.signals import get_signal_registry
class MyApplication:
_instance = None
def __new__(cls):
if cls._instance is None:
cls._instance = super().__new__(cls)
return cls._instance
def __init__(self):
self._qt_app = None
self._services = {}
self._controllers = {}
self._signals = get_signal_registry()
def _register_services(self):
self._services["db"] = DatabaseService()
def _register_controllers(self):
self._controllers["job"] = JobController(
signals=self._signals,
db=self._services["db"],
)
for c in self._controllers.values():
c.initialize()
def run(self) -> int:
self._qt_app = QApplication(sys.argv)
self._register_services()
self._register_controllers()
window = MainWindow(self._signals, self._controllers)
window.show()
return self._qt_app.exec()
ウィジェットの命名規則(.ui ファイル)
| ウィジェットの種類 | パターン | 例 |
|---|---|---|
| ラベル | *_label | job_number_label |
| ボタン | *_btn | save_btn |
| ラインエディット | *_input | customer_input |
| リスト | *_list | jobs_list |
| テーブル | *_table | pieces_table |
| コンボボックス | *_combo | status_combo |
シグナルの流れ
User Action (View)
↓
View emits signal
↓
Controller handles action
↓
Service performs operation
↓
SignalRegistry.emit()
↓
Views call refresh()
ベストプラクティス
1. UI をプログラムで作成しない
❌ 誤り:
layout = QVBoxLayout()
btn = QPushButton("Click")
layout.addWidget(btn)
✅ 正しい例:
self._ui = self._load_ui("my_widget.ui")
self._btn = self._ui.findChild(QPushButton, "action_btn")
2. コントローラーは UI に触れない
❌ 誤り:
def activate_job(self):
self._view.label.setText(job.name) # NO!
✅ 正しい例:
def activate_job(self):
self._signals.job_changed.emit(job_id) # Views subscribe
3. ビューはシグナルを購読する
def _connect_signals(self):
self._signals.job_changed.connect(self._on_job_changed)
def _on_job_changed(self, job_id):
self.refresh()
4. フォールバック UI を用意する
def _init_ui(self):
try:
self._ui = self._load_ui("widget.ui")
except FileNotFoundError:
self._create_fallback_ui()
5. 外部操作にはサービスを使用する
コントローラーはサービスに処理を委譲します。
- データベースクエリ → リポジトリサービス
- ファイル操作 → ファイルサービス
- ネットワーク呼び出し → API サービス
- IPC → ブローカークライアント
よく使うインポート
# Qt
from PySide6.QtWidgets import QWidget, QMainWindow
from PySide6.QtCore import Signal, Slot, QFile
from PySide6.QtUiTools import QUiLoader
# Project
from my_app.utils.signals import get_signal_registry
from my_app.controllers.base import BaseController
from my_app.views.base import BaseView
from my_app.models.base import BaseModel
参考資料
コメント
Markdown 対応