サイトURLのリンクをクリックするとページに移動することができます。
Basic認証があるものにつきましては、ユーザー名：demo パスワード：demo です。
| 制作の目的 | デイトラ企画の実案件チャレンジに参加し、決められた期日までにコーディング〜サーバーアップロード〜納品まで行いました。 「見栄えの再現・アニメーション表現ともに十分な品質でコーディングされていました」と総評をいただきました。 |
|---|---|
| 担当範囲 | コーディング |
| 技術的な工夫 | ・ デザインカンプの忠実再現 PerfectPixelを使用しカンプとの差異がないよう調整をしました。 ・アニメーション実装 Swiperを使用したスライダーのほか、モーダル、タブ切り替え、文字アニメーション、無限スクロール、GSAPで背景写真が枠からはみ出している高さを取得し、その範囲内だけ動かす実装をしました。 ・ レスポンシブ対応 目視で確認しながらブレイクポイントを設定しました。 ・ 画像最適化 画像圧縮、width / height 属性の設定、loading="lazy" を活用し、読み込み速度に配慮しました。 |
| サイトURL | https://global-standard.ikki-studio.com/ |
| 制作時間 | 1週間 |
| 使用ツール | HTML / Sass（SCSS） / JavaScript / Swiper / GSAP / VSCode |
