【マイレース開発記録(26)】全体リファクタリング
全体リファクタリングマイレースの基本機能がひと通り動くようになったあと、私は一度開発の手を止めました。新しい機能を追加するのではなく、これまで書いてきたコード全体を読み直す時間を作るためです。 開発中はどうしても「動くこ […]
【マイレース開発記録(25) 】本番環境を想定した修正
開発が一段落して見えてきた課題 マイレースの基本機能が一通り動くようになった段階で、一度立ち止まり、「実際に公開するならどこを直す必要があるのか」を整理することにしました。 これまでの開発は、あくまでローカル環境での検証 […]
【マイレース開発記録(24) 】バグの洗い出し
ここまでの段階で、「マイレース」の基本的な機能は一通り動くようになっていました。入力フォームから生年月日などを入力し、「レースを見る」を押すと、5匹のウサギが走り、結果のスコアボードが表示される。 見た目としては、すでに […]
【マイレース開発記録(23) 】スコアボード演出改善
レースが終わったあとに、何を残すか 「マイレース」は、うさぎたちが走る様子を眺めながら、その日の流れやリズムを読むアプリです。 ただ、実際に作ってみると、レース中のアニメーションだけでは十分ではありませんでした。走り終わ […]
【マイレース開発記録(22)】ゾーン表示の意味づけ
レース結果だけでは伝わらないもの マイレースでは、5匹のウサギがそれぞれのレーンを走り、順位やタイムが表示されます。 最初の実装では、この「順位」と「スピード」だけを結果として表示していました。 しかし、実際に動かしてみ […]
【マイレース開発記録(21)】UIとUXの再設計
画面が動くだけでは足りないと気づいた この時期の「マイレース」は、すでに基本的な機能は動いていました。 生年月日、出生時間、出生地、そして眺めたい日を入力すると、5匹のうさぎがそれぞれのレーンを走り、順位やメッセージが表 […]
【マイレース開発記録(20)】メッセージロジック最終版
結果画面に「意味」を持たせる マイレースでは、レースの結果として「順位」「タイム」「ジャンプ状態（HIGH / NORMAL / LOW）」が表示されます。 しかし、これだけではただのミニゲームの結果に近くなってしまいま […]
【マイレース開発記録(19) 】レスポンシブ対応の混乱
フロントエンドの調整も終盤に近づき、PCではほぼ思った通りに動くようになっていました。うさぎのレースも安定して描画され、結果のスコアボードも問題なく表示されます。 しかし、この段階で大きな問題に気づきました。 スマートフ […]
【マイレース開発記録(18)】CSSグロー演出の試行錯誤
フロントエンドの実装がある程度形になってきた頃、私は「見た目の演出」に手を入れ始めました。 マイレースは、ただ結果を表示するアプリではなく、レースを“眺める体験”そのものを楽しむアプリにしたいと考えていたからです。 その […]
【マイレース開発記録(17)】ジャンプロジックの破綻
――「跳ねる」表現をどう作るか マイレースでは、ウサギの「速さ」だけでなく、もうひとつ大切な要素があります。 それが ジャンプ（跳ね） です。 レースの順位は「外側の流れ」、ジャンプは「内側のリズム」を表すための要素とし […]