USB Cケーブル【1M 2本セット】 USB A to USB-C 急速充電 タイプc ケーブル 高耐久 PD対応 断線防止 データ転送 Type-c コード for iPhone 16/15 Pro/Plus/Pro Max、for MacBook Pro/Air/IPad Pro 12.9/11/Air 5th/4th Mini などTypec機種対応
¥999 (2025年4月29日 13:06 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)【最新型】Omikamo キーボード bluetooth 折り畳み式 ワイヤレス JIS標準日本語配列 ipad キーボード スマホ マルチペアリング タッチパッド付き iOS/Windows/Android/Mac/Google対応 無線 コンパクト 軽量 薄型 ipad mini パンタグラフ 充電式 (黒)
¥5,235 (2025年4月29日 13:11 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
今回、
Vite(React)+Go(サーバーサイド)+AWS(インフラ) を使って、
フロントエンド・バックエンド・インフラすべてを一人で構築してみた記録です。
私自身プログラミングスクールに通い、半年勉強したが、結局、学べたのはReactのみ、、
実際にデプロイして、みたいなのはやったことがなかった。
同じように「全部自分でやってみたい」と思っている方に向けて、
備忘録的にもまとめておきます!
できたHP
https://run4learning.com/
• フロントエンド:Vite + React
• バックエンド:Go(Golang)
• インフラ:AWS EC2 S3 Route53、Let’s Encrypt(SSL証明書)
- フロントエンド(Vite + React)
- ViteでReactプロジェクト作成
- axiosでAPI通信部分を実装
- CORSエラー対策をしながらサーバーと連携
2. バックエンド(Go)
- GoでREST APIサーバー作成
- データベース接続(MySQL)
- APIエンドポイントの実装
- ログイン認証
3.インフラ(AWS)
- EC2インスタンス立ち上げ(Amazon Linux2)
- ドメイン設定(Route53)
- Goサーバーをsystemdで管理(myblog.service作成)
- Let’s EncryptでSSL証明書取得
- HTTPS通信に対応(443ポート対応)
4. その他 セキュリティ諸々
総括
基本的にはChatGPTと共に制作したが、とってもいい。学習にもなる。
まずはハンズオンで進めて正解だったなと感じた。
詳しい制作過程は次回以降に随時配信していく。
Views: 2