ChatGPTで計算アプリを作ったよ
このTwitterの投稿に触発され、
I finally got access to ChatGPT with Vision!
The first thing I wanted to test was its coding capability with just a picture, and the results are mind-blowing.
After sending only a screenshot of my calculator app, it essentially coded a replica of it. pic.twitter.com/UYNKawdaGE
— Alvaro Cintas (@dr_cintas)
僕もChatGPTでiPhoneデフォルトの計算機アプリを作ってみました。
以下のプロンプトで一発でできました。
めちゃ凄すぎる！
添付画像と同じデザインの計算機アプリを作成してください。
ファイルはHTML、CSS、Javascriptに分けてください。
なお途中を省略せずにお願いします
この投稿に触発されて、私もやってみました。
以下のプロンプトで一発でできました。めちゃ凄すぎる！
プロンプト 「添付画像と同じデザインの計算機アプリを作成してください。 ファイルはHTML、CSS、Javascriptに分けてください。 なお途中を省略せずにお願いします」#ChatGPT https://t.co/r9UWqm7ygF pic.twitter.com/ktKF1rCtvq— たつや (@tatsuya1970)
僕はCSSは苦手で、デザインに二の足を踏むことが多かったですが、これからはChatGPTをお供にすれば表現の幅が一気に広がりそうです。
ちなみに、ChatGPTが生成したコードはこちら
https://github.com/tatsuya1970/calculator
ad
- Tweet
-
-
この記事が気に入りましたら、ぜひTwitter、facebookボタンをお願いします。
ブログを書くモチベーションになります。よろしくお願いします。
ビットコイン投げ銭ウィジェット
関連記事
-
-
誰でも簡単！10分でできる「話すAIアバター」の作り方
女性のAIアバター作りました。生成AIのサービスを使えば、誰でも簡単に作れます。作業時間は多分1
-
-
「オープンセミナー2023@広島」で登壇したよ
2023年11月11日に広島のITコミュニティの年に1回の大イベント「オープンセミナー」で登壇さ
-
-
生成AIを使ったテレビニュース風の動画の作り方（HeyGen + Canva）
イベントの宣伝用にこんな動画を作りました。 誰でも簡単に作れます。 では、作り方を説明
-
-
生成AIで漫画を描いたよ
XのAPI規則の変更のためTwilogがなくなってからXのライフログとしての役割がほぼ無くなった
-
-
OpenAIのAPIを触ってる時に出るエラー「Invalid input image – format must be in [‘RGBA’, ‘LA’, ‘L’], got RGB.」
OpenAIのAPIを触ってる時にこんなエラーが出たとき Invalid input imag
ad
- PREV
- 「君たちはどう生きるか」を観て
- NEXT
- Facebookで過去の投稿を検索する方法
