１月29日デザインカンプからのマークアップ演習

マークアップとは

デザインカンプで作られたサイトの完成品の見た目だけを元に、HTMLでコーディングする作業です。
「このサイトはこういうコードで作られているだろうな」という想像の元で、コードを紡いでいきます。

私はまだ見る目が肥えていないので、簡単なコードで表現する事しかできません。
ですが先生の説明を聞いてると「なるほど！」と納得するところばかりです。

私「（ul）タグで並べてFlexで横並びかな？」

先生「（dl）タグを使って縦に並べます」

…なるほど解らん。

イメージで言えば、（ul）タグは『箇条書き』なので、中身は色々な種類になります。
カレーで例えるなら「人参・ジャガイモ・玉ねぎ」みたいな。

（dl）タグは、同じ種類の羅列という感じらしいので、
同じくカレーで例えると「ハウスのカレー粉・S＆Bのカレー粉・ハチ食品のカレー粉」みたいなイメージだというのが現在の理解度です（笑）

マークアップの練習では、それらを適材適所コードで選んで行くことが重要になります。

同じコーディング作業でも「纏められる所は纏める」事を意識していけば、作業が少なくなる事。

（div）タグの区切り方でもFlexで並べ替えるという手間が、今回の授業でよくわかりました。

そして今日は色々とあって寝不足なのでAIちゃんにHTMLを任せます（笑）