自分しか使わないスマホアプリとして動く SNS を作った。
Vanilla JS、IndexedDB、PWA、Vercel or github pages だけで十分動く。
名前は ボッチッター（botchitter）
（画像はチャッピー作。アイコンは自作）
| 好きなことを一人で呟く | たまに過去を振り返る |
|---|---|
 |
 |
投稿、コメント、引用、検索、タグ、気分の記録、ヒートマップ
PWAなのでホーム画面から起動できて、オフラインでも動く
最近は普通に毎日使ってる
構成はこれ
Vanilla JS
+ IndexedDB
+ PWA
+ Vercel or github pages
ログインなし
クラウドDBなし
ビルドなし
データは基本的に端末内
現状、維持費は0円
自分しか使わないアプリなら、いろいろ面倒なものを用意しなくても、これくらいまでは作れる
今回はその話
最初からボッチッターを作ろうとしていたわけではない
最初に作っていたのは
「未来を見る力を鍛えるアプリ」
みたいな、もう少し意識高いやつだった笑
日々の出来事を残して
そこから変化の兆しを考える
ChatGPTとあれこれ話してUIを考える
作る
触る
なんか違う
変える
また触る
やっぱり違う
そんなことを何回かやっているうちに
好きなことを、そのまま一行書ければよくない？
となった
それならTwitterみたいなUIが気持ちいい
ただし他人はいらない
一人Twitterでいいじゃん
AIで「作ってから考える」
今回かなりよかったのがこれ
考える
↓
作る
↓
触る
↓
違う
↓
直す / 捨てる
↓
また作る
AIで開発が速くなった
という話はよくあるけど
個人的には
気軽に作り直せるようになった
ことの方が大きかった
頭の中で30分悩むより
とりあえず30分で作って
1分触った方が早いことがある
触れば
「これは毎日やらんな」
「この入力めんどいな」
「もっと普通でいいな」
みたいなことがすぐ分かる
最初から正解を決めなくてもいい
違ったらまた作ればいい
技術スタック
Vanilla JS → UI
IndexedDB → データ保存
PWA → ホーム画面・オフライン
Vercel → 公開
URLを貼ったときのプレビュー取得だけ
Vercel Functionを使っている
この構成のいいところは
とにかく準備するものが少ない
Vanilla JSなので
フレームワークもビルドも不要
IndexedDBに保存するので
DBサーバーや認証もいらない
PWAにすれば
Webだけどホーム画面からアプリっぽく使えて、オフラインでも動く
あとはGitHubにpushすれば、Vercelがそのまま公開してくれる
感覚としては
AIに書かせる
↓
GitHubにpush
↓
PWA なのでスマホでアプリとして動く
くらい。
開発者登録とかもなんもいらない。
VercelもGitHubと連携すれば、今回くらいの規模なら無料で使える
最初の連携だけ少し設定が必要だけど
一度つないでしまえば、あとはpushするだけ
※ 静的ファイルだけならGitHub PagesでもOK
今回はURLプレビュー用にVercel Functionを使いたかったのでVercelにしている
自分しか使わないアプリなら、このくらいの構成でも意外とちゃんと作れる
必要になったものは、あとから足せばいい
これだけでも、思っていたよりいろいろ作れる
この単純さがAIとも相性よかった
コードベースが小さい
依存関係も少ない
ビルドもない
なのでAIにも
ここに引用を追加して
この画面だけ変えて
やっぱりこの機能いらない
みたいな指示が出しやすい
直す
デプロイ
スマホで触る
また直す
作る → 触る の距離が短い
何度も作り直す今回のやり方には
この構成がかなり合っていた
気づけば毎日使ってる
最初に作ろうとしていた「未来を見るアプリ」はなくなった
残ったのは、ただの一人SNS
でもこっちは毎日使ってる
思ったことを書く
昔の投稿をたまに見る
気になったら引用して続きを書く
そのくらい
そして現状、維持費は0円
※ ChatGPTやGeminiなどAI自体には課金しているので「0円で開発した」という意味ではないです
以前なら
こんなの自分しか使わないし、わざわざ作るほどでもない
で終わっていた
でも今なら
とりあえず作る
違ったら直す
ダメなら捨てる
しかも自分用なら
大げさな構成を用意しなくても意外とここまでいける
「自分しか使わないもの」を作るハードルは、かなり下がったと思う
自分でも作ってみたい人へ
もし
これくらいなら自分も何か作ってみたい
と思ったら
この記事とGitHubをAIに渡して
作りたいものだけ書けばOK
そのままコピペできるようにしておく
このQiita記事とGitHubを参考に、
自分しか使わない小さなアプリを作りたいです。
Qiita:
https://qiita.com/numanomanu/items/555313e326299507bd12
GitHub:
https://github.com/numanomanu/botchitter
作りたいもの：
【ここに自由に書く】
Vanilla JS + IndexedDB + PWA + Vercel のように、
できるだけシンプルで、維持費のかからない構成を優先してください。
スマホで使いやすく、
データはできれば端末内に保存。
まず最低限使えるものを作って、
実際に触りながら直していきたいです。
最初のバージョンに必要な機能と画面を提案してください。
読書メモでも
仕事のログでも
子どもの記録でも
植物の記録でも
「こんなの自分しか使わないしな」くらいのものほど、一回作ってみると面白い
違ったら捨てればいい
今は、それがかなり気軽にできる。いい時代になったな〜。