Brainの記事を「イケハヤ添削くん」の添削結果に合わせて５つのAIに加筆修正させてみた。

一度作成してKindle電子出版とBrainという情報商材販売プラットフォームで販売した原稿を、Brainでイケハヤさんから購入した「サブスタ攻略大全」（注１）

（注１）https://brain-market.com/search?q=%E3%82%B5%E3%83%96%E3%82%B9%E3%82%BF%E6%94%BB%E7%95%A5%E5%A4%A7%E5%85%A8&order=fav&searchType=keyword

という記事の中におまけでついてきた「イケハヤ添削くん」というChat GTPベースのGPTs　というアプリを使って添削してもらいました。

それで、上記の添削結果を、①ChatGTP,　② Gemini,　③ Cluade,　④ Manus, 　⑤Grokという５つのAIに読ませて、元の原稿を「イケハヤ添削くん」の指摘に合わせて修正した原稿を作らせてみた結果が本記事であります。

ちなみにKindle電子出版したオリジナルの（添削前の）電子書籍のURLは次のとおりです。

ここには、Antigravityと私がやりとりした生々しい記録がそのまま載っています。

プログラミング完全素人の私がAIだけで２つのWebサイトを公開した全記録

https://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%AE%8C%E5%85%A8%E7%B4%A0%E4%BA%BA%E3%81%AE%E7%A7%81%E3%81%8CAI%E3%81%A0%E3%81%91%E3%81%A7%EF%BC%92%E3%81%A4%E3%81%AEWeb%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E5%85%AC%E9%96%8B%E3%81%97%E3%81%9F%E5%85%A8%E8%A8%98%E9%8C%B2-%E3%82%B3%E3%83%BC%E3%83%89%E4%B8%8D%E8%A6%81%EF%BC%81AI%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%80%8CAntigravity%E3%80%8D%E3%81%A8%E4%BA%8C%E4%BA%BA%E4%B8%89%E8%84%9A%E3%81%A7%E6%8C%91%E3%82%93%E3%81%A0%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E6%A7%8B%E7%AF%89%EF%BC%86%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E5%85%AC%E9%96%8B%E3%81%AE%E3%83%AA%E3%82%A2%E3%83%AB%E5%AE%9F%E6%B3%81-TAD-SUZUKI-ebook/dp/B0H5WM6RTM/ref=sr_1_2?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=OZOMG9C3MAFB&dib=eyJ2IjoiMSJ9.JAo9-RbK6I9AhlLeREnIgwEIRYRPB2XP_uKYdke4iqj4Xes9ZrWBxwYFMMOuXTWcRM-FeMeYeb_qgfRRa4Lj08A2E4vFmZch8I5YdatwlNwTe8FES0SmSJAPDDALoHVmbdADATjFHPGXimItOkxvl0VeyhMcSpt1o2z75sSL-54.e10SfXtgTWNc3zg2jVnzYAAsP2tC74ydEz9oV44QanY&dib_tag=se&keywords=tad+suzuki&qid=1789296930&s=books&sprefix=tad+suzuk%E3%81%84%2Cstripbooks%2C197&sr=1-2

上のリンクが長すぎてうまく飛ばない場合次の著者のサイトから拾ってください。

（著者名は、Brainと違いますが、同じ著者の本です）　いろいろな本がでてきますが、プログラミング完全素人の私がAIだけで２つのWebサイトを公開したという本がありますので、それが（添削前の）電子書籍です。

https://www.amazon.co.jp/stores/TAD-SUZUKI/author/B00ARSQW4S?ref=ap_rdr&shoppingPortalEnabled=true

Brainの方の添削前記事はこちらです。

データベース付きの２つのサイトをAntigravityを使って作った全記録
https://brmk.io/dhvpSv

この２つのサイトで販売している原稿はまったく同じなのですが、それを前述の「イケハヤ添削くん」で添削してもらったら、次のような添削結果がかえってきました。

（以下は「イケハヤ添削くん」の出した添削結果そのものです）

今回の原稿は、単なるAI体験談ではなく、コードを書けない人でも、AIと会話しながらデータベース付きのWebサイトを作れるという実体験を伝える記事ですね。

題材は良いです。

ただし、現状のままでは「Antigravityの操作ログを読んでいる」印象が強く、読者が最後まで読み続ける理由が弱くなっています。

一番の改善ポイントは、AIとのやり取りを紹介する記事から、読者が自分も作ってみたくなる記事へ変えることです。

この記事の狙い

