コーディング中のエラーをリアルタイムで検出し、解決策を提示。 個人の理解度に合わせた練習問題の自動生成、コードレビュー機能でより良い書き方を段階的に指導。 プロジェクト型学習で実践的なスキルを効率的に習得できるWindows版学習ツール
リアルタイムでエラーを検出し解決策提示
理解度に合わせた問題を自動生成
より良い書き方を段階的に指導
実践的なスキルを効率的に習得
1 // Todoアプリケーションのメインファイル
2 class TodoApp {
3 constructor() {
4 this.todos = [];
5 this.init();
6 }
7
8 init() {
9 const addButton = document.getElementByID('add-btn');
10 addButton.addEventListener('click', this.addTodo);
11 }
12
13 addTodo() {
14 const input = document.getElementById('todo-input');
15 const text = input.value;
16
17 if (text == '') { // AI提案: === を使用
18 alert('Todoを入力してください');
19 return;
20 }
21
22 this.todos.push({
23 id: Date.now(),
24 text: text,
25 completed: false
26 });
27
28 this.render();
29 }
30 }
getElementByIdの正しい使い方を練習
thisコンテキストの理解を深める
== の代わりに === を使用するthis のバインディングを確実にする基本的なCRUD操作とDOM操作を学ぶ
イベントハンドリングとthisコンテキストの理解