AIと一緒にWebサービスM55をつくるまで｜企画・開発の記録

プログラミングを専門的に学んだこともなかった私が、AIを使いながらWebサービスを作っています。

ただ、これは「AIを使えば一瞬でサービスが完成する」という話ではありません。

最初から技術があったわけではありません。
完成形が見えていたわけでもありません。
今もまだ、完成したと言い切れる段階ではありません。

一番大きかったのは、コードが書けなかったことではありませんでした。

何を入れて、何を削るのか。
どこまで形にして、どこから先は今は出さないのか。
何を公開して、何をまだ整えるべきなのか。

その判断には、今も迷うことがあります。

だからこそ、ひとつずつ言葉にし、
小さく切って、確認しながら進めるようになりました。

この記事は、何も作れなかった人間が、AIと何度も話しながら、頭の中にあったものを言葉にし、削り、直し、Web上で触れる実物に近づけていった記録です。

この記事に出てくるM55は、私が現在開発しているWebサービスです。
まだ完成品ではありません。動作を確認できる入口はありますが、画面の言葉、入力の流れ、表示の仕方、誤解されない説明を、今も見直しながら作っています。

この記事は、M55を売るための記事ではありません。

ここで書きたいのは、開発未経験の人間でも、AIに丸投げするのではなく、考えを言葉にし、違和感を直し、確認しながら進めれば、Web上で触れる実物に近づけることがある、ということです。

私はそのことを、自分の体験として書いてみたいと思いました。

【1】私は、作る側の人間ではなかった

システム開発の経験はありませんでした。
プログラミングを専門的に学んだこともありません。
Webサービスを作ったこともありません。

以前から、個人で商品の企画や販売に関わることはありました。
ただ、それはシステム開発とはまったく別の世界です。

自分で商品設計を考える。
どう見せれば人に伝わるかを考える。
どうすれば受け取る人が迷わないかを考える。

そういう感覚は、少しだけありました。

でも、Webサービスを作るとなると話は別です。

AIを初めて触ったのは、2025年10月ごろです。

最初は、本当にただ質問を投げてみるだけでした。

「こういうことを考えているんだけど、どう思う？」
「これは人に伝わると思う？」
「こういう見せ方は成立すると思う？」

専門的な使い方ではありません。
ただ、頭の中にあることをAIに向かって話しかけていただけです。

そこから11月ごろになって、私はM55という形に本格的に向き合い始めました。

自分の中には、ずっと気になっていたテーマがありました。

人の考え方のパターン。
物事の受け取り方。
何かを選ぶ時に出やすい癖。
自分では気づきにくい傾向。

そういうものを、Web上で読める文章や画面の流れにできないか。

それが、M55の最初の出発点でした。

ただ、その時点ではまだ、サービスと呼べるものではありませんでした。

頭の中にあるのは、断片的な考えだけです。
面白いかもしれない。
誰かの役に立つかもしれない。
でも、どう形にすればいいのか分からない。

その曖昧なものを、まずは言葉にするところから始まりました。

【2】最初にやったのは、コードではなく「整理」だった

M55は、コードから始まったわけではありません。

最初にやっていたのは、頭の中にある材料を並べることでした。

自分は何に興味があるのか。
何を人に届けたいのか。
その文章を読んだ人は、何を受け取るのか。
これは人の役に立つのか。
ただ自分だけが面白いと思っているだけではないのか。

そういうことを、AIに話しながら整理していました。

最初は、「材料を増やせば増やすほど良くなる」と思っていました。
いろいろな見方を入れれば深くなり、たくさんの要素を重ねればすごくなり、複雑にすれば価値が上がると信じていました。

でも、実際には逆でした。

情報が多すぎると、読む人は疲れます。
深くしようとするほど、分かりにくくなります。
作り手がこだわるほど、読者から遠ざかることがあります。

大事なのは、材料の多さではありませんでした。

自分の考えが、作れる順番に整理されているか。言葉が難しすぎないか。AIに渡せるくらい、具体的になっているか。

AIに聞けば、答えはたくさん返ってきます。
だからこそ、逆に迷うこともあります。

どれを使えばいいのか。
何を削ればいいのか。
どこまで入れればいいのか。
どの言葉なら人に届くのか。

その判断は、AIが勝手にやってくれるわけではありません。