まず、記事の核をこう定義しましょう。

コードが書けない私でも、AIと会話しながら、データベース付きのWebサイトを2つ作り、実際に公開できました。

この一文を記事全体の軸にします。

現在の原稿には、手作り市サイト、イベントガイド、データベースの分離という3つの話があります。

それぞれに価値がありますが、読者が知りたいのは「Antigravityのログ」そのものではありません。

「自分にもできるのか」「どこまでAIに任せられるのか」「失敗したときはどうなるのか」です。

この3つに答える記事に変えましょう。

良いところ

1. 実際に2つのサイトを作っている

手作りマーケット

https://tezukuri.vercel.app/

イベントガイド

https://eventguide.vercel.app/

手作り市サイトとイベントガイドを制作し、公開まで進めた実体験があります。

単なるAIの紹介ではなく、読者が実際の成果物を確認できるのは強みです。

2. 失敗と修正の過程がある

最初はSQLiteで問題が起き、その後PostgreSQLやSupabaseへの切り替えを行っています。

この部分は、AI開発の現実を伝える材料になります。

「AIに頼めば一発で完成する」という話ではないことが伝わります。

3. 素人の目線がある

ご自身がコードを書けない立場から、AIとやり取りしてサイトを作った経験です。

技術者向けの解説ではなく、一般の読者に向けた体験談として価値があります。

優先して直すところ

1. 最初に「何がすごいのか」を伝える

現在の原稿は、GitHub、Vercel、Supabaseの説明から入り、その後に制作過程が続きます。

これでは、読者が本題に入る前に離脱する可能性があります。

読者が一番知りたいのは、サービスの定義ではなく、

「あなたが何を作れて、何が変わったのか」です。

改善案

最初に完成したサイトを見せます。

その後で、制作過程を紹介しましょう。

完成したサイト
何を作ったのか
自分はどこまで操作したのか
AIがどこまで担当したのか
途中で何が起きたのか
読者が自分で試すなら何が必要か

この順番が読みやすいです。

残す場面

理由 : 最初のサイト制作依頼 : AIへの指示がわかる

SQLiteからPostgreSQLへの変更 : 技術的な問題と解決がわかる

イベントガイドへの変更 : AIで既存サイトを改造できる

データベースが共有されていた問題 : AI開発の注意点がわかる

Supabaseへの切り替え : 実際の修正過程がわかる

それ以外の「待機しています」「完了しました」は、数行の要約で十分です。

導入文の改善案以下は、記事の冒頭にそのまま使える形です。

コードが書けない私が、AIと会話しながらWebサイトを2つ作って公開してみた。

私は、コードをほとんど書けません。

Webサイトを作るといっても、以前なら「専門家にお願いするもの」と考えていました。

ところが、最近のAIは少し違います。

作りたいものを日本語で説明すると、コードを書き、エラーを修正し、データベースを用意し、インターネット上に公開するところまで、一緒に進めてくれます。

今回、GoogleのAI開発ツール「Antigravity」を使って、実際に2つのWebサイトを作りました。

1つ目は、手作り市の主催者がイベント情報を掲載できるサイト。

https://tezukuri.vercel.app/

2つ目は、手作り市に限らず、さまざまなイベントを掲載できる「イベントガイド」です。

https://eventguide.vercel.app/

どちらも、私が作りたいサイトの内容を日本語で伝え、Antigravityと相談しながら制作しました。

最初からすべて順調だったわけではありません。

データベースの問題でサイトが表示されなくなったこともあります。

2つのサイトが同じデータベースを使ってしまい、片方に登録したイベントが、もう片方にも表示される問題も起きました。

それでも、AIと相談しながら修正し、最終的には実際にイベントを登録できるところまで完成しました。

この記事では、私がどのような指示を出し、どんなサイトができて、途中で何が起きたのかを紹介します。

「自分もAIでWebサイトを作ってみたい」と考えている方の参考になれば幸いです。

この導入では、読者に次の約束をしています。

「コードが書けない人でも、AIでどこまで作れるのかがわかる」

ここが、記事を読む理由になります。

見出し案

現在の「第1章」「第2章」「第3章」という構成は、記録としてはわかります。

ただ、読者の興味を引く見出しにすると、もっと読みやすくなります。

第1章　コードが書けない私が、最初に作ったサイト

手作り市の情報を掲載するサイトを作りたい
Antigravityに日本語で依頼してみた
どんなサイトが完成したのか
Vercelとデータベースまで用意できた

第2章　完成したサイトを、イベントガイドに改造してみた

