ルービックキューブサイト

■ 概要と背景

■ 技術的な工夫

• ・JavaScriptを用いて、スクランブル（崩し手順）をランダムに生成するロジックを構築しました。
• ・スペースキーによる計測の開始・停止が可能な、0.01秒単位の高精度な競技用タイマー機能を実装しました。
• ・ユーザーの学習達成度をブラウザのCookieに保存する機能を導入し、ユーザーごとの進捗状況を保持する仕組みを整えました。
• ・Swiper.jsを用いた直感的なスライダー実装や、CSSによるドロップダウンメニューの構築を行い、情報量の多いサイト内での高い回遊性を実現しました。
• ・レスポンシブデザインに対応させ、PC・スマートフォンの双方から快適に利用できるよう設計を実現しました。

■ 成果・学んだこと

• ・HTML5、CSS3、JavaScriptの基礎を体系的に習得し、静的なページ制作から動的なロジック実装までを統合したWebアプリケーションの構造を理解しました。
• ・Netlifyを用いたデプロイメントのワークフローを経験し、開発したプロダクトを一般公開する技術的な流れを習得しました。
• ・制作を通じて、ユーザーが求める機能（タイマーやスクランブル生成）を具体的なロジックに落とし込み、実用的なツールとして提供する楽しさを学びました。