ポートフォリオ

▷ 概要

HTMLとCSSのみで構成したWebサイト。レスポンシブ対応を初めて意識した課題。

▷ 工夫した点

divタグでブロックを明確に区切り、レスポンシブ対応がしやすい構造を意識した。

▷ 苦労した点

サイズの異なるブロックの配置調整に苦労。div同士の配置はすべてつながっているため、一箇所のズレが全体に影響する点を学んだ。

▷ 概要

台湾旅行をテーマにした4人グループ制作。スライダー・ドロワーメニュー・フッターの共通パーツ化を担当した

▷ 工夫した点

セクションごとに縦幅を個別設定してレイアウトのズレをセクション内に封じた。スライダーは画像移動でなく配列差し替え方式にして拡張性を確保した。

▷ 苦労した点

共有パーツのブロック化が不完全でbodyタグへの依存が残った。スライダーの端処理・アニメーションが完成できず、チームでの分担・相談の難しさを実感した。

▷ 概要

PHPとMySQLを使った架空のショッピングサイト。DB連携・サーバー公開まで行った実践的な課題。

▷ 工夫した点

バックエンドとフロントの連携を意識した設計。DBを使ったデータ表示・送受信の基本的な流れを実装した。

▷ 苦労した点

サーバー環境の設定やPHPとHTMLが混在する記述に慣れるまで時間がかかった。エラーの原因特定を繰り返し、デバッグの考え方を身につけた。