はじめに

こんにちは。H.Yです。
この記事は、アドベントカレンダー18日目の投稿です。
これまでに素晴らしい投稿や面白い投稿がいっぱいあるので、ぜひご覧ください。
https://qiita.com/advent-calendar/2025/cocone

世間は冬の真っ只中。パソコンの熱で暖をとるには良い時期ですね。
さて、チョコットランドでは先日のアップデートでショートカット枠が増えました。

※画像はNano Banana Proで生成しました。画像はあくまでイメージです。

何かAIを使ってみたーい！

軽い心持ちで初歩的な私がAIを使って、ショートカット枠追加を試みた雑記になります。

使用モデルと環境

使用したモデルと環境は以下の通りです。

こちらが対象の画面です。変化が分かりやすいように編集しています。

枠が追加されたことで、スクロールが必要な画面になりました。

AIに指示した内容を、要約してご紹介します。

指示した内容:

スクロールバーを追加したい

かなり大雑把な指示でしたが、ほぼ完成形に近いものが出来上がりました。
スクロールバーの画像を指定していなかったにもかかわらず、
ソースコードから自動で見つけて設定してくれました。
しかしスクロールバーは表示されましたが、
まだスクロールはできませんでした。

指示した内容:

スクロールバーは追加されたけど、スクロールやドラッグをしても追加した内容がY方向にスクロールしない

プログラマーとは思えない曖昧な指示ですが、これでも健気に修正を行ってくれました。

もうスクロールが機能するようになっているではありませんか!

私がリソース画像探したりなど丸一日かけて調査した内容が、
たった15分程度で終わってしまいました。
一体どうなっているのでしょうか。

す、すげぇ・・・！

AIが修正を行う際に、既存の実装や私が追加した部分を削除してしまうことがありました。

作業を任せる前にコミットしておくなどバックアップを取っておくことをお勧めします。

最後になりますがチョコットランドは19周年を迎えます。
これから遊ばれる方・すでに遊んでいる方も、
ぜひこの機会にチョコットランドの世界を冒険してみてください。
心よりお待ちしております！