こんにちはspooonn@Web勉強中です。

これまで社内CSIRTとしてセキュリティ業務に携わってきましたが、"開発経験なし"の状態から、Web技術を体系的に学び直す取り組みを始めました。学習の記録として記事を残していきたいと思います。

第1回目の今回は、HTML/CSSの基礎学習に取り組んだ内容をまとめます。

📘 今週やったこと

📝 学んだこと・気づき

HTMLは見慣れていたおかげで比較的とっつきやすかった
業務で簡単な修正経験はあったので、要素や構造の概念には抵抗なく入っていけました。逆に、きちんとした文書構造やタグの意味づけを学び直す良い機会にもなりました。
CSSはブラックボックスではなく、書けば書くほど挙動が理解できる
これまでテンプレをそのまま使うことが多く、「なんか効いてるけどよくわからない」状態でしたが、自分で組み上げることでスタイルの流れが明確になりました。
Webページを構築する“流れ”を体験できたことが一番の収穫
「要素を配置 → スタイルを整える → レイアウトする」という一連の作業を通して、Web制作のリアルな手触り感を得られたのが大きな前進です。

書籍の演習に沿って、シンプルなWebページを一から構築しました。
以下はその一部のスクリーンショットです。

📷 作成したWebページの一例（PC向けのサイト）

htmlファイルとしては４ページほど作りました。
テキストの通り進めただけとはいえ、達成感ありますね。

これまで「Webってなんとなくわかっているつもり」でしたが、体系的に学び直してみると、思っていた以上に新しい発見がありました。
しっかりと学ぶことで、理解が深まったと同時に、自分の理解度に足りない部分も見えてきたので、引き続き丁寧に学んでいこうと思います。

今後も毎週1回ペースを目標に学習ログを投稿していきます。
ときどき振り返り記事を挟みながら、自分なりの学習スタイルを見つけていきたいと思います！

📌 次回予告（仮）：
PHPでWebフォームを作って、簡単な投稿アプリを動かしてみる予定です！