【長期インターン】HTML、CSSの奥深さ | 長期有給インターン生の日常|株式会社ガーディアン | 株式会社ガーディアン｜141億のデータで中小企業を勝たせるWEB戦略データ・カンパニー | 株式会社ガーディアン｜141億のデータで中小企業を勝たせるWEB戦略データ・カンパニー

こんにちは！京都開発研究所WEBプログラマーコースインターン生の菅原昌大です。

先日、ウィジェットの制作をうまく進めることができましたが、また今日新たな課題が出てきました。ウィジェット内のCSS設定とサイト全体のCSSの設定はそれぞれやらなくてはならないのか？など複数の疑問点が出てきました。やはりうまくいくことばかりではないので辛抱強く頑張っていきたいです。これまで一か月半、HTMLとCSSを勉強してきての感想を書いてみたいと思います。

最初は「とりあえずタグを書けば表示される」「色やサイズを変えられる」程度のイメージしかなかったが、実際に手を動かしてみると、その奥深さに気づかされました。

HTMLは“骨組み”として、ページの構造や意味を伝えるもので、最初は<div>ばかり使っていたけれど、<header>や<section>, <main>などのセマンティックなタグを使い分けることで、コードの読みやすさやアクセシビリティが向上することを知った。単に表示するだけでなく、「どう伝えるか」まで考える言語なんだと気づきました。

CSSは“見た目”を担当する言語という印象であったが、思っていた以上に「設計力」が求められると感じた。クラス名の付け方やスタイルの優先順位、レスポンシブ対応など、ただ装飾するだけでなく、“どこで、どう書くか”に頭を使う場面が多く苦しまされました。

一方で、思い通りにレイアウトが組めなかったり、デバイスごとに見え方が違ったりして、苦戦することも多かった。特に、レスポンシブ対応やFlexbox・Gridの挙動には今も悩まされることがあるが、「ちゃんと表示された！」「スマホでも崩れず動いた！」という瞬間の達成感はとても大きい。

この1か月半で学んだことは、知識だけでなく「つくる面白さ」でした。HTMLとCSSは他の言語に比べて地味な印象があったが、触れれば触れるほど、少しの工夫で見た目も使い勝手も大きく変えられる魅力があると実感しました。

メンバー紹介：https://guardian.jpn.com/member/

長期インターン生の活動日記：https://guardian.jpn.com/intern