1
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?

完全AI手動で診断サイトが完成した話 - シンダンネオ

1
Posted at

タイトルのとおりです。
コードがほぼ書けない自分が、AI(Claude Code)に指示を出し続けるだけで、性格診断サイトを1つ、ちゃんと公開できるところまで完成させました。

作ったもの → シンダンネオ(性格診断サイト)

  • Google ログインあり
  • 月額課金(Stripe)あり
  • 診断は全10種類 × 各8タイプ = 80パターンの結果

…という、個人開発としてはそこそこ本格的なやつです。これを、自分は日本語で指示を出していただけで作りました。その過程が思った以上に面白かったので、技術の話は最小限にして「AIにどこまで任せられて、人間は何をやったのか」を中心に書きます。


まず前提:自分のスペック

  • 職業はエンジニアではない
  • コードは雰囲気しか分からない。git と言われてもピンとこないレベル
  • でも「こういうサイトがあったら面白いのに」というアイデアはよく浮かぶ

要するに 「作りたい人」ではあるけど「作れる人」ではなかった タイプです。今まではアイデアが浮かんでも、そこで止まっていました。


やったこと:AIに「会社」を作らせた

使ったのは Claude Code という、ターミナルの中で動く AI エージェントです。コマンドというより、チャットで日本語の指示を出すと、勝手にファイルを作って、コードを書いて、動かして、エラーが出たら自分で直す、という働き方をします。

途中から面白かったのが、AIに 「複数のエージェントを使って、司令塔・開発者・レビュー担当に役割分担して進めて」 とお願いできたこと。すると本当に、

  • 方針を決める担当
  • 実際にコードを書く担当
  • 書かれたコードを点検する担当

…みたいに分かれて、並列で作業が進んでいきます。自分は社長というか、発注者として「これ作って」「ここ直して」「これは違う」と言うだけ。1人で会社を経営している感覚に近かったです。


人間(自分)がやったこと

「AIが全部やった」と言いつつ、人間にしかできない仕事もちゃんとありました。

1. 何を作るか決める

ターゲット(10代後半〜20代)、診断のテーマ、サイトの雰囲気。ここは自分で決めました。AIは「決めてくれ」と言えば候補を出してくれますが、最終的に選ぶのは人間です。

2. 方向性のダメ出し

キャラのイラストを生成させたとき、最初は幼稚すぎる絵柄が出てきました。「ターゲット層的にこれは子どもっぽすぎる」と伝えると、ちゃんと大人っぽい方向に作り直してくれる。この「違う」と言う仕事が、地味だけど一番大事だった気がします。

3. アカウント作成とキーの貼り付け

Google ログインや Stripe(決済)を動かすには、自分でアカウントを作ったり、管理画面で発行された鍵をコピーして渡す手作業が必要でした。ここはさすがに AI の代わりにポチポチやりました。とはいえ AI が「この画面のこのボタンを押して」「このIDをここに貼って」と手順を全部ナビしてくれるので、迷子にはなりませんでした。

4. お金の見張り番

これは後述しますが、AIに任せきりにすると勝手にお金のかかる処理を走らせようとすることがあります。なので「有料の画像生成は勝手にやらないで」と最初にルールを決めておきました。


AIがやってくれたこと(ほぼ全部)

逆に、技術的なところはほとんど丸ごとお任せでした。

  • サイトの設計とデザイン
  • 全部のコードを書く
  • 診断ロジック(回答からタイプを判定する仕組み)
  • Google ログインの仕組み
  • 月額課金(Stripe)の組み込みと、本番用の設定
  • データベースの用意
  • キャラクター画像の生成
  • 本番公開(デプロイ)
  • アクセス解析(Googleアナリティクス)の設置
  • 書いたコードの自己点検

特にデプロイ(インターネットに公開する作業)は、自分が一番ビビっていた工程でした。でも「公開して」と言ったら本当に公開されて、独自ドメイン(shindanneo.com)まで繋がって、世界中からアクセスできる状態になっていて、普通に感動しました。


面白かった/ヒヤッとしたエピソード

AIが勝手に課金画像を作ろうとする

キャラ画像はAIで生成するのですが、これは1枚ごとにお金がかかります。最初の頃、確認なしでどんどん生成しようとしたので、「お金がかかってるんだから勝手に生成しないで」とルール化。以降はちゃんと「これ生成していい?」と聞いてくるようになりました。AIにもお財布の意識を持たせる必要があります。

AI自身がセキュリティの穴を見つけて塞いだ

完成後に「コード全体をレビューして」とお願いしたら、AIが自分で書いたコードを点検して、**「有料会員限定のはずの文章が、実はページのソースに丸見えになっている」**という結構マズい問題を発見しました。しかも本番サイトを実際にチェックして「ほら、これで全部読めちゃいます」と証拠まで出してくる。そのうえで直し方を提案して、修正して、再公開まで一気にやってくれました。自分では絶対気づけなかったやつです。

規約の文面まで相談できる

「返金には対応しない方針にしたい」と言ったら、利用規約の該当箇所を書き換えてくれました。しかも「完全に一切返金しないと書くと、日本の法律的に逆に無効になりやすいので、こういう例外文を残しておくのが安全です」と法律寄りのアドバイスまで付けてくる。便利すぎる。


やってみて思ったこと

技術がなくても「決める人」になれば作れる

今回いちばん実感したのはこれです。手を動かす部分はAIが全部やれる時代になっていて、人間に残るのは 「何を作るか」「どっちがいいか」「これは違う」を決める仕事。むしろそこがサービスの良し悪しを決めます。

ただし「丸投げ」は危険

一方で、完全に任せきりにするのは怖いとも思いました。お金のかかる処理を走らせたり、セキュリティの穴に気づかなかったり。「ちゃんとチェックして」「勝手にこれはやらないで」と言える人間が横にいることが、まだ必要です。AIは超優秀な部下ですが、責任を取るのは発注者の自分なので。

完成まで持っていけるのが一番すごい

ChatGPT 等に部分的にコードを書いてもらった経験がある人は多いと思います。でも今回すごかったのは、アイデアから本番公開・課金まで「最後まで」到達できたこと。途中で力尽きないのが、エージェント型AIの本当の強みだと感じました。


まとめ

  • コードが書けなくても、AIに指示を出し続ければサイトは完成する
  • 人間の仕事は「決める」「方向を直す」「お金とリスクを見張る」
  • 丸投げはNG。でも「相棒」として使うと、1人で会社を回しているような開発ができる

そんなふうにして出来上がったのがこちらです → シンダンネオ。クラスでのポジションや深夜テンション、推しへの沼り方なんかを診断できます。よかったら遊んでみてください。

「自分もアイデアはあるけど技術がなくて諦めてた」という人の背中を押せたら嬉しいです。質問あればコメントどうぞ。

1
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
1
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?