AIは、材料を並べるのは得意です。
言い換えもしてくれます。
構成案も出してくれます。

でも、最後に「これは残す」「これは今は出さない」と決めるのは、自分でした。

最初に必要だったのは、プログラミングではなく、自分の考えを言葉にすることでした。

そして、その言葉を何度も見直しながら、AIに渡せる順番、実際に作れる順番へ並べ替えることでした。

【3】AIは答えを出す機械ではなく、鏡だった

AIを使い始めた頃、私はAIを「答えを出してくれるもの」だと思っていました。

分からないことを聞けば、答えてくれる。
文章を作ってくれる。
アイデアを出してくれる。
自分にはできないことを、代わりにやってくれる。

もちろん、それは間違いではありません。

でも、M55を作る中で一番役に立ったのは、そこだけではありませんでした。

一番大きかったのは、AIが「考えを整理する相手」になったことです。

自分の頭の中にあることを、AIに向かって書く。
AIが返してきた答えを見る。
そこで違和感を覚える。
その違和感をもう一度書く。
また返ってくる。
また直す。

この繰り返しでした。

AIの答えをそのまま使ったわけではありません。

むしろ、AIの答えを見て、

「これは違う」
「これは冷たい」
「これは人が読んでも分からない」
「これは機械っぽい」
「これは自分の作りたいものではない」

と気づくことが多かったです。

つまり、AIは正解をくれる先生というより、自分の考えを映す鏡に近かったのだと思います。

鏡は、こちらが向き合わなければ何も映しません。
曖昧なまま立てば、曖昧な姿が映ります。
少しだけ言葉にして差し出せば、その言葉の足りなさも、違和感も、形になって返ってきます。

自分だけで考えていると、頭の中でぐるぐる回って終わってしまいます。

でも、AIに話すと、形になって返ってきます。
形になって返ってくるから、違うところが見える。
違うところが見えるから、また直せる。
直すうちに、少しずつ自分の考えがはっきりしてくる。

M55は、そうやって少しずつ輪郭が出てきました。

最初はぼんやりした線でした。
でも、AIに映し、違和感を見つけ、もう一度直すたびに、その線は少しずつ濃くなっていきました。

【4】思いつきは、そのままでは開発にならなかった

最初にあったものは、ただの思いつきでした。

自分では面白いと思っていても、
それをそのままAIに投げても、すぐに形になるわけではありません。

「こういうものを作りたい」
「こういう画面がほしい」
「こういう流れにしたい」

そう思っていても、最初は自分の中でも整理できていませんでした。

作りながら何度もぶつかったのは、
コード以前に、何を作るのかを言葉にできていないことでした。

最初の私は、自分の考えていることをできるだけ多く入れようとしていました。

でも、全部を入れようとすると、
AIへの指示も長くなり、画面も複雑になり、
自分でも何を優先すればいいのか分からなくなります。

大事だったのは、思いつきをそのまま全部出すことではありませんでした。

まず一文にすること。
次に、必要なものと今は入れないものを分けること。
最後に、どの順番で作るのかを決めること。

そこまで整理して、ようやくAIにも伝えられるようになりました。

思いつきは、持っているだけでは開発になりません。

言葉にして、削って、順番を決めて、
小さく作れる形にして初めて、実装の入口に立てるのだと思います。

【5】一番手が止まった日のこと

途中で、完全に手が止まった時期がありました。

M55の画面はある。
文章も入っている。
動作を確認できる入口もある。
ログインや保存の流れも少しずつ形になっている。

それでも、何かがずれている感じが消えませんでした。

その頃の私は、M55にどんどん要素を詰め込もうとしていました。

表示する内容をもっと細かく分けたい。
もっと深くしたい。
もっと詳しくしたい。
もっと自分が考えたものを反映したい。

最初は、今よりずっと膨大な構想がありました。

継続して使える形。
状態が見える表示。
表示する内容をもっと細かく分ける仕組み。
今より多い文章の分岐。
画面の中に表示する説明カードや補足文。
さらに先へ進む導線。

どれも、考えている時は必要に見えました。

AIに聞くと、一見よさそうな提案がいくつも返ってきます。

これも入れられる。
あれも広げられる。
この説明も足せる。
この切り口も面白い。

私は、それを全部入れようとしていました。

足せば足すほど良くなると思っていたからです。

