【模写コーディング⑧】複数ページのコーディング

OVERVIEW

ブログサイトの模写

YEAR 2020

 今回は初めて複数ページの模写を行いました。複数ページサイトの特徴はボリューム多いため、より効率的なコーディングが求められます。例えば違うページでも共通部分が存在します。完全に同じパーツはコピペし、少しだけ違う部分が存在するならsassのextendを使って効率化を図りました。

【工夫したところ】

  • 共通部分のコーディング
  • extendを多用する
  • phpで実際に組む時の構造を想像しながらコーディングをした(記事が4つ表示された後にバナーが入り、また記事が表示される部分。実際にはwhile文で記述されることを想定して記事とバナーは同階層に記述した)

【次回の課題】

  • クラス名にかぶりが出そうなのでBEMでの記述を試してみる