【国内正規品】MonsGeek(モンスギーク) FUN60 Pro SP 有線モデル HEセンサー 0.01mm ラピッドトリガー対応 磁気スイッチ Akko Glare Magnetic Switch 英語配列 テンキーレス サイドプリント 有線8K ホットスワップ SnapKeys (SOCD)対応 ARGB対応 高コスパ ゲーミングキーボード White
￥5,980 (2025年4月30日 13:06 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
USB Type C ケーブル 【1m+1m+2m+2m/4本】タイプc ケーブル PD対応 60W急速充電】データ転送 断線防止 高耐久ナイロン iPhone 16 /iPhone 15 / MacBook、iPad Pro/Air、Galaxy、Sony、Pixel Type C機種対応
￥798 (2025年4月30日 13:06 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エラー対策をしながらサーバーと連携
２. バックエンド（Go）
- GoでREST APIサーバー作成
- データベース接続（MySQL）
- APIエンドポイントの実装
- ログイン認証
３.インフラ（AWS）
- EC2インスタンス立ち上げ（Amazon Linux2）
- ドメイン設定（Route53）
- Goサーバーをsystemdで管理（myblog.service作成）
- Let’s EncryptでSSL証明書取得
- HTTPS通信に対応（443ポート対応）
４. その他 セキュリティ諸々
総括
基本的にはChatGPTと共に制作したが、とってもいい。学習にもなる。
まずはハンズオンで進めて正解だったなと感じた。
詳しい制作過程は次回以降に随時配信していく。
途中で作ってみたくなったアーキテクチャ図 あっているかわわからないが、作ってみたくなった。
Views: 2
usb c ケーブル【1m+1m+2m+2m 4本】タイプc ケーブル Type C 3A急速充電 QC3.0対応 急速充電 PD対応 ナイロン編み 断線防止iPhone 16/15 Samsung/Note/Huawei Sony Xperia Nintendo Switch/GoPro その他Android USB-C機器対応
￥799 (2025年4月30日 13:11 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
