「コード書けない私」が1ヶ月でWebアプリ5個作った話 - AI時代の個人サロン構築術

2026-01-30 | 10 min read

AI開発 個人サロン 初心者

対象読者: プログラミング素人だけど、自分のサロンやサービスをWeb化したい35-45歳の方へ。「AIに聞けば何とかなるかも？」と思い始めたあなたに贈る、リアルな成功体験記です。

🤔 はじめに - 私も最初は「は？」でした

こんにちわ、もちスラAIラボの「もちスラ」です。

私はリラクゼーションセラピストとして働きながら、最近「AIとコーディング」を始めた者です。

正直言うと、プログラミングなんて完全に別世界だと思ってました。HTMLとかJavaScriptとか、そもそも何語？レベル。「コード？理解できる気がしない」と本気で思ってました。

でも、Antigravity（AI開発アシスタント） というツールを使ったら、1ヶ月で以下のものが作れてしまいました：

  1. 漢方診断Webアプリ - お客様向けの体質診断ツール
  2. ブログサイト - 和風デザインの美しいブログ
  3. クローズドSNS - 会員限定のコミュニティサイト
  4. 音声読み上げアプリ - AIが文章を読み上げてくれるツール
  5. カルテ管理システム - お客様の施術記録を自動整理

正直、自分でもびっくりしています。

💰 「普通にやったら」いくらかかる？

まず、これをWeb制作会社に頼んだらどうなるか計算してみましょう。

1. 漢方診断Webアプリ（AI診断機能付き）

普通の見積もり:
制作費: 80万円〜150万円
期間: 2〜3ヶ月

Antigravityで作った場合:
費用: 0円（自分で作成）
期間: 1週間（実働3〜4時間/日）
やったこと: AIに「こういう診断作りたい」と話しかけた → コードができた → デザイン調整を依頼 → 完成

節約額: 約100万円

2. ブログサイト（記事管理、シリーズナビ機能付き）

普通の見積もり:
制作費: 30万円〜50万円
期間: 1〜2ヶ月

Antigravityで作った場合:
費用: 0円
期間: 3日
やったこと: 「和風のミニマルデザインでブログ作って」→ 「記事間でシリーズ表示させたい」→ できた

節約額: 約40万円

3. クローズドSNS（招待制コミュニティ）

普通の見積もり:
制作費: 150万円〜300万円
期間: 3〜6ヶ月

Antigravityで作った場合:
費用: Firebaseの無料枠のみ（月0円）
期間: 2週間
やったこと: 「招待コードで入れるSNS作りたい」→ 「焚き火チャットみたいな演出にして」→ 完成

節約額: 約200万円

4. 音声読み上げアプリ（TTS機能）

節約額: 約65万円

5. カルテ管理システム（Obsidian連携、AI分析機能付き）

普通の見積もり:
制作費: 100万円〜200万円

Antigravityで作った場合:
費用: 0円
期間: 1週間

節約額: 約150万円

📊 合計すると…

項目 普通に外注 Antigravity 節約額
総費用 410万円〜780万円 0円 約600万円
総期間 10〜17ヶ月 1ヶ月 約1年短縮

🎯 じゃあ、どうやって作ったの？

ステップ1: AIに「やりたいこと」を話す（5分）

「漢方の体質診断を、お客様がスマホでできるようにしたいんだけど…陰陽五行のバランスを見て、結果を毒舌で表示する感じで」

こんな感じで、日本語で普通に話します。コードは書きません。

ステップ2: AIが計画を作る（10分）

AIが「じゃあこういう設計にしますね」と実装計画書を見せてくれます。
ここで「あ、これ違う」と思ったら言い直せばOK。

ステップ3: AIがコードを書く（30分〜1時間）

AIが勝手にコードを書きます。私は見てるだけ。
たまに「ここの色もうちょっと落ち着いた感じにして」と注文を出すくらい。

ステップ4: 動かしてみる（5分）

