プログラミング

プログラミング

【React × Cloudflare Workers × Hono入門】第2弾:React構築 D1データベース連携

HonoとCloudflare D1で構築したバックエンドに、Reactで作成したフロントエンドを連携させる方法を解説!fetchを使ってD1上のデータを画面に表示・新規追加するWebアプリを作成します。
プログラミング

【React × Cloudflare Workers × Hono入門】第1弾:HonoでToDoアプリの爆速CRUD APIを作ろう!

React×Cloudflare Workers×Honoで作るサーバーレスWebアプリ開発シリーズ第1弾!超軽量フレームワーク「Hono」を使って、ToDoアプリに必要なCRUD(追加・表示・更新・削除)APIを構築します。動作確認手順つき!
プログラミング

【2026年最新】Expo Goで始める!超初心者のためのAndroidアプリ開発入門

「スマホアプリを作ってみたいけど、環境構築が難しそう…」 そんな初心者の方に朗報です! Expo Goを使えば、重たい環境構築をすることなく、普段使っているJavaScript/TypeScriptの知識で、今すぐ自分の […]

プログラミング

【第6回】React初心者入門!useEffectでAPIからデータ取得!読み込み中・エラー表示まで実装しよう

ReactのuseEffectを使ってAPIからデータを発行・取得する方法を解説!初心者向けに「読み込み中(Loading)」や「エラー表示」の画面実装までコード付きで丁寧にレクチャーします。非同期処理の基本を押さえて、実用的なUIを作成しましょう。
プログラミング

【第5回】React初心者入門! React Routerで学ぶページルーティング基礎!SPAの仕組みから実装まで

Reactでのページルーティングを初心者向けに解説!従来のWebサイトとSPA(Single Page Application)の違い、react-router-domを使った画面遷移や404ページの実装手順をコード解説付きで詳しく紹介します。
プログラミング

【第4回】React初心者入門!useStateで画面を動かそう!リアルタイム更新フォームの作り方

【React超入門 第4弾】ユーザーの操作で画面を動かす「useState(状態管理)」とフォーム入力処理を解説!onChangeを使った文字の取得から、入力結果がリアルタイムで画面に反映されるライブプレビュー機能の作り方まで初心者向けに説明します。
プログラミング

【第3回】React初心者入門!Props(プロップス)を使ってパーツを使い回そう

【React超入門 第3回】コンポーネントにデータを渡して使い回す「Props」の基本を解説!1つのパーツから複数のプロフィールカードを作る方法や、プロも使う「分割代入」、配列データ(map)を使った繰り返し描画まで丁寧に学べます。
プログラミング

【第2回】React初心者入門!コンポーネント自作&CSS装飾でトップページを書き換えよう

【React超入門 第2回】初期画面をから自作のトップページに変更!HeaderやProfileCardなど代表的なコンポーネントの作成方法から、ReactでのCSSの当て方まで丁寧に解説。実際に動くWebアプリを作る楽しさを体験できます!
プログラミング

【第1回】React初心者入門! 最初の画面を表示するまで解説

「モダンなWebアプリを作ってみたい!」「Reactってよく聞くけど、どうやって始めればいいの?」そんなプログラミング初心者の方に向けて、今回はReact(リアクト)の基本から、自分のPCで初期画面を立ち上げるまでを、わかりやすく解説します...
プログラミング

【第3回】使い慣れた画面で運用!Cloudflare × Resendの独自ドメインメールをGmailで手動送受信できるようにする設定手順

維持費0円(無料枠内)で運用するモダンメールサーバー構築連載の第3回(最終回)です。 前回までで、プログラムがメールを自動解析して返信する「自動化の仕組み」が完成しました。 最終回となる今回は、使い慣れたGmailの画面 […]