プログラム素人がAIを駆使して自分専用のウォッチフェイスを作る話3 格闘編
プログラム素人がAIを駆使して自分専用のウォッチフェイスを作る話3 1と2を読んでない人はブラウザバック推奨です。 ※この記事は本人の体験をもとに書いていますが、文章の添削や表現の整理など、一部にAIを使用しています。 ではでは続きです。 何かを作るうえで、見本は欠かせない。 特に誰かに作ってもらうときはね。 AIも人も同じで、百聞は一見に如かず。 言葉で言っても通じない所がある。 当然である。 画像を見せた方が早い。 まずチャッピーに、デザインとか「ああしたい」「こうしたい」と伝える。 チャッピーが画像を作る。 そのチャッピーの画像をコピーしてGeminiに貼る。 「もっとかっこよくして」と!! で、出来上がった画像をコピーして、またチャッピーに貼る。 「Geminiこんなん作ったけど、お前もっとかっこよくできんのか?」ってね。 最初の案 生成された画像です。 これはチャッピーが画像生成したやつ。 背景画像以外は、こちらの要望を伝えた結果です。 上に大きなデジタル時刻 左右に情報を分ける 左に天気 右に万歩計とBody Battery(BB) 下に本体バッテリー残量と曜日と日付 これを基本形として開発を始めた。 この時計のAMOLEDは発色がキレイで、色も多い。 コンセプトは、 飽きの来ない、発色の良さを生かした時計 にしたかった。 生成された画像みたいな発色性能は時計にはないけどね。 そこからClaudeにコードを作ってもらうんだけど、たまにGeminiが奇跡を起こす。 生成された画像です。 超おしゃれになった!! これを次の開発の基本形に決めた。 本体充電の残量バッテリーがメモリ式になり、右のサブ画面も見やすくなって、「めちゃいいじゃん!」ってなる。 高級腕時計っぽい文字盤だし、こんな感じにしたいと思ったのね。 Geminiはたまにすごい画像生成するから面白いよ!! この時点でのコンセプトは、 AMOLEDの発色を生かした、高級腕時計風の文字盤 を使った時計に変わった。 これをチャッピーに渡して指示書を書かせて、指示書とこの参考画像をClaudeに渡してビルドして、シミュレーターから出たのが…… これ!!!!! お分かりいただけただろうか? AIと一緒にウォッチフェイスを作り込むのが、どれだけ大変な作業だったのかを???? 本当にしんどかった。 ここから1個ず...