使用した言語やツール等
Figma / VSCode / HTML / CSS / SCSS / Bootstrap / jQuery / Github
担当
デザイン・コーディング
作成した目的
・Web アプリ UI デザイン・コーディング
・ロゴデザイン制作
・帳票リニューアルとコーディング
ターゲット
–
デザインについて
既存のWebサービスのリニューアルで、必要な要件の実装などを他エンジニアの方と折衝をし
Bootstrapを使用する前提でデザインを起こしました。
コーディングする際もBootstrapの記述のみでなるべく収まるようにする必要があったため、デザインにもその点を
注意深く落とし込みました。
コーディングについて
BEMを意識し、ページ数も考慮した所、かなりのボリュームがあったので、
Bootstrap5の記述でなるべく収まるようデザインを起こした関係もあり
最低限のSCSSをコンパイルし、残りはBootstrapで記述しました。
動的なコーディングも可能な限りBootstrapの範囲内で記述し、エンジニアの方が見やすいコーディングを心掛けました。
