一緒に「参拝」しませんか？【Vibe Codingでお寺を作りました】

こんにちは、マナブです。
新しく「お寺」を作りました。

Vibe Codingで開発したWebサービスです。約１時間で作りました。少し解説します。

積み上げ寺の詳細について。

毎日のモチベーションを高めるサービスです。タスクを投稿し、周りに宣言するだけ。

論より証拠で、僕がAIに渡したプロンプトを元に解説します。まずは僕の思考プロセスから。

※下記は、僕の脳内の「壁打ち」です。

積み上げ寺について考える。

■ どういった悩みを解決するのか？

以前はTwitterで「作業の宣言」を書いていたけど、徐々にSNSの毒素が増えてしまい、書きづらくなっった。

  • 自分のメモ帳やノートに「本日のタスク」を書いても良いけど、しかし周りからの目がある方が、モチベUPする。
  • つまり、Twitterのように投稿できて、かつ毒素がない、さらに「本日の作業宣言に特化したサービス」だと良い。

とはいえ、、朝からタスクを投稿して、その後に他人の積み上げが見えるようじゃあ、逆に生産性が下がる。

■ つまり作りたいサービスは、、

  • 毎朝、本日の積み上げを宣言する
  • その投稿は、複数人の目に触れる
  • 朝はタスクに集中したいので、他人の投稿は見えない

※補足：ここまで考えてみて、ふと「これって、Substackのチャット機能で充分では？」と思った。

だからチャット機能を試してみたのですが、結論は「朝から見たくないUIだな」と思った。だから自作する。

■ どういったUIを作るべきか？

  • トップページは、お寺と投稿フォーム
  • 挨拶やタスク、意気込みや感謝を書ける
  • 投稿完了すると、他人の積み上げも見れる

■ トップページのデザイン案

  • [ サイト名：積み上げ寺 ]
  • [ 投稿フォーム ]
  • [ 投稿ボタン ]

この順番で要素を並べるだけ。他は不要。お寺なのでシンプルで、無駄のないデザイン。

■ 具体的な仕様について

  • 会員登録とログイン機能
  • 投稿の機能と編集削除

これで充分なのか、AIと議論したい。

■ 投稿の一覧ページのデザイン案

  • [ サイト名：積み上げ寺 ]
  • [ ↓ カード形式で表示 ↓]
  • [ おはようございます🌞 ]
  • [ ■ 本日の積み上げ ]
  • [ ・日光とウォーキング ]
  • [ ・メルマガ更新する ]
  • [ 良く眠れたし、自由に生きれる事に感謝しつつ、本日も進めます。 ]
  • [ マナブ - 9:20 ]
  • [ ↑ カード形式で表示 ↑]

以上が、僕のプロンプトです。

あとはAIに「この内容で仕様書に落としたいから、手伝って」と言えばOK。Vibe Codingで作れます。Claude Codeを利用中。

なお昨日の記事で僕は「１人の問題を解決する → そこから拡張」という話を書きました。本記事は、その実例です。

モチベ管理には「締切」と「周りへ宣言」が大切と思っており、毎日更新が「締切」を作り、お寺で「周りへ宣言」する。

ー「お寺では、感謝を伝えるんだよ」

先日に奥さんに言われた言葉です。というか、最近メルマガに奥さん登場しまくりですね。まぁいいか。

タイのお寺で僕が「みんな神さまにお願いばかりで、それだとテイカーだよね」と話したら、上記を言われました。

という訳で、以上です。

毎日参拝しつつ、お寺で感謝を伝えていこうと思います。一緒に参拝をしませんか？🧘

マナブ