今まで自分が作ってきたものと先輩方が作ったソースの違いを比較してみました。
例えば、今まで自分は画像などを横に並べたりする際に、画像を一つずつ並べ、floatを一つずつスタイルシート に設定していました。なのでダラダラと長くなってしまい、見栄えもよくありませんでした。しかし、先輩方のソース を見てみると、それぞれをclass属性でまとめ、スタイルシートでもそれぞれ設定する必要がなくなり、class属性に一つ設定 してあげればそのclass名に指定されているものだけが設定されるというやり方です。なので、画像を並べるときも class名に一つだけfloatなどを指定してあげればソースの見栄えもよくなるし、簡単です。
この他にも、ソースを書くときに分かりやすくするために、div要素などで囲った際に、そのdivがどこで終わっているかを はっきりと分かるように、同じ列で閉じるなど、ソースを見やすいようにしています。それを行うのと行わないのとでは分かりやすさも全然違ってきます。 ソースが長ければ長くなるにつれてこういう事が重要になってくるのです。他人が見やすいようにするのもソースを書く上で 重要な事だということを学びました。
12月18日 宮本 勇