手作り市専用サイトを、あらゆるイベントに対応させる
AIに既存サイトの変更を依頼する
イベントガイドとして公開する
実際にイベントを登録してみた

第3章　AIに任せても、トラブルは起きる

2つのサイトで同じイベントが表示された
データベースを分離することにした
Supabaseを使ってデータベースを新しく作る
接続エラーを修正して公開する

第4章　素人がAIでWebサイトを作ってわかったこと

AIに任せられる作業
自分で判断する必要がある作業
失敗したときに大切なこと
これからAIで作ってみたいもの

この記事で一番価値がある部分

私は、第3章のデータベース分離の話を、もっと目立たせることをおすすめします。

理由は、ここに「AIで作るときの現実」が出ているからです。

原稿では、最初に作った「tezukuri」と、そこから作った「eventguide」が同じデータベースを使っていたため、片方のサイトに投稿したイベントが、もう片方にも表示されてしまいました。

これは読者にとって、非常に参考になります。

単に、AIがすごい。素人でも作れた。という記事ではなく、

AIで作れる。ただし、データベースのような裏側の仕組みは、AIに任せるだけでなく、自分でも確認したほうがいい。という、実用的な記事になるからです。

この部分の見出し案

「AIが作ってくれたサイト、実は2つとも同じデータベースを使っていた」

これは続きを読みたくなる見出しです。

CTA案

今回の記事の目的は、まず「AIでWebサイトを作れる」という体験を読者に伝えることだと思います。

そのため、いきなり有料購読をお願いするより、返信や無料登録につなげるのが自然です。

記事末尾のCTA

文章

ここまで読んでいただき、ありがとうございました。

コードを書けない私でも、AIと相談しながらWebサイトを作り、公開するところまで進めることができました。

もし「自分もAIでサイトを作ってみたい」と思われた方がいらっしゃいましたら、ぜひ返信で教えてください。

どんなサイトを作ってみたいのか、私も聞いてみたいです。

今後も、AIを使って実際に作ったものや、制作中に起きたことを紹介していきます。

次に書くべき記事

この原稿は、1本で完結させるより、連載にすると強くなります。

次の記事

役割

AIにWebサイトを作ってもらうとき、最初に伝えるべきこと：初心者を集める無料記事

コードを書けない私が、AIに出した最初の指示　：　実践的な体験談

AIで作ったサイトが表示されなくなったときの話　：　トラブル解決記事

Webサイトにデータベースが必要な理由　：　初心者向け解説

AIで作ったWebサイトを、どうやって人に使ってもらうか：次の収益化・運用テーマ

特におすすめは、

「AIにWebサイトを作ってもらうとき、最初に伝えるべきこと」です。

今回の制作体験を、読者が実際に試せる記事へ変換できます。

総評

この記事は、**「AIを使えば、コードを書けない人でもWebサイトを作れる」**というテーマで、十分に読者を集められる可能性があります。

ただし、今のままだと制作記録が中心です。

次の3点を直すと、記事の価値が上がります。

冒頭で完成したサイトと、読者が得られることを伝える。
Antigravityとの会話ログを圧縮し、重要な場面だけ残す。
AIのすごさだけでなく、トラブルや自分で判断したことも見せる。

そして、記事の最後には、「私にも作れそう」と思った読者が、次の記事を読みたくなる導線を作りましょう。

この記事は、AIの機能紹介ではなく、「コードを書けない人がAIと一緒に何かを作った記録」として出すのがおすすめです。

そのほうが、読者との距離が近くなります。

（以上が「イケハヤ添削くん」の出した添削結果そのものです。）

それで、上記の添削結果を、いろいろなAIに読ませて、元の原稿に加筆修正させて、「イケハヤ添削くん」に沿った修正原稿を作らせてみよう。と考えました。それでChatGTP, Gemini, Claude, Manus, Grokという５つのAIにそれぞれ上に記載した「イケハヤ添削くん」の内容を読み込ませたうえでオリジナルのKindle電子出版とBrainで販売していた原稿をアップして修正原稿を作らせてみました。その結果、以外なことにChatGTP, Gemini, Claudeという有名なＡＩ御三家よりも、Manus, Grokという後続のＡＩの方が、よりよい原稿を仕上げてきたことです。　ここでは、ダメな順番でそれぞれが出してきた修正版原稿を順番に記載します。（ダメな順番なので、最初の方は、斜め読みでも飛ばし読みでもＯＫです。）

【一番ダメなもの：Claude】