利用したスクールの最終課題として、こちらのサイトを作成しました。XDのデザインカンプを素材として提供され、そこから静的コーディング及びWordPress対応を行いました。

各メニューの個別ページはループによって記事を取得しているため、サイト構築後、お客様が管理、運営を想定しているようなWebサイトも作成出来ます。ページネイションはプラグインで実装しているためプラグインを利用したサイト制作も対応できます。

マークアップセマンティクスにおこない、適宜コメントを残すことによって、保守性を高めました。CSS設計にはFLOCSSを採用することで破綻しにくく、保守性の高いコーディングを行いました。class名についても第三者から見てわかりやすい命名規則を心がけました。

また、タスクランナーのGulpによるSassファイルの自動コンパイル、ブラウザシンクを利用し、コーディングの効率化に努めました。その他のツールを導入することも出来るのでチームで開発環境を合わせる事ができます。