note本文からカバー画像をAI生成するツールをGeminiCanvasに作ってもらった

私がnoteの記事を書く時、最後にカバー画像を決めています。
基本的には「みんなのフォトギャラリー」を使わせていただくのですが、本文にしっくりくるものが見つからなかったりするとAI生成してもらうことが多いです。

なんとなくこんなイラストで、と思いついたものを文章化してAIに渡す。
例えばこの記事。

家事をする時のBGM用に動画を探すけど、その探すことに無駄に時間をかけてしまう。
という内容の記事です。
『ムダと独唱している歌姫』のイラストにしようと思いつきGeminiに生成してもらいました。
実際のカバー画像はこちらをトリミングしています。

いつもこんな感じなのですが、どういう画像にしてもらうか自分の中で"翻訳"しないといけないんですよね。
もうすこし簡単に、なおかつ本文に沿った内容のものを生成したい。

そこで、GeminiのCanvas機能を使ってみました。
Canvasとはなにかと言うと…

ものすごくざっくりいうと、Geminiに「こんなの作って」というとお出ししてくれる機能です。
Geminiのチャット欄の【ツール】ボタンをクリックし、【Canvas】をクリックします。
準備はこれだけ。

「noteに投稿する文章を読ませると、自動で表紙の画像を生成するものを作ることは出来ますか？」
これだけ伝えると、🤖ｶﾀｶﾀとGeminiが作業すること数秒。

すごい、たった数文字の指示だけでこんなものが出来上がりました！
こちらブラウザ上で動くツールになっており、実際に先程のムダの記事のカバー画像を生成してみます。
本文をツールに貼り付け画風を選択して『画像を生成する』をぽちり。
待つこと数秒…出てきた！

これは…ちょっと抽象的で本文に沿ってるかな？
それに画像自体上下に白帯が入ってしまっている。
noteアップロード時にトリミングすればいいけど、やや面倒。

記事のタイトルも入力できるようにすればもっと内容に沿った画像になるかな？
さらに横長の画像をダイレクトに生成するように、チャット欄に要望を書きます。

再び待つこと数秒。
ツールが再読み込みされると、記事タイトルの入力欄が追加されました。

改めて、先程の記事のカバー画像を作ってもらいます。
出来たものはこんな感じ。

ちゃんとダイレクトに横長画像が生成されている！
しかも本文の解像度が上がって、家事をする前に動画を探してしまっているというシチュエーションがしっかりと描写されています。

コードの生成上限が来てしまいましたので一旦ここまで。
さらに明るい雰囲気⇔暗い雰囲気、をスライダーでパラメータ変更できるとか、一度生成された画像を微調整出来るようにするとかもっと機能が欲しくなりますが、それも簡単に出来そうです。

Canvas、すごく便利で面白いです。
もっといろいろ作ってもらっても楽しそう！

（この記事のカバー画像もこちらのツールで生成しました）

#AIとつくってみた