ポップアップ広告消し - ラムダ技術部
公開日: 2025/8/10
Web開発 Next.js CSS ラムダ技術部 レスポンシブ
概要
Youtubeチャンネル『ラムダ技術部』のラムダ氏が技術イベント向けに制作したゲーム「ポップアップ広告消し」を、iPad専用レイアウトから全デバイス対応へリファクタリング。CSSマジックナンバー依存のコードを責務分離し、保守しやすい構造へと刷新した。
期間
2025/06-2025/06（1カ月）
使用技術
- Next.js — ビルドとルーティングの共通化
- TypeScript — UIロジックの型安全性を確保
- Tailwind CSS — レスポンシブデザインとアニメーション調整
業務領域
- 既存コードの解析と改善方針の策定
- レスポンシブ対応とスタイルガイド再構築
- 状態管理およびテスト実装の整備
工夫点
- マジックナンバー依存のレイアウトをブレークポイント設計に置き換え
- ゲームロジックとUIを分離し可読性を向上