PR

claudeとvercelでリリースしてみる

ALL

2024.12.15

「脳死でリリースしたい」そんな私の超怠けプロダクトがスタートした。

やること

何を作るか決める
- とりあえず簡単にリリースまで持っていきたかったのでバックエンドなしでフロントエンドのみで作れるものを簡単に考えました
環境準備
- 以下のサービスに登録（全部してあったけど）
  - vercel
  - claude
  - ChatGPT
  - git
  - お名前.com
フロントエンドとりあえず環境だけ準備
- React.js,Next.js,shadcn/ui, tailwindcssの環境を用意して必要なものをインスコ
claudeに作りたいものをざっくり伝えて作らせる
- 環境情報を伝える
- 画面のイメージ、モデルを送る
- 画面内で必要なロジックを伝える
細かい調整を行う
- 画面、ロジック等で調整が必要な箇所は確実に出てくるので伝えてコードを吐き出させる
ChatGPTにキャッチ画像とメインアイコンとファビコンを作らせて組み込む
- 画像生成スレッドにぶん投げればおｋ
完成品ソースをgitにpush
vercelとgitを連携させる
- ここの手順も全てclaudeに出させました
お名前.comでドメインを取得してvercel内のプロジェクトで設定する

以上。

ここまでだいたい１人日くらいですかね。

けっこう面倒なロジックの処理書かせましたけど調整はすぐすみました。

正直、相当脳死状態でリリースまで持っていけました。

でもコンポネント設計、ツリー設計、レイアウト微調整、命名調整等は自分でやらんとダメですね。

後半２つはclaudeへの命令の仕方でどうにでもなると思いますが。

実は個人的にvercelでリリースするのは初めてなので、claudeさんに指示をもらいました。

リリースまで一瞬ｗ

まぁvercelが有能説もありますが。

簡単なページのリリース程度だったらツール使えばすぐリリースできますね。

LPとかだったらもうほぼコード書かなくてリリースまで持っていけそうだし、使わない手はないですね。

正直これじゃhtml/cssコーダーは駆逐されちゃいますね。

前職でhtmlとcssしか書けない、書く気がない人がいたけど元気かな…

今度バックエンドも込みで全部claudeに作らせてみます。