0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【勉強】自分が持ってない技術を勉強する話

0
Last updated at Posted at 2025-11-29

この記事について

今回の記事は私なりの新しい技術のキャッチアップ方法や勉強方法を公開します。
皆様流の勉強方法やこうした方が良いよっていうアドバイスがあれば教えてください。

背景

Webエンジニア歴1.5年のライトエンジニアのKuwadaです。
私は主に
フロントエンドはReact
バックエンドはPythonとNode.js
インフラはAWS
をメインとして使っていますがあるとき、Xでこんな感じのポストを見ました。

Webアプリを開発する時、よく使われるのはこんな感じ
フロントエンド:React.js / TailwindCSS
バックエンド:Go, Node.js
インフラ:AWS, GCP
これくらいはおさえておきたいね

これを見て、GoとGCPについて全く知らない自分は勉強してみたい!って思いました。

目的と方法

ということで、目的はGo言語とGCPを勉強することを目的としました。

勉強方法については、私は座学が苦手でとにかくまずは手を動かすことが好きなので推しAIのClaude君を使って、とりあえず簡単なTodoアプリを作ってGCPでデプロイしてみようと思いました。

そして、そのTodoアプリに改変を加えていくことで、Go言語を勉強していこうと思いました。

Todoアプリを作ってみる

まずはClaude君に要件を伝えてプロンプトか仕様ドキュメントを作ってもらいました。

以下の要素を踏まえたToDoリストアプリを作りたいです。プロンプトを考えてください。 
最終的にはGCPを用いてWeb上に公開することを考えてください。 
構成が出来たら.md形式でファイル化してください
・フロントエンド ... React TailwindCSS 
・バックエンド ... Go 
・機能 ... タスク管理(タスク名 タスク内容 見積もり時間 期限 優先度) 
・画面 ... タスク一覧画面 タスク編集モーダル  
・DB ... 最適なものを選んでください。

この結果、出来たmarkdownファイルをClaude Code for VS Codeを使ってWEBアプリの開発を頼みました。

するとDockerを使って動くTodoアプリが5分~10分で完成しました。
最近のAIは凄いですね。

出来たTodoアプリは以下のような構成でした。


  • フロントエンド:React/TailwindCSS/TypeScript/Vite
  • バックエンド:Go/Gin
  • DB:PostgreSQL
  • インフラ:Docker/GCP

GCPにデプロイする

アプリが出来たので次はGCPを使ってデプロイしてみようと思います。
GCPについての知識は全くないので、GCPにどんなサービスがあって、今回のアプリはどんなサービスを用いたらいいのか分かりません。
なのでここでもClaude君にお願いしてみます。

Claude君に「このアプリをGCPにデプロイする手順を教えて」とお願いすると、DEPLOYMENT.mddeploy-gcp.ps1deploy-gcp.shdeploy-simple.shという4ファイルを作ってくれました。

DEPLOYMENT.mdに従って手順を実行していくとエラーが出て、都度Claude君に投げ、またエラーが出て、Claude君に投げてを繰り返すこと1時間、ついにデプロイが出来ました。

これでとりあえずアプリの作成とデプロイが出来たので、次はこのアプリを改変していってGoとGCPついでにDockerも勉強していきます。

ありがとうございました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?