WEBサイト制作（架空サイト）人材育成サイト

つかさん

– 制作への想い –

2つのスライダーと細かなセクションタイトルやパーフェクトピクセルにて細かく制作させていただきました

– 制作概要 –

• 制作時間→100Hほど（1日4時間目安）
• 制作内容→コーディング・テスト環境へアップ
• ページ数→1ページ　トップページとお問い合わせフォーム
• 仕様スキル→HTML・CSS・JanaScript
• 仕様ツール→VScode・Figma・VD

– 実装内容 –

HTML実装

• BEMとGulpを用いています

CSS実装・JavaScript実装

• ハンバーガーメニュー（２段階で動きます）
• スライダー（swiper）メインビューと先輩の声で実装
• FAQのアコーディオン実装
• Entryのプライバシーポリシーのモーダル実装
• Entryのバリデーション実装
• Entryの郵便番号入力した際に住所自動入力
• トップへ戻るボタンの表示非表示
• スムーススクロール実装
• YouTube埋め込み
• アニメーション
• コンタクトフォームをPHP工房との紐つけ
• SEO対策
• OGP設定
• レスポンシブ（320px〜1366px間、どの幅サイズでも見た目の崩れがなく綺麗な表示がされるように作成いたしました）
• ピクセルパーフェクト完了