前回は、アプリの主役となるタロット画像22枚を「public」フォルダへ適切に配置し、プログラムから呼び出しやすい状態を整えました。しかし、現在の状態ではただの「画像ファイルの集まり」に過ぎません。 第6回となる今回は、 […]
前回は、アプリの主役となるタロット画像22枚を「public」フォルダへ適切に配置し、プログラムから呼び出しやすい状態を整えました。しかし、現在の状態ではただの「画像ファイルの集まり」に過ぎません。 第6回となる今回は、 […]
前回は、開発した初期画面を「Wrangler」を用いてインターネット上へ本番公開（デプロイ）する、感動の瞬間を体験しました。インフラのパイプラインが安全に開通したことで、ここからは安心して「アプリの中身」を作り込んでいく […]
前回は、黒い画面（ターミナル）でコマンドを入力し、手元のパソコン（ローカル環境）でReactアプリが動く「開発の土台」を構築しました。しかし、前回の最後でお伝えした通り、http://localhost:5173/ とい […]
前回は、完成したアプリを世界へ届けるための「Cloudflare APIトークン（合鍵）」を安全に取得しました。インフラ側の準備が整った今、今回はいよいよ皆様のパソコン内（ローカル環境）に、アプリを開発するための「専用の […]
Webアプリを開発し、それを世界中のユーザーに届けるための最初の関門が「インフラ環境（サーバー）の準備」です。手元のパソコン（ローカル環境）でどれほど素晴らしいコードを書いても、それを配置する場所がなければ誰にも使っても […]
Webアプリ開発と聞くと、「プログラミングは難しそう」「環境構築の段階で挫折してしまいそう」と、一歩踏み出せずにいる方も多いのではないでしょうか。しかし、適切なツールと設計のセオリーさえ知っていれば、初心者であっても本格 […]