【動体視力チェックアプリ】ChatGPTと一緒に作ったWebアプリを公開！

Udemy（ユーデミー）という動画学習サービスで、HTML・CSS・JavaScriptの基礎を学びながら、動体視力チェックアプリを作りました。

このアプリは、画面を高速で横切る四字熟語をどこまで読み取れるかを試すミニゲームです。
中学生でも知っている四字熟語を使っているので、大人から子どもまで気軽に遊べます。

最初はできるところまで自力で組み立てて、ChatGPTにアドバイスをもらいながら完成させました。
これまで作ったアプリよりも複雑な構成ですが、AIの力を借りれば意外といけるものですね。

ちなみに、私が今回使った教材はこちら👇

📘【世界で90万人が受講】Web Developer Bootcamp（日本語版）

※このリンクは広告です（アフィリエイトリンク）

💡セール情報
Udemyでは、ほぼ毎月セールが行われていて、90％OFF以上の割引になることも珍しくありません。
気になる講座がある方は、セール期間を狙っておトクに始めてみてください！

動体視力チェックアプリを試してみる

UdemyでHTML・CSS・JavaScriptの基礎を学び、【動体視力チェックアプリ】を作ってみました！
画面を猛スピードで横切る四字熟語を、あなたは読み取れるでしょうか？

読めなくても気にしないでください。これはゲーム感覚で楽しめるアプリです！

四字熟語が高速で画面を横切るだけのシンプルなアプリです。
問題は毎回ランダムに出題され、難しい熟語は避けています。

【HARD】はかなり速いのですが、意外と読めるかもしれません。
でも読めなくても大丈夫！これは「プログラミングでこんなアプリも作れるんだ」という例として見てもらえたらうれしいです。

実はこのアプリ、ChatGPTの力も借りながら完成させました。
「文字を流したい」「難易度を選べるようにしたい」「10問で終わりにしたい」…そんな要望を出すと、ChatGPTがコードを出してくれるんです。

もちろん、コードの意味が多少わかっていたほうが断然楽しい。
私はある程度自力で作ったあと、わからない部分をChatGPTに直してもらいました。

プログラミングの基礎を学んで、あなたも自作アプリに挑戦してみませんか？

📘【世界で90万人が受講】Web Developer Bootcamp（日本語版）

※このリンクは広告です（アフィリエイトリンク）

💸 セール情報
Udemyではほぼ毎月セールがあり、90％OFFも珍しくありません。購入はセール期間中がおすすめです！