でも、作っている途中で、ふと止まりました。

このまま全部入れていいのか。
今のM55に本当に必要なのはどこまでなのか。
逆に、今はまだ入れない方がいいものは何なのか。

そこが分からなくなったのです。

止まっていたのは、画面そのものの読み方ではありません。
もっと手前の判断でした。

どこまで入れて、どこから削るべきなのか。
何を今は残して、何をまだ出さない方がいいのか。

考えていたものを入れたい気持ちはありました。

時間をかけて考えた構想を残したい。
AIと何度もやり取りして出てきた案を、簡単には捨てたくない。
せっかく思いついたものを、なかったことにはしたくない。

でも、全部を入れようとするほど、作る順番がぼやけていきます。

何から実装すればいいのか。
どこまでを今回の作業にするのか。
何を後回しにするのか。

そこが曖昧になるほど、AIへの指示もぼやけていきました。

そこに気づいた時、かなり痛かったです。

私は、実物を作っているつもりで、実際には自分の考えを全部残そうとしていました。

そこから、削ることを覚えました。

削ると決めてからも、何を削ればいいのかすぐには分かりませんでした。

「これは要らない」と思っても、作った時間を考えると手が止まります。
「でも、これを入れると今回の実装範囲がぼやけるかもしれない」という感覚と、何度も戦いました。

結局、AIには「これは必要か」と聞くよりも、
「今作るべき最小の範囲はどこか」
「この機能を確認するには、まず何を作ればいいか」
と聞くようになりました。

すると、AIはまた鏡のように返してきます。

自分では見慣れてしまった言葉。
説明したつもりになっていた箇所。
作り手の都合で残していた導線。
作る目的よりも、自分のこだわりを優先していた部分。

何度か繰り返していると、同じように分かりにくいと言われる場所が見えてきます。

そこを削りました。

今思うと、この「削る」作業こそが、M55を作る中で一番大事だったのかもしれません。

足すより、引く方が難しかったです。

削るたびに、M55は少しずつ、自分の考えを全部置く場所ではなく、実際に動かせる形へ近づいていきました。

【6】一人で作った、の意味

M55を見た人の中には、「これを本当に一人で作ったのか」と思う人もいるかもしれません。

M55には、画面、入力、保存、ログイン、表示、確認など、単なる文章ページだけではない要素があります。

ただし、まだ完成品ではありません。
今も、どの言葉を出すか、どこまで説明するか、どの導線を残すかを、動かしながら見直しています。

ここでいう「一人で作った」は、AIを使わずに全部のコードを書いたという意味ではありません。

むしろ逆です。
AIを使ったからこそ、ここまで来られました。

ただ、外注チームに任せたわけでも、誰かに丸投げしたわけでもありません。

何を作るか。
何を残すか。
どこで止めるか。
何を公開するか。
どの言葉を使わないか。
どこを壊してはいけないか。

その判断だけは、最後まで自分で持っていました。

文章を整えるAI。
実装を助けるAI。
矛盾や危険な表現を見つけるAI。

それぞれに役割を持たせながら、最後に進めるか止めるかを決める。

私にとってAIを使うことは、自分の代わりに全部やってもらうことではありませんでした。

むしろ、AIに任せる時ほど、「何をしてはいけないか」を先に決める必要がありました。

使わない言葉。
壊してはいけない流れ。
変えてはいけない目的。
読者に誤解させてはいけない表現。

そこを曖昧にしたまま進めると、AIはそれらしい答えを出してくれます。

でも、自分の作りたいものからは少しずつズレていきます。

AIを使うほど、人間側の判断が消えるわけではありませんでした。

むしろ、AIを使うほど、どこで止めるかを決める人間が必要でした。

便利な道具があるほど、進む速度は上がります。
でも、速度が上がるほど、間違った方向へ進んだ時のズレも大きくなります。

だからこそ、私は何度も止まりました。

止まることは、遅れることではありませんでした。
壊さないために必要な作業でした。

【7】形は何度も変わった──実装できる粒度に分けるまで

M55は、作りながら何度も形が変わりました。

最初に考えていたものと、今のM55はかなり違います。

2025年10月にAIを初めて触り、11月ごろからM55として本格的に向き合い始めました。
最初は、今のような形が見えていたわけではありません。

