Webアプリ開発 – WEBコンサル日誌

【番外編】完璧な設計図は不要？個人開発を成功に導く「アジャイル」な開発スタイル

2026年9月1日

全10回にわたるタロット占いアプリの開発チュートリアル、本当にお疲れ様でした！無事に世界へ向けてご自身のWebアプリを公開できたことと思います。今回は「番外編」として、私たちがここまでどのような「開発手法」を用いてアプ […]

2026年8月31日

全10回にわたってお届けしてきたタロットアプリ開発記も、ついに今回が最終回です。前回までに、美しいUIと魔法のようなアニメーション、そして占いのロジックがすべて完成し、ローカル環境（手元のパソコン）では完璧に動作するよ […]

2026年8月30日

前回は、CSS Gridを活用して9枚のタロットカードを画面上に美しく整列させ、ユーザーに「直感で選ばせる」ためのUIを構築しました。しかし、ユーザーがカードをタップした瞬間に、パッと一瞬で結果画面に切り替わってしまって […]

2026年8月29日

前回は、深いグラデーションとすりガラス風のボタンを用いて、ユーザーを迎え入れる魅力的なトップ画面を構築しました。ユーザーが「今日の運勢」などのテーマをタップすると、いよいよ占いの本番となる「カード選択画面」へ遷移します。 […]

2026年8月28日

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

2026年8月27日

前回は、アプリの主役となるタロット画像22枚を「public」フォルダへ適切に配置し、プログラムから呼び出しやすい状態を整えました。しかし、現在の状態ではただの「画像ファイルの集まり」に過ぎません。第6回となる今回は、 […]

2026年8月26日

前回は、開発した初期画面を「Wrangler」を用いてインターネット上へ本番公開（デプロイ）する、感動の瞬間を体験しました。インフラのパイプラインが安全に開通したことで、ここからは安心して「アプリの中身」を作り込んでいく […]

2026年8月25日

前回は、黒い画面（ターミナル）でコマンドを入力し、手元のパソコン（ローカル環境）でReactアプリが動く「開発の土台」を構築しました。しかし、前回の最後でお伝えした通り、http://localhost:5173/ とい […]

2026年8月24日

前回は、完成したアプリを世界へ届けるための「Cloudflare APIトークン（合鍵）」を安全に取得しました。インフラ側の準備が整った今、今回はいよいよ皆様のパソコン内（ローカル環境）に、アプリを開発するための「専用の […]

2026年8月23日

Webアプリを開発し、それを世界中のユーザーに届けるための最初の関門が「インフラ環境（サーバー）の準備」です。手元のパソコン（ローカル環境）でどれほど素晴らしいコードを書いても、それを配置する場所がなければ誰にも使っても […]