Tello-Console2 インストールガイド Windows 版

# Windows に Tello-Console2 をインストールする
　Tello-Console2 に関する情報や、その他OSに Tello-Console2 をインストールする場合は、以下の記事を参照してください。

 :::note
 　ここでは初めてコマンドプロンプトや Python を触れる方にわかりやすく説明します。
:::

 - Tello-Console2 に関する記事まとめ


- 他のOS (macOS, Linux)に Tello-Console2 をインストールする方法

https://qiita.com/GAI-313/items/f8ea418b9820b2360374

　ここでは、 **Windows10** に Tello-Console2 をインストールする方法を紹介します。**Windows11** でも見た目は違いますがセットアップ方法は同じです。

 ## 0.git をインストールする
 　Tello-Console2 は GitHub にて公開されており、Windows で Git を使用するには **Git for Windows** というツールをインストールする必要があります。以下の手順に沿って Git for Windows をインストールします。

### 0.0. Git for Windows をダウンロードする
　まず、以下のサイトに移動して、移動先のサイトに表示されている <font color='blue'>**`Download`**</font>をクリックして **Git for Windows インストーラー**をダウンロードしてください。

 https://gitforwindows.org/

<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/65e6ad85-4dd1-a00b-ffe7-b746b73b8c90.png'>

　ダウンロードしたらエクスプローラーを開き、ダウンロードされた Git for Windows インストーラーを確認し、これをダブルクリックしてインストーラーを起動してください。

 <img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/418ba5f3-27a3-a051-9b87-77d3ed59e9fe.png'>

### 0.1. Git for Windows をインストールする
　インストーラーが起動すると以下のようなウィンドウが表示されるので **`Next`** や **`Yes`** をクリックして進めてください。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/5cf1c4d4-8930-d10f-b711-365c6aa93e54.png'>
　以下のような進捗バーが表示されるまでこの作業を続けてください。
 <img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/0a57240b-6f69-02f9-72fc-8126ff9d1d8e.png' width=300>
　進捗バーが進み以下のようなウィンドウが表示されたら **Git for Windows のインストールは完了です。** ウィンドウを閉じても構いません。
　チェックボックスが2つありますが、`View Release Notes` のチェックを外せばウィンドウを閉じたときに自動的に Git for Windows のリリースノートへ飛ばされるのを防げます。
 <img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/c109052b-ea23-92da-e301-0076d8b90a8b.png' width=300>

 ## 1. Python をインストールする
 　お使いの PC にすでに Python がインストールされている方は <font color='green'>**2. ffmpeg をダウンロードする**</font> をお読みください。

 ### 1.0. Python がインストールされているかどうか確認する
 ::: note
 　お使いの PC に Python が入っていないことをすでに確認している場合は<font color='green'>**1.1. Python をインストールする**</font> からお読みください。
:::
 
 　お使いの PC に Python がインストールされているかどうか確認する場合は、**コマンドプロンプト** または **PowerShell** を使用します。ここではコマンドプロンプトを使用します。
  コマンドプロンプトを起動するには、検索バーに **`cmd`** と入力するとコマンドプロンプトが表示されるので、**`開く`** をクリックしてください。
 <img src='https://camo.githubusercontent.com/3b7ad10bb50940fa6390ab82f5085e75617ecd5f6762f5ed065fdb5fd8243ccb/68747470733a2f2f692e696d6775722e636f6d2f73384a4a4e45412e706e67' width=400>
　起動するとこのような黒い画面が表示されます。ここに `python -V` と入力してください。入力が完了したらエンターキーを押してコマンドを実行します。以下のようにコマンドの実行結果に Python のバージョンが表示されたら **お使いの PC に Python はインストールされています。**
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/5843dc31-3026-74db-835c-a1860aece663.png'>
　これが表示されず、**microsoft Store** が起動したり、以下のようなエラーメッセージが表示されたらお使いの PC に Python はインストールされていません。
 ```
 ’python’ は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。
 ```
::: note warn
 　micfrosoft Store が起動したらそのアプリを閉じてください。**そこから Python をインストールするのはお勧めしません。**
:::

### 1.1. Python をインストールする
::: note
 　お使いの PC に Python がすでのインストールされてる場合は<font color='green'>**2. ffmpeg をダウンロードする**</font> からお読みください。