頭の中にある考えを整理する。
文章にしてみる。
読んだ人が受け取れる流れを考える。
画面にしたらどうなるかを考える。
必要なものと、いらないものを分ける。

そういう作業が続きました。

その後、開発を助けるAIツールも本格的に使うようになりました。

ただ、それも最初から自動で何でも作ってくれるものではありません。

何を作りたいのか。
どこを変えていいのか。
どこは壊してはいけないのか。
何を確認してから次へ進むのか。

そこを決めるのは、最後まで自分でした。

作りながら、見せ方も何度も考えました。

最初に何を作るのか。
どこまで説明するのか。
どこから先はまだ作らないのか。
一度で完成させようとせず、どこまでを今回の確認範囲にするのか。

最初は、自分の中にある仕組みをそのまま出せばいいと思っていました。

開発未経験の自分に必要だったのは、

「いま何を作ろうとしているのか」
「どこから手をつけるのか」
「何を今は作らないのか」
「次にAIへ何を頼むのか」

を、毎回小さく決めることでした。

そこに気づいてから、M55は少しずつ今の形に近づいていきました。

そして今も、M55そのものを見直しています。

入力の流れを分かりやすくすること。
確認画面を入れること。
説明を誤解されにくい言葉にすること。
必要なものと、今は出さないものを分けること。

そういう改善を続けています。

M55は、今も開発中です。

画面、入力、表示、保存、説明文。
どれも一度作って終わりではなく、動かして確認し、分かりにくいところを直しながら進めています。

この記事で書きたいのは、M55の機能説明ではありません。
未経験でも、作りたいものを小さく分け、AIに渡せる形にしていけば、少しずつ実物に近づけるということです。

【8】作れる形にするには、面白いだけでは足りなかった

自分の中で面白いものを考えることと、
それを実際に作れる形に分けることは違います。

ここは、作っていて何度も痛感しました。

画面にするなら、何を最初に表示するのか。
入力させるなら、何を入力してもらうのか。
保存するなら、何を保存して、あとで何に使うのか。
AIに頼むなら、どこまでを一回の作業にするのか。

そこまで分けないと、AIにも正確に頼めませんでした。

こういうことを、一つずつ考える必要がありました。

私は、システム開発者として始めたわけではありません。
だからこそ、画面や機能を作る前に、
「自分は何を作ろうとしているのか」を何度も言葉にする必要がありました。

自分が初心者だから、難しい言葉を見た時に嫌になる気持ちが分かります。
意味の分からない横文字が並んでいたら、その時点で読むのをやめます。
「簡単です」と言われても、説明が難しければ信じられません。

だから、AIに頼む時も、なるべく難しい言葉でごまかさないようにしました。

M55を作る中で、私は何度も言葉を削りました。

説明しすぎると、かえって分かりにくくなる。
便利に見せようとすると、逆に不安を与えることがある。
自分が分かっているつもりの言葉と、AIに正確に伝わる言葉は違う。

そこを何度も見直しました。

これは、開発そのものと同じくらい大事な作業でした。

そして、これからnoteで書いていくAIの使い方についても、同じようにしたいと思っています。

最初から難しい用語を並べるつもりはありません。

むしろ、最初に伝えたいのは、何も分からない人でも、まず自分の頭の中にあるものを言葉にするところから始められる、ということです。

【9】M55は、私にとって最初の実物になった

そうして形になってきたのが、M55です。

まだ完璧ではありません。
今も、言葉の見せ方、画面の流れ、読みやすさ、入力から表示までのつながりなどを磨いています。

でも、少なくとも、頭の中にあった思いつきは、実際に触れるものになりました。

初めて、画面上で自分の考えが順番を持って並んだ時、自分で作ったものなのに、自分で作ったものではないような不思議な感覚がありました。

頭の中にしかなかったものが、画面の中で順番を持って並んでいる。
ボタンを押すと、次の画面へ進む。
入力したものが、別の場所で表示される。
その時に、これはただのメモではなく、Web上で動く実物に近づいているのだと思いました。

私にとってM55は、「AIで何か作れたらいいな」という想像ではありません。

実際にWeb上で動く形まで近づけている、最初のサービスです。

そして同時に、M55を作る過程そのものが、もう一つの素材になるのではないかとも考えるようになりました。

