ChatGPT PLUSと「Code interpreter」を使ってGIFを作る方法

## 「Code interpreter」の凄さとは？

### ファイルを読み込み、Pythonのコードを直接実行できる

Code interpreterのプラグインを利用すると、複数のファイルを読み込んで、Pythonのコードを直接実行できます。今回は、具体的にChatGPTに自然言語でJPEG画像からGIFファイルを作成する命令を与え、それを実際に行う方法を紹介します。ぜひ、これをきっかけに、様々な可能性を想像してみてください。

## 準備するもの
ChatGPT PLUSの契約（有料）
私が契約した際の費用は、月額20ドルでした。

## プロセスの流れ
以下に、そのプロセスを簡単に説明します：
- ChatGPT PLUSに契約する
- GPT4のプラグイン「Code interpreter」を有効化する
- 複数の画像を読み込む
- GIFファイル生成のための命令を入力する
- 出来上がり！


## やってみる
### ChatGPT PLUSを契約（有料）
画面左下から「Upgrade to Plus」> 「Upgrade plan」> 住所、カード情報等指示に従い登録

### プラグインを利用できるようにする
画面左下のアカウント > 「Settings」
![スクリーンショット 2023-07-13 223015.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/f6091d69-bfab-5029-4a94-0e8cdbaff185.png)

「Bate features」> 「Plugins」
![スクリーンショット 2023-07-13 223931.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/baa9fee2-f256-14b7-a443-05390f53c8bf.png)

「GPT4」 > 「Code Interprete」
![スクリーンショット 2023-07-13 224036.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/247696a3-43d2-5bac-1578-856b3957dbdb.png)

いつもの入力フォームに「Send s message」の文字が。

## 画像読み込み
今回は、美波町のオープンデータを例に使用します。まず、画像を準備します。
[美波町オープンデータ 公式キャラ](https://www.town.minami.lg.jp/docs/820.html#%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%20%E5%85%AC%E5%BC%8F%E3%82%AD%E3%83%A3%E3%83%A9)
※official (ZIP 1.62MB)

zipファイルを解凍し、jpgファイルを準備
その後、「＋」(Upload file)をクリックし、JPEGファイルを選択して開きます。
![スクリーンショット 2023-07-13 230700.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/2b9b35c8-07b3-8e0d-bde6-028cb8f2e95f.png)

「Send message」をクリックします。
![スクリーンショット 2023-07-13 230729.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/de609fee-30a7-c41e-9c28-db25622587e9.png)

同じ手順で、残りの画像も一つずつアップロードしていきます。
![スクリーンショット 2023-07-13 230834.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/67e80dc0-b818-5e3c-84b6-e3f8aee8d67f.png)

gif作成の命令文を入力して「Send message」
```プロンプト
# 命令
gifファイルを作って

# 条件
一秒間隔にして
```
![スクリーンショット 2023-07-13 231056.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/dceb2ba0-50f5-1e65-38e1-8ec904e1a574.png)

[koushiki_gif.gif」をダウンロード
![スクリーンショット 2023-07-13 231521.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/b5b00a10-9af5-f50c-2876-fbc7d5298144.png)

出来たfileがこちらです。
![koushiki_gif.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/41ddfbc0-ab40-53c9-0034-d9254360fbfe.gif)
[イラスト 公式キャラ](https://www.town.minami.lg.jp/docs/820.html#%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%20%E5%85%AC%E5%BC%8F%E3%82%AD%E3%83%A3%E3%83%A9)、美波町、クリエイティブ・コモンズ 表示 4.0 ライセンス
（https://creativecommons.org/licenses/by/4.0/deed.ja）

（ん、何かおかしいぞい。えびー太くんの足がでちゃってる。。）
元の画像データを確認すると、一つだけjpgファイルの画像サイズがちがっての発見したので、次の命令をだしてみました。
```プロンプト
# 命令
jpgファイルをすべて400×400(pixel)に編集したうえでgifファイルにして

# 条件
0.5秒間隔にして
```
![スクリーンショット 2023-07-13 231837.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/19e83ea0-0030-a807-961c-abf874c2fe95.png)

で、これが出来ました。（アスペクト比やらかしてるがw）
![koushiki_resized_gif.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/349931/f54118dd-1fc5-4321-7f87-5d1603b43785.gif)
このサンプルgifは、以下の著作物を改変して利用しています。
[イラスト 公式キャラ](https://www.town.minami.lg.jp/docs/820.html#%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%20%E5%85%AC%E5%BC%8F%E3%82%AD%E3%83%A3%E3%83%A9)、美波町、クリエイティブ・コモンズ 表示 4.0 ライセンス
（https://creativecommons.org/licenses/by/4.0/deed.ja）

## まとめ
ChatGPTは以前から私たちにPythonを教えてきましたが、今ではファイルを読み込み、Pythonをバックエンドで実行することが可能です。「Code interpreter」を試してみたところ、ExcelやPowerPointの作成、補正、QRコードの生成、音楽の作成や音調補正など、Pythonで出来ることを即座に実行できることが非常に便利だと感じました。