:::
　以下のリンクをクリックすると **Pyhonインストーラー** がダウンロードされます。

 https://www.python.org/ftp/python/3.11.7/python-3.11.7-amd64.exe

 　エクスプローラーにダウンロードされた Python インストーラーがあるので、これをダブルクリックして起動してください。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/6fa77e61-b1e0-9c2a-549b-5ffa78cf385e.png' width=600>

　起動したら以下のウィンドウが表示されます。このウィンドウに表示されている <font color='blue'>**`Install Now`**</font> をクリックしてください。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/14266a79-153a-f268-2002-1f6e2ad8f676.png' width=600>
　しばらくして<font color='blue'>**`Setup was Successful`**</font> と表示されたら **`close`** をクリックしてインストーラーを閉じてください。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/0b5fa499-3a57-1357-f3dc-004652444bba.png' width=600>

### 1.2. Python がインストールされたか確認する
　確認としてコマンドプロンプトで Python が使用できるかどうか確認し、システムが Python を認識しているかどうか確認しましょう。
 
::: note warn
　すでにコマンドプロンプトを開いている場合は、そのコマンドプロンプトを一度閉じてください。
:::
 
　 お使いの PC に Python がインストールされているかどうか確認する場合は、**コマンドプロンプト** または **PowerShell** を使用します。ここではコマンドプロンプトを使用します。
  コマンドプロンプトを起動するには、検索バーに **`cmd`** と入力するとコマンドプロンプトが表示されるので、**`開く`** をクリックしてください。
 <img src='https://camo.githubusercontent.com/3b7ad10bb50940fa6390ab82f5085e75617ecd5f6762f5ed065fdb5fd8243ccb/68747470733a2f2f692e696d6775722e636f6d2f73384a4a4e45412e706e67' width=400>
　起動するとこのような黒い画面が表示されます。ここに `python -V` と入力してください。入力が完了したらエンターキーを押してコマンドを実行します。以下のようにコマンドの実行結果に Python のバージョンが表示されたら **お使いの PC に Python はインストールされています。**
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/5843dc31-3026-74db-835c-a1860aece663.png'>

## 2. ffmpeg をダウンロードする
　ffmpeg とは動画、画像、音声データなどのメディアファイルを編集、処理することができるフリーソフトです。Tello-Console2 では TELLO から画像データを取得するために使用します。以下のリンクをクリックして ffmpeg をダウンロードしてください。

https://github.com/BtbN/FFmpeg-Builds/releases/download/latest/ffmpeg-master-latest-win64-gpl.zip

　エクスプローラーを開き、ダウンロードフォルダに **`ffmpeg` からはじまる ZIP ファイル** があることを確認してください。

:::note warn
　ここではダウンロードされた ZIP ファイルを解凍、展開しないでください。
:::

## 3. Tello-Console2 をインストールする
　Tello-Console2 をダウンロードするにはコマンドプロンプトを使用します。Tello-Console2 をダウンロードする前に、以下の要件を満たしていることを確認してください。

- **Git for Windows** をインストールしている
- **Python** をインストールしている
- **ffmpeg ZIP ファイル** がダウンロードフォルダにある

### 3.0. Tello-Console2 をダウンロードする
::: note warn
　すでにコマンドプロンプトを開いている場合は、そのコマンドプロンプトを一度閉じてください。
:::
　コマンドプロンプトを起動するには、検索バーに **`cmd`** と入力するとコマンドプロンプトが表示されるので、**`開く`** をクリックしてください。
 <img src='https://camo.githubusercontent.com/3b7ad10bb50940fa6390ab82f5085e75617ecd5f6762f5ed065fdb5fd8243ccb/68747470733a2f2f692e696d6775722e636f6d2f73384a4a4e45412e706e67' width=400>
　起動すると以下のような黒い画面が表示されます。ここに以下のコマンドを入力してエンターキーを押して実行してください。
```
git clone -b win https://github.com/GAI-313/Tello-Console2.git
``` 
　以下のようなログが表示されたらダウンロード成功です。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/299c84a9-5cfe-5919-bec9-a37661e11de1.png' width=600>

### 3.1. install.bat を実行する
　次に Tello-Console2 をインストールします。インストール作業も引き続きコマンドプロンプト内で行います。以下のコマンドを実行して Tello-Console2 ディレクトリに移動してください。
```
cd Tello-Console2
```
　つぎに、以下のコマンドを実行して Tello-Console2 にある **`install.bat`** を実行してください。
```
.\install.bat
```
　このバッチファイルは **Tello-Console2 を使用するための設定や必要なパッケージを自動的にインストールしてくれます。**

