QML 上級チュートリアル

このチュートリアルでは、QML を使用して完全なアプリケーションを作成する手順を段階的に解説します。QML の基礎知識(例えば、簡単なチュートリアルを読んだ程度)をすでに持っていることを前提としています。

このチュートリアルでは、宣言型examples ディレクトリに含まれている「Same Game」アプリケーションをベースに、「Same Game」というゲームを作成します。その内容は以下の通りです:

色付きのブロック、[New Game]ボタン、スコア表示を備えたSameGame

JavaScriptとの統合、QML Qt Quick States やBehaviors を用いたコンポーネントの管理やインターフェースの拡張、および永続的なアプリケーションデータの保存など、完全に機能するアプリケーションを作成するための概念を解説します。

このチュートリアルの内容の一部を理解するにはJavaScriptの知識が役立ちますが、JavaScriptを知らなくても、バックエンドロジックを統合してQMLタイプを作成・制御する方法の概要を把握することは可能です。

チュートリアルの章:

  1. ゲームキャンバスとブロックの作成
  2. ゲームキャンバスのデータ設定
  3. ゲームロジックの実装
  4. 仕上げ

このチュートリアルのすべてのコードは、Qt XMLのexamples/quick/tutorials/samegame ディレクトリ内にあります。

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.