前回は、CSS Gridを活用して9枚のタロットカードを画面上に美しく整列させ、ユーザーに「直感で選ばせる」ためのUIを構築しました。しかし、ユーザーがカードをタップした瞬間に、パッと一瞬で結果画面に切り替わってしまって […]
前回は、CSS Gridを活用して9枚のタロットカードを画面上に美しく整列させ、ユーザーに「直感で選ばせる」ためのUIを構築しました。しかし、ユーザーがカードをタップした瞬間に、パッと一瞬で結果画面に切り替わってしまって […]
前回は、深いグラデーションとすりガラス風のボタンを用いて、ユーザーを迎え入れる魅力的なトップ画面を構築しました。ユーザーが「今日の運勢」などのテーマをタップすると、いよいよ占いの本番となる「カード選択画面」へ遷移します。 […]
前回は、アプリの裏側で密かに動く「カードデータの定義」と、運命を決める「ランダムドローのロジック」を実装しました。今回からは、いよいよユーザーの目に直接触れる「表側の世界」、すなわちUI（ユーザーインターフェース）の構築 […]
前回は、開発した初期画面を「Wrangler」を用いてインターネット上へ本番公開（デプロイ）する、感動の瞬間を体験しました。インフラのパイプラインが安全に開通したことで、ここからは安心して「アプリの中身」を作り込んでいく […]
前回は、完成したアプリを世界へ届けるための「Cloudflare APIトークン（合鍵）」を安全に取得しました。インフラ側の準備が整った今、今回はいよいよ皆様のパソコン内（ローカル環境）に、アプリを開発するための「専用の […]
Webアプリ開発と聞くと、「プログラミングは難しそう」「環境構築の段階で挫折してしまいそう」と、一歩踏み出せずにいる方も多いのではないでしょうか。しかし、適切なツールと設計のセオリーさえ知っていれば、初心者であっても本格 […]