架空 企業採用サイトLP
サイト情報
サイトURL
https://suzukana-web.com/tukasan/
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
制作概要
制作時間 ＊ 約107時間
制作内容 ＊ コーディング作業、テスト環境へサーバーアップ
ページ数 ＊ 1ページ
サイト構成 ＊ トップページ、お問い合わせフォーム
使用ツール ＊ VScode、Figma
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
使用スキル
HTML、Sass、JavaScript
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
実装内容・工夫した点
CSSでの実装
・SP時ハンバーガーメニューボタンのアニメーション
・ハンバーガーメニューを開いた際のアニメーション
・メインビュー左にあるスクロールを促すボタンのアニメーション
・エントリーボタンのアニメーション
・YouTube埋め込み
JavaScriptでの実装
・ハンバーガーメニューの開閉
・スムーススクロール実装
・先輩の声セクションでのスライダー実装（swiperを使っています）
・FAQセクションでのアコーディオン実装
・エントリーセクション、プライバシーポリシーでのモーダル実装
・エントリーセクションでのバリデーション実装
・エントリーセクション、yubinbango.jsを使った郵便番号入力した際に住所自動入力
・トップへ戻るボタンの表示非表示
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
トップページ（PC）外観
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