AIが「動かしてみましょう」とブラウザを開いてくれます。

ステップ5: 微調整して完成（1〜2時間）

「ここもうちょっとこうしたい」と言って、完成。

🤯 「え、でも私バカだから理解できなくない？」

大丈夫です。私もバカです。

実際にやってみてわかったコツ：

  1. 完璧を求めない: 「とりあえず動くもの」で十分です。
  2. 具体的な「イメージ」を伝える: 「いい感じで」より「和紙っぽく、茶色とゴールドで」と伝えます。
  3. わからない言葉はAIに聞く: 「APIって何？」と聞けば教えてくれます。
  4. 「動いたらOK」精神: 料理と同じ。レシピ通りに作って美味しければ、化学反応の詳細は知らなくていい。

💡 実例: 今日の作業「Study Files移行」

今日やった作業を例に、「普通の人がやったらどうなるか」 を説明します。

やったこと: 11個のHTMLファイルのコード整理（共通化）。

  • 手作業の場合: コピペ地獄で 約5〜6時間。ミスったら最初から。
  • Antigravityの場合: 「一括でやって」と言って 約8分。ミスなし。

時短効果: 約40倍。このレベルの作業を、プログラミング知識ゼロでもできるのが、AI時代の面白いところです。

⚠️ マウントおじさんに注意

ここまで読んで、周りの誰かに話したくなったと思います。でも、こう言われるかもしれません：

「作るのはいいけど、メンテナンスできないでしょ？バグ出たらどうすんの？結局エンジニア呼ぶしかないよ（ニヤニヤ）」

待って。それ、古い常識です。

🐛 実例: バグが出たのでAIに丸投げした話

実際に起きたバグと、その解決方法を紹介します。

事件発生

ブログサイトを作って数日後、スマホで見たらヘッダーの背景色がおかしいことに気づきました。

  • パソコン: ちゃんと表示される
  • スマホ: 背景が真っ白で見づらい

「うわ、壊れた…」と一瞬焦りました。

私がやったこと

Antigravityを開いて、こう言いました：

「スマホでヘッダーの背景色が出ないんだけど、何で？」

たったこれだけ。

AIの対応

  1. 原因調査: CSSファイルを解析し、モバイル用の変数が未設定であることを発見
  2. 修正案の提示: 「この部分を書き換えれば直ります」
  3. 実際に修正: AIがコードを自動修正
  4. 動作確認: 「直りました！」と報告

かかった時間: 約5分。

「メンテナンスできない」は幻想

プログラミング知識は一切必要ありませんでした。
「バグ出たらどうすんの？」への回答は、「AIに『これ変だよ』って言えば5分で直ります」 です。
AIがエンジニアです。しかも24時間365日無料で働いてくれます。

🌟 これ、個人サロン経営にどう活かせる？

  • 予約システム: Googleカレンダー連携で無料作成（外注30万円→0円）
  • 会員限定コンテンツ: パスワードページ作成（外注20万円→0円）
  • お客様アンケート: 自動集計フォーム（外注15万円→0円）
  • LINE風チャットボット: 自動応答システム（外注50万円→0円）

😱 「でも難しそう…」と思ってるあなたへ

実際に必要なスキル: ✅ 日本語が話せる（これだけ）

実際に必要な時間: 1日30分〜1時間

飲み会1回分くらいの費用で、一生モノのスキルが手に入ります。

📝 今日のまとめ

作ったもの（1ヶ月）: 漢方診断、ブログ、SNS、音声アプリ、カルテ管理
節約できたお金: 約600万円
必要だったスキル: 日本語だけ

私は本当に、HTMLって何？ レベルから始めました。
でも今、自分のサロンのWebサイトも、予約システムも、全部自分で作れるようになりました。

「できたらいいな」が「できた！」に変わる瞬間、めちゃくちゃ楽しいです。
あなたも、その感動を味わってみませんか？

もちスラ
リラクゼーションセラピスト × AI開発初心者
2026年1月30日