GO-out-into-PG-world

このサイトは、自分が独学でプログラミング学習していく上で
学んだ内容をアウトプットしていく記録です。
Python JavaScript TypeScript サーバー構築がメインです。

プログラミング

【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を構築します。動作確認手順つき!
インフラ・サーバー

​【Cloudflare R2入門】D1やAmazon S3との違いからHono+Workersでの実践コードまで徹底解説

Cloudflare R2の概要からD1・Amazon S3との違い、料金体系(無料枠)まで徹底解説。転送量無料の強みを活かした活用法や、Hono + Cloudflare Workersを使った具体的なプロジェクト作成・ファイル操作のサンプルコードも紹介します。
インフラ・サーバー

【Cloudflare D1入門】概要からVPS比較、ローカル開発・本番デプロイまで完全ガイド

Cloudflare D1の概要と構築方法を初心者向けに解説!コマンドを打ちながら、ローカルでのDB作成・スキーマ適用・Honoを使ったAPI実装・本番デプロイまでをハンズオン形式で学べます。エラー対処法も網羅し、初めてでも迷わず構築可能です。
インフラ・サーバー

【保存版】ReactアプリをCloudflare Pagesで無料デプロイする方法!Vercelとの使い分けも解説

Reactで作ったWebアプリをCloudflare Pagesで無料デプロイする手順をわかりやすく解説!主要サービスの比較やGitHub連携による自動デプロイ方法、動的ルーティング([id])を使う際のVercelとの使い分けまで徹底網羅。
インフラ・サーバー

【初心者向け】Hono + Cloudflare Workersで爆速なWeb APIを作る方法

Cloudflare WorkersとHonoを組み合わせた超高速なWeb API構築手順を解説!両者の概要や相性の良さ、活用事例から、環境構築・プロジェクト作成・ローカル開発サーバーの起動まで、初心者にも分かりやすくまとめています。
プログラミング

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

Expo Goを使った初心者向けAndroidアプリ開発入門!他手法との比較から、プロジェクト作成コマンド、ディレクトリ構造解説、実機での開発サーバー起動まで分かりやすく解説します。環境構築ゼロで今すぐアプリを作ってみよう!
インフラ・サーバー

【2026年版】自作VPNはもう古い?Tailscaleで構築するポート開放不要&爆速な次世代プライベートネットワーク

Tailscaleを活用してVPSへ安全かつ簡単にSSH接続する方法を解説。面倒なポート解放や鍵管理、IP固定化は不要!セキュリティを劇的に向上させながら、PCやスマホから快適にサーバーへアクセスする手順を初心者向けに分かりやすく紹介します。
プログラミング

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

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

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

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