Phase2 【Phase 2】エラーと格闘：タイピングゲームに間違い判定機能を追加
タイピングゲームの2回目の機能追加。「間違えた文字を赤色で表示する」機能を実装しました。多数のエラーと格闘し、デバッグを重ねて完成させた記録です。公開URL: 前回の機能追加（振り返り）1回目：入力表示機能（午前）実装内容:入力した文字を青...
Phase2 
Phase2 【Phase 2】初めての機能追加：タイピングゲームに入力表示機能を実装
タイピングゲームに新しい機能を追加しました。「どこまで入力したか分かる」表示機能です。自分で設計し、自分で実装した初めての機能追加の記録です。公開URL: きっかけ：もっと分かりやすくしたい現在の問題既存のタイピングゲーム:apple[入力...
Phase2 【Phase 2】Git & Command Line学習：すでに使っているツールを体系的に理解する
Phase 2で実際にGitを使いながら作品を公開してきましたが、体系的に学んだことはありませんでした。ProgateのGitコース・Command Lineコースで、使っているツールを改めて理解しました。学習の背景すでにGitを使っていた...
Phase2 【Phase 2】3作目完成：タイピングゲームで学ぶ配列とランダム処理
Phase 2の3作目。YouTubeで見つけたタイピングゲームを作成しました。配列、ランダム処理、inputイベントなど、新しい技術を習得した記録です。公開URL: きっかけ：YouTubeで面白いものを発見新しい学習方法の実践Phase...
Phase2 【Phase 2】新しい学習方法で初めての作品完成：クリックカウンター
新しい学習方法を決めた初日。YouTube/Qiitaで情報収集しながら、AIと一緒にクリックカウンターを作成しました。「教材に沿う」から「自分で作る」への転換、初実践の記録です。公開URL: 新しい学習方法の初実践決めたことPhase 2...
Phase2 【Phase 2】学習方法の転換：「教材に沿う」から「自分で作る」へ
Phase 2に入り、学習方法について大きな決断をしました。Progateを中心とした「教材に沿った学習」から、「実践を中心とした学習」への転換です。課題の発見これまでの学習方法（Phase 1）学習ソース: Progate特徴:道筋が明確...
JavaScript JavaScriptのDOM：Webページを操作する仕組み
Week 2の準備として、DOMについて学習しました。クリックカウンター作成に必要な、Webページを操作する基本的な仕組みです。DOMとはDOM = Document Object Model（ドキュメントオブジェクトモデル）Documen...
Phase2 【Phase 2 Day 2】自己紹介ページ改善とWeek 2の準備完了
Phase 2の2日目。自己紹介ページにプロフィール写真と学習進捗セクションを追加しました。また、Week 2で作るものを決定し、JavaScriptの復習も行いました。午前：自己紹介ページの改善目標昨日公開した自己紹介ページをさらに良くす...
Phase2 【Phase 2初日】VS CodeでGitエラーと格闘：何が起こっていたのか
Phase 2初日、VS CodeからGitHubにプッシュする際、様々なエラーに遭遇しました。当時は混乱しましたが、後から振り返って「何が起こっていたのか」を整理します。※この記事はAIエージェント（Claude）の解説をもとに構成してい...
Phase2 【Phase 2初日 完全版】VS Codeで初めての修正とGitプッシュに成功
Phase 2初日、自己紹介ページの公開後、さらにVS Codeでの編集とGitHubへのプッシュに挑戦しました。初めての本格的な開発フローを体験した記録です。午後の作業：VS Codeでページを改善やったこと1. VS Codeでファイル...