はじめに 皆様、こんにちは。『ねむりのガチャ』アプリ開発記の第8回です。 前回は楽しいガチャシステムを実装し、アプリとしての機能がほぼ出揃いました。しかし、Webアプリ開発において「機能を作って終わり」ということは絶対に […]
はじめに 皆様、こんにちは。『ねむりのガチャ』アプリ開発記の第8回です。 前回は楽しいガチャシステムを実装し、アプリとしての機能がほぼ出揃いました。しかし、Webアプリ開発において「機能を作って終わり」ということは絶対に […]
はじめに 皆様、こんにちは。『ねむりのガチャ』アプリ開発記の第7回です。 前回は、フロントエンドとデータベース（D1）を安全に繋ぐAPIを構築し、睡眠ポイントが確実に保存される仕組みを完成させました。ここまでの作業で、ア […]
はじめに 皆様、こんにちは。『ねむりのガチャ』アプリ開発記の第5回です。 前回までに、Firebaseによる安全なログイン機能と、Cloudflare D1による高速なデータベース（データの保管庫）が完成しました。今回は […]
はじめに 皆様、こんにちは。『ねむりのガチャ』アプリ開発記の第3回です。 前回は、開発を爆速化するための技術スタック（Cloudflare × Firebase）の選定理由についてお話ししました。今回はいよいよ、実際のプ […]
はじめに 前回は『ねむりのガチャ』アプリの企画と、MVP（最小限の実行可能な製品）として手動ボタン方式を採用するまでの経緯をお話ししました。 設計図とコンセプトが固まれば、次はいよいよ「どんな技術を使って家（アプリ）を建 […]
前回は、CSS Gridを活用して9枚のタロットカードを画面上に美しく整列させ、ユーザーに「直感で選ばせる」ためのUIを構築しました。しかし、ユーザーがカードをタップした瞬間に、パッと一瞬で結果画面に切り替わってしまって […]
前回は、深いグラデーションとすりガラス風のボタンを用いて、ユーザーを迎え入れる魅力的なトップ画面を構築しました。ユーザーが「今日の運勢」などのテーマをタップすると、いよいよ占いの本番となる「カード選択画面」へ遷移します。 […]
前回は、アプリの裏側で密かに動く「カードデータの定義」と、運命を決める「ランダムドローのロジック」を実装しました。今回からは、いよいよユーザーの目に直接触れる「表側の世界」、すなわちUI（ユーザーインターフェース）の構築 […]
前回は、開発した初期画面を「Wrangler」を用いてインターネット上へ本番公開（デプロイ）する、感動の瞬間を体験しました。インフラのパイプラインが安全に開通したことで、ここからは安心して「アプリの中身」を作り込んでいく […]
前回は、完成したアプリを世界へ届けるための「Cloudflare APIトークン（合鍵）」を安全に取得しました。インフラ側の準備が整った今、今回はいよいよ皆様のパソコン内（ローカル環境）に、アプリを開発するための「専用の […]