### 3.2. 環境変数を設定する
　**`.\install.bat`** の処理が終了すると、以下のようなログが最後に表示されます。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/a6eccab4-913f-3e3e-bd8f-1d8d723b804a.png' width=600>
```
以下のパスを環境変数PATHに追加してください！
C:\..\..\...
```
　この **`以下のパスを環境変数PATHに追加してください！`** の下にある **`C:\..`** から始まる文字列をコピーしてください。
　コピーしたら検索バーに **`env`** と入力して **`システム環境変数の編集`** を開いてください。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/4042cc44-591b-5794-df18-b2753898d057.png' width=600>

　システム環境変数設定が開いたら、**`環境変数（N）...`** をクリックしてください。
 <img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/c105eb5b-1e66-1af6-cc3f-d07880ae4d58.png' width=300>

　新たに開いたウィンドウで、**`〇〇のユーザー環境変数`** の項目一覧にある **`Path`** を選択し、**`新規`** をクリックしてください。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/7e2039b0-b919-1ae6-4f2d-83117960ecdd.png' width=300>

　新たに開いたウィンドウの右側の **`新規`** をクリックして、空欄に入力欄が表示されたら先ほどコピーした文字列を貼り付けてください。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/93efb9fa-5d49-f940-0be0-eb9da08394eb.png' width=300>
以下の図のようにコピーした文字列が項目に追加されたら完了です。**`OK`** をクリックして内容を保存してください。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/1d4e89e4-32b9-5f4d-7b96-983ffe89f23e.png' width=300>
　前回のウィンドウの **`OK`** もクリックし、最初のシステム環境変数設定ウィンドウの **`OK`** をクリックして作業は終了です。変更内容を反映させるために開いてあるコマンドプロンプトは一度終了してください。

## 4. 起動確認
　これで Tello-Console2 のインストールは完了です！確認として TELLO を接続してみましょう。作業を始める前に TELLO のバッテリーが十分充電されていることを確認してください。

### 4.0. ドローンを PC に接続する
　バッテリーが挿入された TELLO 機体側面の電源ボタンを押して機体の電源を入れます。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/4d5d96bf-b739-7ba9-f1b1-7b36de8431a3.png'>
　機体前面の LED ライトが黄色の点滅に変わったらWi-Fi 設定で **`TELLO-`** から始まるSSIDに接続します。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/f58f5805-9ca2-bd77-9adc-ea8e89f98bf1.png'>
　コマンドプロンプトをつかって Tello-Console2 のサンプルプログラムを実行します。検索バーに **`cmd`** と入力するとコマンドプロンプトが表示されるので、**`開く`** をクリックしてください。
 <img src='https://camo.githubusercontent.com/3b7ad10bb50940fa6390ab82f5085e75617ecd5f6762f5ed065fdb5fd8243ccb/68747470733a2f2f692e696d6775722e636f6d2f73384a4a4e45412e706e67' width=400>
　起動すると以下のような黒い画面が表示されます。以下のコマンドを実行して Tello-Console2 の中にある `samples`ディレクトリに移動してください。
```
cd Tello-Console2\samples
```
　`samples` ディレクトリにはいくつかサンプルコードが用意されています。最も素早く動作を確認するには `0_sample_boot.py` を実行します。以下のコマンドを実行してサンプルコードを実行してみましょう。
```
python 0_sample_boot.py
```
　以下のように実行結果に
```
INFO:TELLO_CONSOLE :TELLO CONSOLE スタート !
```
と表示されていたら Tello-Console2 は正常に動作しています。加えてドローンの LED ライトが紫色の点滅に変わっています。
<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/7d0e57e3-cf53-bff3-5e8f-c9f18fdc906f.png'>
　次にカメラのストリーミングができるかどうか確認しましょう。カメラ映像の取得はサンプルコード `sample_flight_display.py` を実行することで確認できます。このプログラムはドローンに搭載された前方カメラの映像をリアルタイムで取得します。以下のコマンドを実行して`sample_flight_display.py` を実行してみましょう。
 ```
python sample_flight_display.py
```
　実行してドローンのカメラビューが表示されたら成功です。
 <img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2729782/cd4671da-d919-7607-4fb9-18d433558d6f.png'>

　これで Tello-Console2 の起動確認ができました！ドローンを使ったプログラミングを楽しんでください！