買い物電卓を作ってもらったら・・・


画像.jpeg

Google AI Studioを訳も分からず使ってみましたが、プロンプトだけでどんどんできていきました。

アプリにはしていませんが、ページをスマホにシェアして、表示するだけでも十分使えるような気がします。

CopilotにJavaScriptだけを書いてもらって、HTMLファイルを作った時と比べるとUIがリッチです。
https://king.mineo.jp/reports/320356

プレビュー中もチャットに切り替えられ、修正や機能追加できるのがすごいですね。

まだ、課金情報は入力していません😅

ただ、まだ同じことを再現できないくらい、どうやって始めたか手順が分かっていません😅

なんか色々なAPIやライブラリがありそうなので、有料でも使いたくなってしまうかも。

7件のコメント
なんか実質、1時間くらいでできてしまった。
前作ったのより、機能が多いし、こちらから何も指示していない予算機能とかが最初から付いてるし。
猫山美亜
Gマスター・2026.05.01 21:09

>> アッカリ〜ン@_@….,….,…😅 さん

凄い時代ですよね〜。
私も、SASEBOさんに勧められて、とりあえず「キッチンタイマー」笑。を作ってみました。
ちょこっとしか触ってませんが、ホント色々できますよね。
ちょうどGWだし、色々触ってみようと思います。

画像.jpeg

価格比較でBEST VALUE なんてマーク付けるように指示してないぞ、

と思ってプロンプトを見直してみたら、「どれが割安かを瞬時に表示」この文脈でその仕様になったのかなぁ。

確かに望んでいた仕様だけど😅

IMG_4576.jpeg

オフライン環境で使いたいんで、と言ったら standalone.htmlファイル1つにまとめてくれた。
途中、動かなかったり、バグったりしてたけど、こっちもソースは全く分からないので、動作についてだけ指摘したら直してくれた。

これでHTML Viewerで使える😅
Shareは別の環境で動かせるけど、基本的に継続的に使用するときはPublishしてってことですよね。
Publishのときに、課金情報を設定しないといけないようになっているので。

今回、まぁ単純な処理だしということで、standalone.htmlにまとめてくれたのかな。

IMG_4578.jpeg

なんか何回調整してもいい感じにならないので、各項目のフォントサイズ調整画面を付けちゃった。

こんなの後から言ったら、「フォント指定のところに変数入れ込まないといけないので、どれだけ大変か分かっとるのか!」とか怒られそうな変更だけど😅

しかも単一ファイルでスタイルシート使わずにhtmlに埋め込んでいるので全部直さないと😅

スクリーンショット_2026-05-02_013243.png

なんか、もうすごいを通り越して、怖いわ😅
コメントするには、ログインまたはメンバー登録(無料)が必要です。