AI主導のプログラミング学習アプリを作ってみた

2026.10.11 Okayama Revengers LT大会
第7回「涼しゅうなってきたけぇ、そろそろLTするかぁ！」

Transcript

1. AI主導のプログラミング学習 アプリを作ってみた econanringo 2026.10.11 1
2. ⾃⼰紹介 econanringo 岡⼭県⽴岡⼭操⼭中学校3年 [好きなこと] ‧競プロ(勉強中) ‧CTF(勉強中) ‧Webアプリ開発 ‧iOSアプリ開発 ‧電⼦⼯作(Raspberry Pi) ‧テニス🎾 X: econanringo [今までにしてきたこと(?)] ‧セキュリティ‧キャンプ 2025 ジュニア 修了 ‧GCI 2025 Winter 修了 ‧セキュリティ‧キャンプ 2026 専⾨D 修了 2
3. 解決したい課題 1. 学校の授業で感じた課題 プログラミング経験者 プログラミング未経験者 簡単すぎる... 難しすぎる... 内容が簡単すぎて、 もっと難しいことに 挑戦したい 操作⽅法がわからず ついていくのがやっと ⼈によって最適な学習⽅法は違う 3
4. 解決したい課題 2. 多くの⼈が挫折してしまう エラーの意味が わからない わからないことの 調べ⽅がわからない 質問の仕⽅が わからない そもそも ... なにが分かっていないのかわからない そのまま挫折してしまう... 4
5. 解決したい課題 AIに指⽰すれば アプリが 完成する！ でも その⾔語について理解していないと、 • • • • コードを理解できない バグを修正できない 脆弱性に気づけない 細かい修正をするときに時間が かかる 「AIでつくる」だけでなく「AIを使いながら学ぶ」仕組みが必要 5
6. AIがカリキュラムを作る プログラミング学習アプリ 学習者⼀⼈ひとりの理解度やつまづきに合わせて AIが最適な教材や説明を提供する 「挫折しないプログラミング学習」を実現する 学習⽀援システム 👈プロトタイプはこちらから https://poster.codering.jp/ 6
7. 使⽤した技術 ・AIモデル ・フロントエンド ・データベース ・その他 gemini-3.7-flash(Google Cloud) Next.js16, React19, TypeScript PostgreSQL, Cloud SQL, Prisma Google ADK, LangSmith 7
8. アプリの使い⽅の流れ ①⾃分のやりたいこと、学びたいことを⼊⼒ ◦AIとの対話を通して、作りたいものや勉 強したいことの調整が可能 ◦対話が終了すると、カリキュラム生成の プランが作成される 8
9. アプリの使い⽅の流れ ②⾃分のプログラミング⼒を診断 ◦⾃分のやりたいことに応じてプログラミング⼒ 診断の問題が変わる ◦4択問題を10問解く 9
10. アプリの使い⽅の流れ ③やりたいこと、プログラミング⼒診断をもとにカリキュラムを⽣成 ◦スキルチェックの結果を もとに10セクション × 10ス テージ × 10問 = 1000問⽣成 (オンデマンド⽣成) ◦⼿軽に学べるように、4択問題、 並べ替え問題、⽳埋め問題の3つの 問題形式を⽣成 10
11. 今後の展望 ‧ユーザーの過去の学習記録に基づいて、カリキュラムの再⽣成なども可能にし て、より個別最適化されたアプリにする。 ‧実際にこのアプリを使ってどのような学習効果があったのかを測定する⼯夫を 考える。 ‧パソコンでも実際に⼿を動かして学習できるように、PC版アプリも作成する。 ‧学習を継続させるために、ゲーミフィケーションを導⼊する。 https://poster.codering.jp/ 11