4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

AIを使ってショートカット編集画面を改修した話

Last updated at Posted at 2025-12-17

はじめに

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


世間は冬の真っ只中。パソコンの熱で暖をとるには良い時期ですね。:relaxed:
さて、チョコットランドでは先日のアップデートでショートカット枠が増えました。
GG_img_4.png
※画像はNano Banana Proで生成しました。画像はあくまでイメージです。

何かAIを使ってみたーい!:baby::baby::baby:

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

使用モデルと環境

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

  • モデル: Claude Sonnet 4.5
  • 環境: macOS Sequoia 15.7.2

やってみよう

結果

こちらが対象の画面です。変化が分かりやすいように編集しています。
final_4.png
枠が追加されたことで、スクロールが必要な画面になりました。

AIへの指示

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

1回目

指示した内容:

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

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

2回目

指示した内容:

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

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

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

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


す、すげぇ・・・!
GG_surprise_4.png

悲しみ:sob:

AIが修正を行う際に、既存の実装や私が追加した部分を削除してしまうことがありました。
:sob::sob::sob:
作業を任せる前にコミットしておくなどバックアップを取っておくことをお勧めします。

さいごに:pray:

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

4
0
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
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?