タブレット スタンド アルミ ホルダー 角度調整可能 Lomicall stand : 卓上 縦置き スタンド タブレット 置き台 デスク台 立てる 設置 aluminium テレワーク 在宅 ワーク Zoom 会議 タブレット対応(4~13'') ミニ エア プロ ipad 10 第十世代 ipad9 第九世代 ipad Air mini Pro第六世代 S7 S8 Note 対応 - シルバー
￥1,759 (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
BOMIE ライトニング タイプC 変換 2個セット PD27W/66W QC100W 急速充電 480Mbpsデータ転送(PC間のみ) PDチップ搭載 イヤホン/OTG対応不可 i-OSからタイプC変換コネクタ アルミ合金外装 M-acBook i-Phone15 16シリーズ i-Pad G-alaxy X-peria P-ixel AndroidなどType-C機器対応
￥999 (2025年4月30日 13:13 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
