5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

イラストを自動生成してくれる絵日記アプリ

Posted at

絵日記のようなアルバムアプリを作りたい

スマホのアルバムを見返していて、こんなことを思うことはありませんか?

・表情を作るのが苦手でその時の楽しさをうまく思い出に残せない。
・旅行に行ったのに自撮りだと毎回構図が同じ。

<イメージ>

私は結構あります…

その時の雰囲気や自然な表情をそのままの形で残したい!
そこで絵日記のようにイラストという形で思い出を残せるアルバムアプリ「おもいで絵日記」を作りました。

<使用イメージ>
夏休みの思い出を絵日記に残すというイメージで作成したデモ動画です。

使用環境

・Messaging API(LINE)
・OpenAI API(ChatGPT)
・Make
・Googleスプレッドシート

アイデア

①.LINE Botにひとこと日記の要領で思い出を投稿する。
②.日記の内容からAIでそのシーンをイラスト化してアルバムに残す。
絵を描くのがあまり得意じゃないという方でも手軽に絵日記のように自分の好きな雰囲気のイラストを残せようにしたい。

実装イメージ

今回はアプリ作成にMakeというノーコード開発ツールを使用しました。

ポイント
・LINE Botからイラスト作成に必要な情報を取得
・OpenAI APIに情報を渡してイラストを生成
・情報はGoogleスプレッドシートに集約

Makeで作成したツールのフロー図

作成したイラストはWebアプリなどで閲覧しやすいようにGoogleスプレッドシートにURLを書き出すようにしました。デモ動画では閲覧用のアルバムをCode PenでWebアプリとして作り、LINE Botのリッチメニューから飛べるようにました。

こだわりポイント

Googleスプレッドシートに情報を集約することで、処理フローが一本(シンプル)になるように工夫しました。
B列:LINE Botから入力した情報
C列:作成したイラストのURL

ChatGPTに「イラストの雰囲気」を付けたした情報を渡すようにすることでイラストを自分好みの雰囲気で作成できるようにしました。

※デモ動画では「絵日記っぽく、温かく楽しそうな雰囲気」を表現できるようにプロンプトに渡す情報を決めました。

参考資料

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?