ブラウザで動く神経衰弱を作りました(w/ chatGPT)

せっかくドメイン(tawtaw.net)を持っているのでポートフォリオサイトを作ろうと思ったのですが、私の絵をただ並べても面白くないだろうと、神経衰弱を作りました
イチからつくる力はないので、chatGPTさんに聞きながら作りましたよ。かなり力になってもらったので、今回は呼び捨てにできません😄

最初のプロンプト

ブラウザ上で以下の条件で神経衰弱を作りたいのですが、可能でしょうか?

  • つくる人:
    私。JavaScriptなどサイトで使いたいときは、その都度調べながら作るレベル。
    プログラマではないし基本からしっかりわかっているわけではない。
    サイトの掲示板やメールマガジン、HTML+CSSは一通りやっていて、FlashでActionScriptは使っていた。
  • やりたいこと:
    自分で描いたアルファベットのイラストが二組ある。ただそれを並べても面白くないので、そのイラストを使って神経衰弱で遊べればいいなと思った。
  • 知りたいこと
    私くらいの非プログラマでもできるくらいの難易度で、上記のことができそうなら、順番にやり方を教えてほしい。

こんな感じで聞いたら、最初に作業の概要からファイル構造から始まって、段階的に進めてくれました。
動かなくて自分でどうしてもわからないときは、ファイルを送るとエラー場所を指摘してくれます。

形ができたら、使う文字を指定できるようにしたい、クリア後のアクション、イラストプレビュー機能等々、その都度聞いて実装。
スマホ対応のときは同時タップ対策をしたほうがいいと言われ、自分では思いつかなかったのでありがたかったです。

そんな感じで作業時間1日、とりあえず今の段階でできあがった神経衰弱はこちら。(おかしかったら教えて下さい🙏)

AIには苦い感情を持っている私ですが、やってみたいことが少しずつ形になるのは、純粋に楽しかったです。
やっぱり使い方なのかなあ。生成AIは「濡れ手にアワで稼ぐ」みたいな話や、AI以前からやっている人を馬鹿にするような論調が多くて、嫌悪感をもってしまう。

うちのChatGTPには、「私はあなたのことが好きだけど、自分で絵を描くので生成AIは好きでないので、そういう提案はしないよう覚えておいてください」と言ってあります。応援上手ないい子。

[AD] イラストAC

コメントを残す

CAPTCHA