【PySide2】Qt Creatorを使って本格的なGUI開発を入門する～#0 環境構築～

# はじめに
Qt Creatorを使ってPySide2のGUIプログラミングを解説していきます。

当ページではQt Creatorのインストール手順について説明しています。

# 環境

* Windows 10
* Python 3.8 以降

# Qt Creatorのインストール
* Qt公式サイトのダウンロードページにアクセスします。
https://www.qt.io/download
<br>

* 右上にある`Download. Try.`をクリックします。
![000.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/528ef4d6-09ab-687f-ff48-844c32c23c3a.png)
<br>

* `Downloads for open source users` → `Go open source`をクリックします。
![001.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/b1dd6182-2401-4f60-2ef6-6563a9bd6fdb.png)
<br>

* ページの一番最後までスクロールしたところにある`Download the Qt Online Installer`をクリックします。
![002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/60a9afe3-5d56-0e9b-a994-d4eb2ccd3cdd.png)
<br>

* `Download`をクリックしてインストーラを取得します。
![003.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/04c30076-1f7c-f81c-fc81-9864242e8fbe.png)
<br>

* ダウンロードが完了したら`qt-unified-windows-x86-4.1.0-online.exe`を実行します。
![004.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/34f6184d-a0bf-1026-215b-c6d39ae38b3a.png)
<br>

* <font color="red">Qtアカウントが無いことを前提に説明します。</font><br>`Sign up`をクリックします。
![005.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/30b24c08-ad93-95ce-cac4-daf557f474db.png)
<br>

* `メールアドレス`と`パスワード`を設定します。
![006.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/4c87b4b6-1875-030d-ed00-f7da408aba8a.png)
<br>

* 上段（`I have read and ...`）には必ずチェックを入れます。下段（`I am an individual ...`）は**個人で使用する場合にチェックを入れます**。会社や法人（個人事業主も？）として使用する場合はチェックを入れずに会社名・事業所名を入力します。
![007.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/000ac453-abe8-d36b-b15e-7f8249a3aeeb.png)
<br>

* `Next`をクリック。
![008.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/0c9efd32-63df-2984-df40-832a863b7575.png)
<br>

* Qtの使用情報・データの情報提供に協力するか否かの選択。<br><font color="red"><b>どっちでもいいです</b></font>。下図では情報を提供する方にチェックしています。
![009.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/69dbf59c-898b-4821-629e-9d46bc6663a0.png)
<br>


* インストールするQtのバージョンを選択します。<br>ここでは旧バージョンのQt 5を選択していますが、これも<font color="red"><b>どっちでもいいです</b></font>。
![010.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/75f3cd82-96a2-1d4e-cec8-2685bdded368.png)
<br>

* ライセンスに同意するにチェックを入れて`Next`をクリックします。<br>図にあるようにLGPLライセンスになります（GPLよりゆるめのライセンスと思ってください）。インストール後は`C:\Qt\Licenses`にライセンス情報が保存されます。
![011.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/caa06494-d609-cc5b-2ca9-d896de8f47d8.png)
<br>

* そのまま`Next`をクリック。
![012.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/43008bf6-5afe-8ba3-e3fb-a17d5561c6ec.png)
<br>

* `Install`をクリック。
![013.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/07057123-ed31-e73c-b9ed-110df676e778.png)
<br>

* インストール実行中の画面。15～30分くらいかかります。
![014.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/163f9a9a-0642-9e51-26a3-9dffaf9dcefb.png)
<br>

* インストールに成功したら以下のような画面になります。
![015.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/b87571d3-64cd-f3ae-39a9-48a6a9ae3c96.png)
<br>

* ちゃんとインストールできていればQt Creatorを開くことができます。
![016.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/614920/ba572115-51e7-bc40-59aa-c018a3bebc65.png)
<br>