なぜなら、私と同じように、何か始めたいけれど何から始めればいいか分からない人、AIを使えば何かできそうだけれどどう使えばいいか分からない人、自分には特別なスキルがないと思っている人は、多いと思うからです。

ただし、M55と同じ規模のものを、すぐに実現できるという話ではありません。

実際には、かなり複雑なこともやっています。
画面、入力、保存、表示、確認、修正。
そして、画面や説明が誤解されないように言葉を選ぶこと。

その一つひとつを安全に動かすには、何度も止まり、何度も確認する必要がありました。

だから、この記事で言いたいのは「同じものをすぐに作れる」ということではありません。

そうではなく、最初の一歩までなら、特別な人だけのものではないと思っています。

自分の中にあるものを言葉にする。
AIに見せる。
返ってきた答えを見て、違和感を直す。
少しだけ形にする。
また直す。

その小さな作業から、何かが始まることはある。

私は、M55を作りながらそう感じました。

【10】何かを始めたい人へ

もし、何かを作りたいと思っている人がいるなら、最初から技術を覚えようとしなくてもいいと思います。

もちろん、最終的には学ぶことも必要です。
調べることも必要です。
何度も失敗することもあります。

でも、最初の一歩はもっと小さくていい。

自分が何に興味があるのかを書き出す。
昔から気になっていたことを書く。
人に話したいことを書く。
自分が困っていたことを書く。
それをAIに投げてみる。
返ってきた答えを見て、「違う」と思うところを直す。
また話す。
また直す。

それだけでも、頭の中のものは少しずつ形になります。

AIを使うというのは、いきなりすごいものを作ることではないのかもしれません。

まず、自分の中にあるものを外に出すこと。
それを見える形にすること。
違和感を見つけること。
直すこと。
また見せること。

その繰り返しなのだと思います。

M55も、最初はただの思いつきでした。

頭の中にある時は、形がありません。
形がないから、人にも見せられません。
人に見せられないから、本当に必要なのかも分かりません。

でも、言葉にしてみる。
AIに見せてみる。
返ってきた答えに違和感を持つ。
その違和感を直してみる。
もう一度、形にしてみる。

その小さな繰り返しの先に、今のM55があります。

だから、この記事で一番伝えたいのは、AIを使えばすぐにWebサービスを作れる、ということではありません。

自分の中にあるものが、まだ名前のない思いつきだったとしても、それをもう少しだけ言葉にしてみることはできる。
もう少しだけ形にしてみることはできる。

その「もう少しだけ」から始まるものが、たしかにある。

私は、それをM55を作る中で知りました。

この記事の中で触れている、現在開発中の実例がM55です。

https://m-55.jp

現在も開発中です。
動作を確認できる入口はありますが、入力の流れ、説明文、表示の仕方などを今も改善しています。

この記事ではM55を勧めたいというより、開発未経験でも、AIを使いながらここまで形にできることがある、その実例として置いておきます。

これからnoteでは、M55を作る中で学んだことを少しずつ書いていきます。

AIに何を聞けばいいのか。
思いつきをどう整理すればいいのか。
AIをどう使えば、自分の考えを形に近づけられるのか。
一人で作る時に、どこで止まり、何を確認し、何を削るのか。

そういうことを、自分の体験として少しずつ残していくつもりです。

最後に、もし今これを読んでいて、頭の中にまだ形になっていないものがあるなら、いきなり大きなものを作ろうとしなくてもいいと思います。

まずは、それを一文だけ書いてみる。
AIに投げてみる。
返ってきた言葉を見て、「違う」と思ったところを直してみる。

それだけでも、自分の中にあったものは少し外に出ます。

M55も、最初はそこから始まりました。

名前のない思いつきが、何度も削られ、何度も直され、ようやく人に見せられる形に近づいてきました。

だから私は、これからもその過程を書いていきます。

完成したものだけではなく、迷ったこと、止まったこと、削ったこと、まだうまく言葉にできないことも含めて。

もしこの記録が、誰かの「もう少しだけ形にしてみよう」という一歩につながるなら。

M55を作る中で迷った時間も、止まった時間も、削った時間も、無駄ではなかったと思えます。

そして、もしあなたの中にもまだ名前のついていない思いつきがあるなら。

まずは一文だけ、外に出してみてください。

その小さな一文から、何かが始まることはあります。