作品スクリーンショット

URL

Bootstrapの練習サイト

担当

コーディング

サイト制作の目的

このサイトは、オンラインスクール「デイトラ」内の学習カリキュラムに沿って、Bootstrapの使い方に習熟することを目的に制作しました。フレームワークを用いた効率的なレイアウト設計や、コンポーネントの活用を通じて、実務でも役立つ基本的なスキルを身につけることを目指しました。

コーディングについて

Bootstrapのグリッドシステムやユーティリティクラスを用いて、レスポンシブ対応のサイトを構築しました。ナビゲーション、カードレイアウト、ボタン、フォームなど、よく使われるUIパーツをフレームワークベースで実装し、HTMLとBootstrapのみで完結する構成としています。カスタムCSSやJavaScriptを加えず、あくまでBootstrapの標準機能でどこまで対応できるかを試す練習として取り組みました。