Phase2 【Phase 2初日】VS CodeでGitエラーと格闘：何が起こっていたのか
Phase 2初日、VS CodeからGitHubにプッシュする際、様々なエラーに遭遇しました。当時は混乱しましたが、後から振り返って「何が起こっていたのか」を整理します。※この記事はAIエージェント（Claude）の解説をもとに構成してい...
Phase2 
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...
HTML/CSS CSSのメディアクエリ：レスポンシブデザインの基本
Font Awesomeとpositionに続いて、「メディアクエリ」を学びました。画面サイズに応じてスタイルを変更し、スマホやタブレットにも対応できます。メディアクエリとはメディアクエリは、画面サイズに応じてCSSのスタイルを設定できる手...
HTML/CSS CSSの応用テクニック：Font Awesomeとposition
インラインブロック要素に続いて、「Font Awesome」と「position」を学びました。アイコンの使用や要素の配置など、実践的なテクニックです。Font AwesomeとはFont Awesomeは、アイコンが用意されているサイトで...
HTML/CSS CSSのインラインブロック要素：display プロパティで要素の振る舞いを変える
レイアウトの基本に続いて、「インラインブロック要素」を学びました。要素のタイプを自由に変更できる強力な機能です。複数のセレクタを指定カンマ , で区切ることで、複数のセレクタに同じスタイルを適用できます。h1, h2, h3 { color...
HTML/CSS CSSのレイアウト：div要素とボックスモデル
HTMLの全体構造に続いて、「レイアウト」を学びました。Webページの構造を整理し、見やすく配置するための技術です。レイアウトの基本：<div>要素レイアウトは、<div> 要素で構成します。<div> 要素は、要素をグループ化するために使...