ポップアップ広告消し - ラムダ技術部

概要

Youtubeチャンネル『ラムダ技術部』のラムダ氏が技術イベント向けに制作したゲーム「ポップアップ広告消し」を、iPad専用レイアウトから全デバイス対応へリファクタリング。CSSマジックナンバー依存のコードを責務分離し、保守しやすい構造へと刷新した。

期間

2025-06-01/2025-06-30

使用技術

• Next.js | ビルドとルーティングの共通化
• TypeScript | UIロジックの型安全性を確保
• Tailwind CSS | レスポンシブデザインとアニメーション調整

業務領域

• 既存コードの解析と改善方針の策定
• レスポンシブ対応とスタイルガイド再構築
• 状態管理およびテスト実装の整備

工夫点

1. マジックナンバー依存のレイアウトをブレークポイント設計に置き換え
2. ゲームロジックとUIを分離し可読性を向上

成果物

• GitHub Pull Request
• ポップアップ広告消し