00:06
おはようございます。AIとアナログDIYでものづくりするひかさん🍺の今よりもちょっぴり前に進むラジオ。
Claud Codeで魔改造されました。 その理由を解説します。
この放送はアプリの1.5から2倍速推奨でサクッと聞いてみてください。 今日も急がずに休まずにレッツ行ってみよう。
はい、今日は昨日に引き続いてClaud CodeでiPhoneのアプリ開発をしている時に気づいたことを共有させていただきます。
今、iPhoneのアプリをAI、Claud Codeを使って開発しています。
何を作っているかというと、Wi-Fiの電波の強さとか、あと通信速度がわかるアプリというのを開発しています。
なんでそれを作ろうかと思った話は昨日の放送で話しているはずなので、詳しくは昨日の放送を聞いてみてください。
今日はそのアプリ開発中にイラストが魔改造された理由についてお話ししたいと思います。
アプリの中、ただ文字とかボタンだけっていうのも味気ないので、せっかくだったらイラストでWi-Fiの電波チェックをしている時に表情が変わったり、
ものすごくWi-Fiの電波がめっちゃ強い、ここめっちゃ強いよっていう時はめっちゃドヤ顔をしていたり、めっちゃ弱い時はなんかすげー焦ってたりとか、
表情が変わったらまたちょっと面白いですよね、アプリとして。
なので、イラストを入れてみることにしました。
実際どこまで上手くいくかはやってみてからなんですけど、とりあえずクロードコードにイラスト、クリプト忍者のオトちゃんという、
ウサギと人間のあいの子みたいな、あいの子?獣人?獣人になるのかな?
そんな人間だけどウサギの耳がついてるオトちゃんというキャラクターのイラストを渡して、
いつものAIにイラストを依頼するような感じで、このイラストをWi-Fiの受信状況に合わせて表情を変えてください、そんな指示を出しました。
03:01
最近AIにイラストを投げると、もう普通にいいイラストを描いてくれるので、その延長線上でクロードコードにも依頼しました。
クロードもクロードデザインというのがあるので、イラストも得意だろうと踏んで依頼をかけました。
そうすると、やりますよと、できますよと言ってくれて、10分くらいかな?
カチャカチャとクロード上でいろいろプログラムを作ってくれて、それをテスト的に僕のiPhoneにその画面を表示するということをやったんですけど、
出来上がったイラストが、何これ?なんだこの魔改造されたものは?
たまにAIであるイラスト魔改造事件。
驚くほどに魔改造されてます。
なんでこうなったんだろうね。
その時の画像はSNSにポストしたので、概要欄のリンクから魔改造プリを見てみてください。
とても魔改造されてます。
クロードに全然違うじゃん。なんでこうなった?って聞いてみたところですね。
どうやらクロードではなくて、iPhoneのアプリを作るスウィフトという、なんだろう?
iPhoneアプリを開発するツールみたいなのを使ってるみたいなんですね。
その中でイラストの描写というか画面構成を作る時の画像の作り方をスウィフトUIというので作ってるみたいなんですけど、名前は覚えなくていいです。
それが丸とか四角とか図形をベースにして絵を描く作りなんだそうです。
そう言われてみると魔改造されたイラスト、確かに丸とか四角とかで作れそうだなっていうイラストになってます。
ぜひ概要欄のリンク見ていただきたいんですけど、何だったら今放送を止めていただいて見てもらったら、
ああなるほど確かに図形で描かれてるっぽいよねっていうのがわかると思います。
なんでこういうイラストの描き方をするのかっていうと、これもなんとなくこういう理由かなっていうのがあって、
アプリ上の画面を表示する時になるべく早く表示するためにイラストではなくスマホ上で表示されやすい図形とかで描き出してるのかなって思いました。
06:14
多分その理由だと思います。
そうですよね。スマホアプリなので人によっては結構昔のスマホを使っていたりすると、
その表示速度とか変わってきちゃう感じ、なんとなくイメージできるんじゃないかと思います。
古いスマホを使ってたらちょっと動作遅そうですよね。
なのでそういうのも含めてなるだけ早く表示するような作りになっているんじゃないかなって。
だからイラストを描く時にそういう丸とか四角の図形で描こうとする。
ボタンとか画面の作りの枠とかはそれでいいと思うんですけど、
今回はクリプト忍者のオトちゃんというキャラクターを使っているので、
真改造されたら何のキャラかわからなくなっちゃいます。
これはこれでちょっと味のある顔をしてるんですけどね。
まあまあ真改造された理由はわかった。じゃあ対策とかあるの?ってクロードに聞いたら、
それぞれの表情のイラストを用意してくれれば対応できますということだったので、
改めてクリプト忍者のオトちゃんのイラストをチャッピーに取り込んで、
いくつか表情を作ってそれを取り込むことにしました。
今度のオトちゃんは可愛いです。
これも概要欄にSNS投稿のリンクを載せておくので、
真改造されたオトちゃんと可愛いオトちゃん、ぜひ比較していただければと思います。
ということでクロードコードでiPhoneアプリを開発していたら、
イラストが真改造されたその理由というお話でした。
AIでiPhoneアプリを開発される方はイラストの取り込み方にご注意ください。
それではお礼とお願いです。
1070回目クロードコードでiPhoneアプリが15分で作れた話。
この回にいいねをいただいた、
しらしゃちょー×ひじりさん、しろはるサウンドストーリーさん、みなとたけるさん、TKさん、ボクセルジョーカーさん、しげしゃちょーさん、しばちょんさん、そら猫たちと暮らす絵描きさん、ぽんたさん、いいねありがとうございます。
09:01
今日の放送ちょっとでも面白いと思っていただけたらフォローといいねやコメントをいただけるとめちゃくちゃ嬉しいです。
月曜日始まりました。
そして6月も今日と明日の2日間になりました。
早い、これで半年終わっちゃいます。
はい、ということで、その貴重な2日のうちの1日、今日も楽しく過ごしていきましょう。
急がずに休まずに。
