オートクリエイト様

Basic認証

なし

サイトについて

スクールの最終課題で、クラスで4人グループを作り、ヒヤリングからワイヤーフレーム作成、デザイン作成、コーディング作業を分担して架空のWEBサイトを作成。
私は、このWEBサイトのお問い合わせページ以外のすべてのページのコーディングを担当しました。

制作期間

1ヶ月

制作範囲

コーディング

使用ツール

VS Code

使用言語

HTML/SCSS/Java Script

コーディングで意識したところ

このWEBサイト制作で、初めてスライダーや、アコーディオンメニュー、モーダルウィンドウを実装しました。
わからないところは、Google検索などでわからないなりに調べながら実装していきました。
スライダーは、プラグインのSwiper、モーダルウィンドウは、プラグインのMicromodal.jsを使用しています。
アコーディオンメニューは素のJSで実装しています。
またクラス名の付け方やmarginの位置やFLOCSSのファイルの管理方法やブレイクポイントなどのコーディングルールを決めて、Figmaでコーディングルールの資料を作り、一緒にコーディングをしてもらう方に共有し、お問い合わせページのコーディングはチームの方に手伝っていただきました。

作成したコーディングルールの資料はこちら

また、この架空サイトの制作実例ページで、絞り込み機能を実装したかったですが、現在の自分では実力不足で実装できなかったので、今後の自分の課題なども見つかりました。