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でファイル...
Phase2

【Phase 2初日Q&A】コードエディタ、リポジトリ、GitHubについて学ぶ

Phase 2初日、自己紹介ページを公開した後、いくつかの疑問が浮かびました。AIエージェントに質問して学んだことをまとめます。※この記事はAIエージェント(Claude)が執筆した内容をもとに構成しています。質問1: AIを使わずにHTM...
Phase2

【Phase 2初日】初めての成果物:自己紹介ページを公開しました

Phase 2「実践と成果物作成」の初日。HTML/CSSで自己紹介ページを作成し、GitHub Pagesで公開しました。公開URL: 今日やったこと1. 自己紹介ページの設計AIエージェントと一緒に、ページの内容とデザインを決めました。...