私が陥っていたCRUD管理地獄からの脱出

2026 / 04 のfindy登壇資料です。

Transcript

1. 手段の目的化 僕の web アプリは勝てない 那須 隼人 4/17 学びのアウトプット LT Findy
2. 自己紹介 那須隼人 趣味 ギター 学習 クライアントサイド：Next.js TypeScript サーバーサイド：Golang Python できること 基本的な CRUD 操作の実装 簡単なライブラリの導入・実装 webhook の実装 フロントの画面作成 できないこと・課題 テストコードを書く習慣・技術 全体を見通したアーキテクチャ設計 要件定義からの逆算思考の経験
3. 注意 今から語るのは僕の超個人的な仮説です。 発想の出し方やどのように作っているか、など いろいろ知りたいので教えてもらえると嬉しいです。
4. CRUD を覚えてから作ったもの 実際に作ったもの 思いついたもの Todo アプリ 就活状況管理アプリ 掲示板 家計簿アプリ ポートフォリオ ランキングつき連打ゲーム
5. ある日、違和感に気づく。 よく考えたらこれ、 全部 管理アプリ じゃない？ ・ 課題解決ではなく「CRUD の練習」が目的になっている。 ・ 全て車輪の再発明。独自性も利便性も既存サービスに劣る。 ・ 「それ、 〇〇で良くない？」と言われたら反論できない。 「もしかして、管理アプリを作っちゃダメなのかな…？」
6. CRUD を覚えてから作ったもの 言わずもがな 実際に作ったもの 思いついたもの Todo アプリ 就活状況管理アプリ 掲示板 家計簿アプリ ポートフォリオ ランキングつき連打ゲーム
7. CRUD を覚えてから作ったもの 実際に作ったもの コメントと投稿 を管理する 思いついたもの Todo アプリ 就活状況管理アプリ 掲示板 家計簿アプリ ポートフォリオ ランキングつき連打ゲーム
8. CRUD を覚えてから作ったもの 実際に作ったもの 思いついたもの Todo アプリ 就活状況管理アプリ 自分の情報を 掲示板 管理するだけ 家計簿アプリ ポートフォリオ ランキングつき連打ゲーム
9. CRUD を覚えてから作ったもの 実際に作ったもの Todo アプリ 掲示板 思いついたもの 就活状況管理アプリ 連打した結果を保存して みるだけのアプリ ポートフォリオ ランキングつき連打ゲーム 家計簿アプリ
10. CRUD を覚えてから作ったもの マイページの情報とかを登録 するだけのアプリ 実際に作ったもの 思いついたもの Todo アプリ 就活状況管理アプリ 掲示板 家計簿アプリ ポートフォリオ ランキングつき連打ゲーム
11. CRUD を覚えてから作ったもの 実際に作ったもの 思いついたもの 出費を管理するだけのアプリ Todo アプリ 就活状況管理アプリ 掲示板 家計簿アプリ ポートフォリオ ランキングつき連打ゲーム
12. アプリの正体 ① 「作る理由」の矢印の向きが完全に逆転していた。 本来あるべき順序 解決したい課題がある 手段として CRUD を用いる 「作った理由」が明確になる CRUD で何か作ろう 作った理由は「練習」 自分が陥っていた順序 CRUD を覚えた
13. アプリの正体 ② そもそも「管理アプリ」とは何のためにあるのか？ 「面倒なことを、便利に管理するため」 では、「便利さ」とは何か？ いつでも（思い立ったその瞬間に） どこでも（外出先でも移動中でも） すぐに（PC を開く手間なく）
14. アプリの正体 ③ 利便性を追求すると、必然的に「手元」のデバイスになる。 家計簿：買い物をしたその場で入力する。 就活管理：外出先や移動中にサッと確認する。 Todo：思いついた瞬間にパッとメモする。 利便性を求めれば求めるほど 「スマホアプリの土俵」 に引きずり込まれる
15. Web アプリがスマホアプリに負ける理由 比較軸 スマホアプリ ( ネイティブ ) Web アプリ ( ブラウザ ) 起動 ホーム画面から 1 タップ ブラウザ起動 → ブックマーク or URL 入力 通知 OS レベルでネイティブ対応 制限が多く、UX が劣る オフライン 対応しやすい（キャッシュ・ローカル DB） 基本オンライン前提（PWA の壁） 発見導線 AppStore / Google Play ストア SEO 依存 UI 最適化 スマホの操作感に完全最適化 レスポンシブ対応の限界 AppStore には、プロが作った「最適化された無料管理アプリ」が既に無数にある。
16. 世の中のアプリを分類してみた ブラウザ Chrome, Edge マーケット メルカリ , ヤフオク O2O (Online to Offline) Uber, Grab SNS Instagram, TikTok, X, YouTube ツール Figma, Canva, Adobe 生成系 AI ChatGPT, Gemini コミュニティ BeReal, Tinder など インフラ Stripe, Supabase, AWS ゲーム PokemonGO, モンスト
17. 世の中のアプリを分類してみた ブラウザ Chrome, Edge マーケット メルカリ , ヤフオク O2O (Online to Offline) Uber, Grab SNS Instagram, TikTok, X, YouTube ツール Figma, Canva, Adobe 生成系 AI ChatGPT, Gemini コミュニティ BeReal, Tinder など インフラ Stripe, Supabase, AWS ゲーム PokemonGO, モンスト
18. では、一体何が違うのか？ 自分が作ったアプリ 世の中の優れたアプリ データ × サービス × アルゴリズム データの CRUD のみ （一覧表示・追加・更新・削除） ユーザーの行動を設計する「UX」が CRUD の上に乗っている。
19. サービス アルゴリズム の正体 ブラウザ サービス アルゴリズム • web 上の情報を表示、検索させている プラットフォーム • 検索のアルゴリズム ( ブラウザ独自 )
20. サービス アルゴリズム の正体 SNS(X) サービス • いいね、リツイート、リプ、閲覧履歴 • トレンド機能 • 匿名性 • 生活の一部に アルゴリズム • 閲覧履歴などを用いておすすめ • 無限スクロールによる変動報酬
21. サービス アルゴリズム の正体 コミュニティアプリ (BeReal) サービス アルゴリズム • 予測不能な一斉通知 • 2 分以内の投稿でボーナス • Streak によるコンコルド効果 • 閲覧制限することによる撮影の意欲向上 • 提示ではないランダムな時間に実行する • 行動を制限すること • どちらかというと心理的なはたらきかけ
22. サービス アルゴリズム の正体 マーケット（メルカリ） サービス アルゴリズム • ユーザ間の取引を運営が補助する • 郵便局と連携して配送を便利に • 出品者の配送時間を記録して信頼度として表示 • 行動を促進するようなガイド機能 • 閲覧履歴をもとにおすすめとして表示する • 豊富な絞り込み、ソート、予測変換 • 売れやすい価格提案
23. では、Web アプリが有利な「土俵」はどこか？ スマホが強い場面 Web が強い場面 外出先・移動中・隙間時間 PC の前に座って腰を据えて使う 思いついた瞬間にパッと使う 他の PC 作業と「並行」して使う 片手でのシンプルな操作 入力量が多い / 画面を広く使いたい
24. 「PC 作業に並走する」というポジション PC 作業中に「スマホ」で管理すると… • 視線を PC モニターから外す • 手をキーボードから離す • スマホを手に持ち替える ＝ 作業のフローが完全に途切れる Web アプリが「ブラウザのタブ」にあれば… • コーディング中 → タスク管理 / バグメモ • 資料作成中 → 参考リンク / アイデア管理 • オンライン会議中 → 議事録 / 決定事項記録 ＝ スイッチングコストがゼロ！
25. このポジションの SaaS は最強 ブラウザのタブとして存在し、作業と「完全に並走」するツールたち。 Figma Notion Linear GitHub デザイン作業中に 並走して使う PC 作業の記録・整理 に並走して使う コーディング中のタ スク管理に並走す る 開発作業そのもの と完全に並走する
26. まとめ 「管理アプリ」というジャンルが悪かったのではない。 「練習」を理由に、課題解決から逃げていた自分が悪かった。 戦うべきは「データ構造(CRUD)」ではなく「ユーザー体験(UX)」。 そこに「独自のアルゴリズム」と「戦う土俵(Web)」の戦略を乗せる。
27. データの管理は目的ではない。 手段である。
28. ご清聴ありがとうございました