mcpField
P
pyside6-mvc

pyside6-mvc

github.com/ds-codi開発95 回インストール
リポジトリ

pyside6-mvc について

PySide6 を使った Python デスクトップアプリの設計指針を提供するスキルです。厳密な MVC 分離と Qt Designer の UI ファイルを用いる開発者を対象とします。

主な機能

  1. 01厳密なモデル・ビュー・コントローラー分離
  2. 02.ui ファイルからの UI 読み込み
  3. 03シグナルによるコンポーネント間通信
  4. 04集中型シグナルレジストリ
  5. 05依存性注入によるアプリ起動

活用シーン

  1. 01PySide6 デスクトップアプリの構成
  2. 02UI、ビジネスロジック、データの分離
  3. 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 ファイル)

ウィジェットの種類パターン例
ラベル*_labeljob_number_label
ボタン*_btnsave_btn
ラインエディット*_inputcustomer_input
リスト*_listjobs_list
テーブル*_tablepieces_table
コンボボックス*_combostatus_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

参考資料

コメント