プログラミング 【第6回】React初心者入門！useEffectでAPIからデータ取得！読み込み中・エラー表示まで実装しよう
ReactのuseEffectを使ってAPIからデータを発行・取得する方法を解説！初心者向けに「読み込み中（Loading）」や「エラー表示」の画面実装までコード付きで丁寧にレクチャーします。非同期処理の基本を押さえて、実用的なUIを作成しましょう。
プログラミング 
プログラミング 【第5回】React初心者入門！ React Routerで学ぶページルーティング基礎！SPAの仕組みから実装まで
Web開発でよく耳にする「ルーティング」。Reactではどのようにページ切り替えを実現しているのでしょうか？ 本記事では、従来のWebサイトとの違いやSPA（Single Page Application）のメリットを踏 […]
プログラミング 【第4回】React初心者入門！useStateで画面を動かそう！リアルタイム更新フォームの作り方
はじめに 以前紹介した第3弾では、「Props」と「配列のmap処理」を使って、データを外から渡して画面を組み立てる方法を学びました。 しかし、これまでの画面は一度表示されたらそのままの「静的」なものでした。Webアプリ […]
プログラミング 【第3回】React初心者入門！Props（プロップス）を使ってパーツを使い回そう
前回は、ヘッダーやプロフィールカードなどのコンポーネント自作とCSS装飾に挑戦しました。 しかし、前回のコードには1つ大きな課題がありました。 それは、「プロフィールカードに書かれた名前やテキストが固定（直書き）されてい […]
プログラミング 【第2回】React初心者入門！コンポーネント自作＆CSS装飾でトップページを書き換えよう
前回はViteを使ってReactの初期画面を表示させるところまで進めましたね！ 第2回となる今回は、あの初期画面を丸ごとリセットして、「自分だけのオリジナル・トップページ」 を作っていきます。 Webアプリ開発で超重要に […]
プログラミング 【第1回】React初心者入門！ 最初の画面を表示するまで解説
「モダンなWebアプリを作ってみたい！」「Reactってよく聞くけど、どうやって始めればいいの？」そんなプログラミング初心者の方に向けて、今回はReact（リアクト）の基本から、自分のPCで初期画面を立ち上げるまでを、わかりやすく解説します...
インフラ・サーバー 無料VPSのデータをGoogleドライブに自動バックアップする設定方法
エックスサーバーの無料VPS（仮想専用サーバー）を利用する際、最も気をつけたいのがデータの安全管理です。 万が一のサーバー障害や、更新忘れ、無料プランの予期せぬ停止に備え、データを自動で外部（Googleドライブ）にバッ […]
プログラミング 【第3回】使い慣れた画面で運用！Cloudflare × Resendの独自ドメインメールをGmailで手動送受信できるようにする設定手順
維持費0円（無料枠内）で運用するモダンメールサーバー構築連載の第3回（最終回）です。 前回までで、プログラムがメールを自動解析して返信する「自動化の仕組み」が完成しました。 最終回となる今回は、使い慣れたGmailの画面 […]
プログラミング 【第2回】受信メールを解析して自動応答！Cloudflare Email Routing ＋ postal-mime で文字化けのない自動返信システムを作ろう
サーバーの維持費を0円（無料枠内）に抑えるモダンメールサーバー構築連載の第2回目です。 前回は、ResendとCloudflare Workersを連携させてローカル環境で「プログラムからメールを送信する」ところまでを実 […]
プログラミング 【第1回】完全無料で構築するモダンメールサーバー！Cloudflare Workers × TypeScript × Resendで自動応答システムを作ろう
今回は、サーバーの維持費を永年0円（無料枠内）に抑えつつ、信頼性の高い独自ドメインのメール送受信環境を構築する方法を解説します。 全数回にわけて解説します。第1回目は、システム全体の概要と、プログラムから独自ドメインでテ […]