Chat-GPTにお絵描きツール作らせてみた

date_range 2023/12/22
エンジニアインターン
スクリーンショット 2023-12-22 165934

みなさんこんにちは!受託プロダクトチームインターン生の肖かえいです!!
ここ最近、Javascriptを勉強するにあたって、去年大学で受けた授業を思い出します。
その授業では簡単javascriptを使って簡単なお絵描きツールを作りました。
その時、実装するにあたって結構時間がかかって悪戦苦闘しました。
その時にchat-gptがあればな…。
ということでchat-gptにやらせてみよう!!
要件としては
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
・マウスクリック中に線がかける
・線のいろが変えられる
・2回のクリックで直線がひける
・大きさ可変の四角形が描画できる
・一括削除のボタンで描いたものが消える
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
この要件をchat-gptに指示してみた結果html,css,javascriptのコードがアウトプットされました。
これをエディターに入れてみると…。
おお!いい感じ!!
しかし、直線がひけず…。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
・マウスクリック中に線がかける→〇
・線のいろが変えられる→〇
・2回のクリックで直線がひける→〇
・大きさ可変の四角形が描画できる→〇
・一括削除のボタンで描いたものが消える→×
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
という結果になりました。
かなり良いのでは!?ここまでで所要時間はたったの5分!!技術の進歩は凄まじいです。



---------------------------------------------------------------------------------------------
インターン募集ページ: https://guardian.jpn.com/recruit/intern/
メンバー紹介ページ:https://guardian.jpn.com/member/Xiao_Kaei/
---------------------------------------------------------------------------------------------

*COMMENT*

  • 下川 春樹

    下川 春樹

    更新日:2023-12-22 18:00

    *コメント*

    ChatGPTの勢いが止まりませんねー(°_°)
    だいぶ前にJavaScriptの勉強で簡単なToDoリストみたいなのを作りましたが、今となればChatGPTさんがサクッと教えてくれるんでしょうね。。。
    ターミネーターみたいな未来が来るかも知れませんが、人間に出来る事を精一杯頑張っていきましょー!w

    *コメント*

  • 則岡 えり

    則岡 えり

    更新日:2023-12-23 09:07

    *コメント*

    Javascriptで絵を書くなんて、考えたこともなかったです。
    とても難しそう…と思いましたが、それが5分で作れるなんて本当にすごいです!

    *コメント*

  • 奥村 優

    奥村 優

    更新日:2023-12-23 18:58

    *コメント*

    ChatGPTの使い方の幅がどんどん広がっていますね!
    自分もわからない時ChatGPTを使うことがよくあるので、これから自分も色々と試したいと思います!

    *コメント*

  • 黒川 かな

    黒川 かな

    更新日:2023-12-25 11:27

    *コメント*

    ChatGTPでこんなこともできるんですね…!!
    しかも所要時間5分?!すごい!!
    楽しみながら学ぶのが一番上達が早いと聞きます!
    わたしもChatGTPもっと活用します^^

    *コメント*

  • 池田 つづみ

    池田 つづみ

    更新日:2023-12-25 17:00

    *コメント*

    Javascriptで絵が描けるなんてとても楽しそうですね!
    chatGPTは時々使用しますが、まだ質問の投げかけ方に慣れていません💦
    もっと活用できるようになりたいと思いました!

    *コメント*

  • 宮城 わか

    宮城 わか

    更新日:2023-12-25 17:06

    *コメント*

    ChatGPTでそんなことができるなんですごいですね!
    いまいち質問の投げ方が下手で上手く活用しきれていないのですが、私も少しずつ活用して効率よく仕事ができるようになりたいです。

    *コメント*

  • トウ ウビン

    トウ ウビン

    更新日:2024-01-03 16:03

    *コメント*

    javascriptで絵を書くなんて、考えたこともなかったです。
    たったの5分!!!超~すごい!!!
    自分もCHAT GPTを使ってなんか活用していこうと思いました。

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード