ポートフォリオ

▷ 概要

HTMLとCSSのみで構成した静的Webサイト。デザインカンプを元にレスポンシブ対応を初めて意識した課題。

▷ 工夫した点

ブロック要素をdivで明確に区切り、セッション単位でレイアウトが完結する構成を意識した。これによりレスポンシブ対応のコストを下げる設計とした。

▷ 苦労した点・課題点

divの配置はツリー内部で連鎖するため1箇所のズレが全体レイアウトに波及するため、依存関係を把握しながらの修正を行いました。
また、クラスの命名統一による管理は今後の課題の改善に繋がりました。

▷ 概要

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

▷ 工夫した点

スライダーはHTMLの画像差し替えではなく。JavaScriptで画像配列を切り替える方法を採用し、レスポンシブ時、画像追加で切り替えられるよう設計しました。
セクションごとに縦幅を指定し、他担当やセクションに影響が及ばないよう設計しました。

▷ 苦労した点

共有パーツの独立した設計が不完全で個別のHTMLやCSSに依存する形し、結合時の調整に苦労しました。やブロック化が不完全でbodyタグへの依存が残った。
グループ開発における担当の定義とプログラムの依存関係のすり合わせを行う必要があると実感しました。

▷ 概要

PHPとMySQLを用いた架空のECサイト。XREA上での本番公開まで実施した実践的な課題。
DBは3テーブル構成（customers,products,creditData）で設計し、会員登録から購入完了までの一連のフローを実装した。

▷ 工夫した点

カート機能において再計算や重複時の加算などの複数ページをまたぐ計算機能の実装。
購入確認ページではログイン未完了とカートが空のパターンの検出機能を実装し、カード未登録時は登録ページへ誘導する分岐を設けた。
XREAを用いた本番環境ではDB接続情報と接続プロンプトを別ファイルにしてDB接続情報が外部より見られないようにした。

▷ 苦労した点

セッション管理とDB取得の両方を組み合わせるページ（購入確認など）では、データの取得元・タイミング・スコープの整理に時間がかかった。
PHPとHTMLの混在記述から、echo出力による純PHPブロックへの移行過程で、文字列連結の記法ミスによるエラーの特定に繰り返しデバッグが必要だった。