[Level 2] Qtを使ったPythonプログラミング：QML編

セクション1.講義を始める
このレッスンに先立って、全体の学習プロセスを概説するセクションです。このセクションでは、講師の紹介に加えて、各セクションで学習する主な内容をまとめて提供します。

セクション2.講義資料
このセクションでは、セクション3から本格的に開始されるレッスンで使用されるすべてのサンプルソースコードファイルが圧縮ファイルとして提供され、ファイルをダウンロードできます。

セクション3.開発環境の構築
このセクションでは、Qtを活用したPythonプログラミングのための開発環境を設定する方法を深く探索します。

セクション 4. What is QML
QMLはQt Frameworkが提供するインタプリタ言語です。

セクション5. QMLのSyntaxと構造
QMLの構造と文法を学びます。

セクション 6. Type
TypeとはQtのQWidgetのような概念です。このセクションでは、Typeが何かを学び、QMLが提供するTypeの中でよく使うTypeを中心に学びます。

セクション7. Event
タッチ、マウス、キーボードなど、ユーザーインターフェイスで発生するイベント処理をどのように実装するかを学ぶセクションです。QMLでSignalを実装する方法を学びます。

セクション 8. Loader タイプを使用した Dynamic UI の実装
UIでユーザーが特定の領域を動的に変更する方法を学びます。たとえば、AというGUI画面で特定の条件を満たす場合、B画面に切り替える方法を学びます。

セクション 9. Module Programming
ボタン、コンボボックスなど、GUI上でよく使用するモジュールをモジュール化するなど、ユーザーが定義したTypeをモジュールする方法について学びます。

セクション10. QMLでJavaScriptを使用する
QMLでJavaScript関数を使用する方法を学び、JavaScriptファイルをQMLでインポートする方法を学びます。

セクション 11. Type Positioning
Type Positioningとは、画面にTypeを表示する方法を学びます。たとえば、タイプを配置するときに、水平、垂直、または市松模様のような形でタイプを配置する方法を学びます。さらに、多くのTypeが順番に配置されたときに、特定のTypeの情報を取得する方法も学びます。

セクション 12. Anaimation
Animationは、GUI要素にAnimationを簡単に適用する方法を提供します。たとえば、ボタンが表示されて消えることがあります。この時点でアニメーションを使用できます。ボタンが消えると、1秒間消えることがあります。つまり、Opacity の値が 100% から 0% に変わり、特定の時間を与えることができます。

これらのアニメーションを使用すると、GUI上でEffectと同じ効果を発揮できます。また、画面切り替え時にスムーズに画面を切り替えることができるEffectを実装できます。したがって、このセクションでは、GUI要素でアニメーションを使用する方法について学びます。

セクション 13. Animation と Easing curve を使用した Ball Bounding の例の実装
Easing Curveとは、Animationに特定のオプションを使用することで、より洗練されたEffectを使用できます。たとえば、アニメーションが10秒間動作しているときに特定の時間帯に加速するようにすることで、さまざまな効果を実装できます。
このセクションでは、練習の例を通して、アニメーションでイージングカーブを使用する方法を学びます。

セクション 14. State と Transition
Stateは条件を指します。 Transitionは行動を指します。たとえば、オン/オフスイッチでオンとオフが条件であり、オンからオフに変わることをアクションとして定義できます。 StateとTransitionを使用すると、かなり複雑な行動をグループ化し、条件が変わったときに一括して変更することで、GUIの複雑な実装をより簡単に実装できる方法を学びます。

セクション 15. State と Transition を使用した Image Viewer の例の実装
このセクションでは、前のセクションで学んだStateとTransitionを使ってImage Viewerを実装してみるセクションです。

セクション 16. Model and View
ModelとViewは、GUI上に大量のデータを表示するために使用されます。たとえば、100 個のデータを表として表示する場合、データは Model に保存し、View は Model に保存されたデータを GUI に何らかの方法で表示する種類を指します。ビューはテーブルまたはツリーの形にすることができます。このセクションでは、ModelとViewの使い方について学びます。

セクション17. Model and Viewを使用したChess Gameの実装
ModelとViewを活用して、Chess GameのKnightを例として実装する方法について詳しく学習します。

セクション18. QMLとPython間の統合
QMLでPythonの特定のクラスで関数を呼び出す方法と、PythonでQMLで特定のJavaScript関数を呼び出す方法を学びます。そして、実践的な例では、QMLとPython間の関数呼び出しとデータのやり取りを実装することで学ぶことができます。

セクション19. QMLとPython間のリストデータ交換
Pythonで大量のリストデータをQMLに渡す方法を学びます。そして実習例として、PythonでListに保存されたデータを加工してQMLに渡してUI上に表示する方法について学びます。

セクション20. Pythonを使用した新しいQMLタイプの実装
QWidget で QPainter を使って 2D グラフィック要素を QWidget 上に表示したように Python で提供する QQuickPaintedItem クラスを利用して QPainter を使って 2D グラフィック要素を QML の Type 上に表示できる方法について学びます。

セクション21. 入れ子構造のQMLタイプの実装
単にTypeを実装する場合は、階層などのTypeを実装する必要があります。たとえば、Type 内に子に複数の Types を実装する必要がある場合があります。このセクションでは、Chartというトピックを通じて階層のTypeを実装する方法について学びます。

Q. 理論、文法以外に実際に使われる様々な例も触れることができますか？

はい。可能です。各セクションごとの理論授業後の例では、直接講師とコーディングする過程が用意されており、現業でQMLで実戦プログラミングを行う際のノウハウを一緒に学ぶことができます。

Q. 学習する講義内容を参考にする資料や教材がありますか？

現在、Qt開発者コミュニティ（ qt-dev.com ）でオペレータとして活動しています。 QtおよびQMLに関する追加資料は、このサイトから入手できます。

Q. 講義を聞く前に学ぶべきことはありますか？

Python と Qt の基礎知識がなければ受講できる講義です。 Qtの経験がない方は、過去の「 [Level 1] Qtを使用したPythonプログラミング：入門編」の講義を事前に聞いて、この講義を受講することをお勧めします。

Q. 授業内容はどのレベルまで扱いますか？

QMLの基礎から様々な活用分野に対応する高度な内容まで取り上げます。