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エージェントと一緒に、ページの内容とデザインを決めました。...
学習計画

【Phase 1完走】プログラミング基礎学習1ヶ月の記録

2月9日から始めたエンジニア転職への挑戦。Phase 1「基礎固め」を3月8日に完走しました。Python、JavaScript、HTML/CSSの3つの言語を学んだ1ヶ月間を振り返ります。Phase 1の概要学習期間: 2026年2月9日...
HTML/CSS

CSSのFlexbox:モダンなレイアウト方法

メディアクエリに続いて、「Flexbox」を学びました。floatに代わる、より柔軟で強力なレイアウト手法です。FlexboxとはFlexboxは、モダンなレイアウト方法です。要素を簡単に横並びにしたり、配置を制御したりできます。float...