スマホフォームの「押しづらい・見づらい」を改善！CSS余白設計と固定UI被り対策のテクニック

2026年9月28日

Webサイトをスマートフォンで閲覧している際、「入力欄同士の間隔が狭くて押しづらい」「次の項目の見出しと前項目の入力ボックスがくっついていて見づらい」と感じたことはありませんか？ 特に問い合わせフォームや応募フォームにお […]

【第5回】フロントエンド編：Reactで作る直感的な「寝る・起きる」ボタン

2026年9月20日

はじめに 皆様、こんにちは。『ねむりのガチャ』アプリ開発記の第5回です。 前回までに、Firebaseによる安全なログイン機能と、Cloudflare D1による高速なデータベース（データの保管庫）が完成しました。今回は […]

【第7回】トップ画面の構築：スマホアプリ風の洗練されたUIとダークテーマの実装

2026年8月28日

前回は、アプリの裏側で密かに動く「カードデータの定義」と、運命を決める「ランダムドローのロジック」を実装しました。今回からは、いよいよユーザーの目に直接触れる「表側の世界」、すなわちUI（ユーザーインターフェース）の構築 […]