5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

こそだて×生成AI (byこそぷろ👶)Advent Calendar 2024

Day 14

小学生がまず直面する壁のために!Streamlit✖️Cursorでゲームを作ってみた!

Last updated at Posted at 2024-12-13

概要

Cursorというエディタを利用してStreamlitでゲームを作ってみました。

うちの子はまだ、小学生ではないのですが最近の小学生はまず初めに直面する壁があるそうです。
その最初のハードルは自分の名前を自分で書けなきゃいけない!とか文字を読めなきゃいけない!
ではなくタブレットに学校が用意したランダムなパスワードを入力できる様になること!!
らしいです。

これって結構みんな大変なんじゃないかなーと思い、ランダムな文字列をパスワード入力のように入れてちゃんとあっているかを判定してくれるアプリを作成しました。
ゲームというよりも練習アプリという感じです。

利用したツール紹介

Streamlit

Pythonで書けてHTMLとCSSを気にせずWEBアプリケーションを作成できるツール

Cursor

VSCodeをベースに開発されたAIを利用できるエディタ

作成はこんな感じ

Cursorに以下のようなスクリプを入れて実行していくだけでファイル自体も作成してくれます。

パスワードを練習するためにランダムな文字列を入力してそれに対して正解・不正解を表示するStreamlitのコードを新しく書いてください。

Cursor.gif

アプリは無料で公開できる!

GitHubにスクリプトをPushすれば公開することもできます。
今回作成した「Password Training」というアプリも公開してあるのでぜひ使ってみてください。

まとめ

思い立ってから2時間も立たずに作成、デプロイが出来てしまいました。
Streamlitの手軽さもそうですが、Cursorを利用することでファイル自体も作成してくれたりStreamlitの実行の初期セットアップまでフォローしてくれたりします。
まだまだ、CursorもStreamlitも使いこなせていないですがとっても手軽にできてとても楽しかったです!

ぜひ、お子様にタブレットで利用いただきフィードバック頂けると嬉しいです!

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?