学習装置

https://github.com/wasijyayo/edd_2026

TypeScript

React

Electron

VSCode

個人の学習をつなぐプログラミング学習向けAIコンパニオン

ウオミー

推しアイデア

すぐにAIに質問できるUX

作った背景

普段プログラミングの学習していて、自分ってどのくらいできてるんだっけ?ってなりがちなので立ち位置を客観視したい

推し技術

Full TSでデスクトップ、VSCode拡張、サーバーサイド、webフロントを作成

プロジェクト詳細

学習装置

#EDD2026 教材・開発環境・AIを横断して、個人の学習をつなぐプログラミング学習向けAIコンパニオン。

https://protopedia.net/prototype/9631

機能・アイデア

1.課題や新しい価値の提供等の着眼点 AI でコードを生成できても、本人の理解が深まるとは限らない点に着目しました。分からない箇所への解説やヒントに加え、学習の過程を記録することで、自分で理解・解決できる力の向上を支援します

2.問題の解決方法 分からないコードを選択し、ショートカットで質問するという簡単な操作で利用できます。普段の開発環境である VS Code 内で質問から回答まで完結するため、スムーズに学習できます。

3.技術を応用し、広く使用される工夫など、先の展開について 本プロジェクトは、VS Code 拡張機能を出発点として、将来的には Web や他のエディタ、デスクトップアプリ、教材との連携へ展開することを考えています。学習内容やつまずき、自力で解決できた経験を「Personal Learning Map」として蓄積し、利用する環境が変わっても、その人に合った復習や次の学習提案につなげる構想です。

普及に向けては、ユーザーが普段使っている開発環境の中で、選択したコードをショートカットから質問できる手軽さを重視しています。また、ユーザー自身が利用できる AI を優先して活用し、運営側の AI 利用コストを抑える方針です。基本機能を無料で提供し、長期の学習履歴や複数端末同期などを有料機能とすることで、導入しやすさと継続的な運営の両立を目指します。

VS Code 拡張・API・Web を分け、共通の型や学習ルールを共有する構成を採用しています。担当ごとに開発を進めやすく、テストやコード整形によって品質を保ちながら機能を拡張できる設計です。

技術

使用技術

言語

typescript

各クライアント

react electron vscode extension hono

外部サービス

Auth0 cloudflare workers workersAI geminiAPI

アーキテクチャ

image

こだわり技術

fullTSでいろんなクライアントがあるけど同じように書けるし、型や共通パッケージとして同じ処理を各クライアントでも使えるようにできる

メンバーの役割分担

ウオミー

@KOU050223