プログラミング 【第4回】React初心者入門！useStateで画面を動かそう！リアルタイム更新フォームの作り方
はじめに 以前紹介した第3弾では、「Props」と「配列のmap処理」を使って、データを外から渡して画面を組み立てる方法を学びました。 しかし、これまでの画面は一度表示されたらそのままの「静的」なものでした。Webアプリ […]
hisao5232
プログラミング 
プログラミング 【第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回目は、システム全体の概要と、プログラムから独自ドメインでテ […]
プログラミング 【コピペで動く】ノンプログラマー向けopenpyxlの使い方まとめ！Excel作業を一瞬で終わらせる方法
「プログラミングは初めて」という経理・事務担当者でも安心！PythonでExcelを操作するライブラリ「openpyxl」の超入門記事です。PCでの実行方法から、すぐに実務で使えるデータ転記コードまでステップ・バイ・ステップで丁寧に解説します。
プログラミング PythonのFastAPI vs TypeScriptのHono：2026年のモダンAPI開発で選ぶなら
PythonのFastAPIとTypeScriptのHonoを徹底比較！実行環境の思想の違いから、CRUDの実装コード例、Cloudflare WorkersやVPSへのデプロイ戦略まで、2026年のモダンAPI開発における選定基準を解説します。