コードなしで管理画面を作る方法(そして、本当に必要かどうかを見極める方法)

AIで作られたアプリの半数以上に、管理画面が搭載されています。そのほとんどは実際に役立っていますが、なかにはビルダーが「管理機能を追加する」をデフォルトで選んだだけで、創業者が本当は必要としていなかったものもあります。

役に立つ管理画面と、誰も押さないゴーストボタンの違いは「明確さ」にあります。つまり、自分が本当は何を直したいのかを分かっているかどうかです。

管理画面とは、そもそも何なのか

管理画面とは、自分のデータを見て、変更して、間違っていたものを削除できる非公開ページ、それだけのものです。ダッシュボードでも分析ツールでもありません。テーブルがあって、ボタンがいくつかあって、検索ボックスがあるかもしれない――その程度のものです。

アプリが他の人向けのサービスなら、おそらく管理画面が必要になります。ユーザーのアカウントを修正したり、注文を返金したり、スパム登録を削除したり、あるいは単にデータが正しく見えるか確認したくなったりするからです。一方、自分専用のアプリなら、そもそも必要ないかもしれません。スプレッドシートやデータベースツールで十分でしょう。

正直な数字を言うと、プロジェクトの51%に管理画面が追加されています。そのほとんどは実際に使われていますが、なかには作られたまま忘れ去られるものもあります。

AIビルダーに管理画面を頼むには、どう伝えればいいのか

テーブル、カラム、操作といった具体的な内容で頼みましょう。「管理機能を追加して」のような曖昧な依頼は禁物です。ビルダー側は、テーブルが1つ必要なのか10個必要なのか、検索できればいいのか並べ替えだけでいいのか、そもそもあなたのアプリにとって「管理」が何を意味するのかを知りようがありません。

こう言う代わりに:「管理機能を追加して」

こう言いましょう:「顧客名、注文日、価格、ステータスをテーブルで確認できる注文管理ページが欲しい。顧客名で検索できて、注文をクリックすると詳細が見られて、発送済みにするか返金するかを選べるようにしてほしい」

こう伝えれば、ビルダーには次のことが分かります:

どのデータが重要か(顧客名、日付、価格、ステータス――それ以外は不要)
何を変更する必要があるか(発送済みにする、返金する)
どうやって検索するか(注文番号ではなく顧客名で)

この違いは実際に大きく効いてきます。曖昧な依頼だと、ビルダーは推測に頼り、必要のない機能を作るのに時間を無駄にします。具体的な依頼なら、頼んだとおりのものを半分の時間で作ってくれます。

比較してみましょう:

「ユーザーを管理したい」→ 4時間かかり、使うことのない機能まで含まれる
「全ユーザーをテーブルで見て、メールアドレスで検索でき、誰かを『BAN』にできるようにしたい」→ 2時間で、頼んだとおりのものが手に入る

AIビルダーは実際、どうやって管理画面を作るのか

AIで作られたあなたのアプリは、Convexというデータベースにデータを保存しており、ビルダーはあなたの依頼を、目に見える3つのパーツに変換します。

ページ(/adminのようなURL)――ここにログインします
テーブル――データベースの内容を表示します
ボタン――編集、削除、あるいは完了マークなど

裏側では、ビルダーが2つのファイルを書いています。

ページ(テーブルとボタンを表示するReactコンポーネント)
データベース連携(データを安全に読み書きする関数群)

ページとデータベースは互いにやり取りします。ボタンをクリックすると、ページがリクエストを送り、データベースが処理を行い、ページが更新される――という流れです。

ビルダーが確認してくれるのは次の点です:

管理画面を見られるのは、あなた(管理者)だけであること
テーブルが検索可能であること
ボタンがちゃんと機能すること
何か問題が起きたときは、ページが壊れる代わりにエラーメッセージが表示されること

本当に管理画面は必要なのか

他の人があなたのアプリでデータを作成し、それをたまに修正する必要があるなら、管理画面は必要です。逆に、自分だけがユーザーだったり、あなたを介さずに重要なものが作られたりしないなら、おそらく必要ありません。

管理画面が必要なのはこんな場合:

他の人がアプリ内でデータ(注文、プロフィール、投稿など)を作成し、その間違いを修正する必要がある
集計データを見る必要がある(今日は何人のユーザーが登録した?)
何かを削除する必要がある(スパムアカウント、テストデータなど)
サービスを運営していて、たまに何かが壊れ、手動で修正する必要がある

おそらく必要ないのはこんな場合:

アプリが自分専用である
ユーザーが重要なデータを作成しない
たまの調整ならスプレッドシートやデータベースビューアで十分である

よくある失敗

管理画面にまつわる失敗の多くは、同じ3つの癖から生まれます。二度と開かないものを作ってしまうこと、必要以上に作り込んでしまうこと、そして1つのページに詰め込みすぎてしまうことです。

失敗1:一度も使わない管理画面を作ってしまう

説明するのに3日かけ、ビルダーが作るのに4時間かけたのに、結局はローンチチェックリストのチェック項目として一度チェックされ、忘れ去られる――そんなことがよくあります。実話として、あるSaaSの創業者が「アクティビティログ付きのフル機能ユーザー管理ダッシュボード」を依頼し、実際にログインしたのは一度きりでした。対策:依頼する前に「実際に、いつここにログインするのか?」と自分に問いかけてみましょう。「月に一度」や「何か壊れたとき」であれば、作る価値があります。「たぶん一度も」であれば、作らなくて構いません。

失敗2:作り込みすぎてしまう

円グラフやスパークラインが並ぶダッシュボードは必要ありません。必要なのは、テーブルと検索ボックスと、ちゃんと動くボタンだけです。リアルタイム分析付きの美しい管理ダッシュボードを作ったある創業者は、カスタマイズに12時間費やしたあと、その分析結果を一度も見ていないことに気づきました。対策:まずはテーブルを頼みましょう。ただのテーブルでいいのです。磨き込みは後回しにしましょう。

失敗3:1つのページに全部詰め込もうとしてしまう

注文、ユーザー、返金、サブスクリプションをすべて管理する必要がある場合、単一の「管理ページ」を頼んでしまうと、ビルダーは4つのテーブルを1つの画面に詰め込んでしまい、何もかも見つけにくくなります。対策:ページを分けて頼みましょう。「注文管理ページとユーザー管理ページが欲しい」と言えば、実は作るのも早く、使い勝手もはるかに良くなります。

最初の管理画面は、どんな姿であるべきか

最初の管理画面は、検索ボックスと編集・削除ボタンが付いたシンプルなテーブルであるべきです。それ以上、凝る必要はありません。シンプルに保ちましょう。

テーブル:データを行と列で表示する
検索ボックス:探しているものを素早く見つける
編集ボタン:行をクリックして変更する
削除ボタン:間違いを取り除く
追加ボタン(任意):必要に応じて新しいデータを作成する

本当に、それだけあれば十分です。ビルダーがフィルター、並べ替え、一括操作などを提案してくることもあるでしょう。それらはあれば嬉しい機能ですが、それを待って開発を止める必要はありません。

ビルダーに投げかけるべき質問

管理画面について説明するときは、次の5つの質問に答えておけば、ビルダーは最初から正しいものを作ってくれます。

どのテーブルを見たいか?(注文、ユーザー、投稿など)
どのカラムが重要か?(名前、メールアドレス、日付、価格、ステータス)
どうやって見つけるか?(名前で検索する?日付範囲で絞り込む?)
何を変更する必要があるか?(ステータス変更、削除、それだけ?)
誰がこれを見るべきか?(あなただけ?それとも他の管理者も?)

もしビルダーが違うものを作って返してきたら、おそらく自分が意図したのとは違う伝え方をしてしまったのでしょう。それは普通のことです。変更を頼めばいいのです。アプリの主導権は、あなたにあります。

作られた管理画面は、どうテストすればいいのか

出来上がったらすぐにログインして、壊すつもりでテストしましょう。すべてのボタンをクリックし、存在しないものを検索し、削除したものがリロード後もちゃんと消えたままかを確認します。

ログインして、壊してみる。 すべてのボタンをクリックしましょう。存在しないものを検索してみましょう。何かを削除してみて、リロードして本当に消えているか確認しましょう。
エッジケースをテストする。 顧客名にクォート記号が含まれる注文があったら?すでに返金済みの注文をもう一度返金しようとしたら?ほとんどのビルダーはこうしたケースを考慮していますが、時には見落としていることもあります。壊れたら、その旨を伝えましょう。
実際に1週間使ってみる。 毎日ログインして何かを直しているなら、うまく機能している証拠です。5日間一度も開いていないなら、それは削除すべきサインか、あるいは「実際に何が壊れていて、自分が対応できていないのか」を自問すべきサインです。

本当のコツ

本当に必要なスキルは、管理画面を作ることではありません。自分が本当に何を必要としているかを知ることです。ほとんどのビルダーは、午後のあいだに機能する管理ページを作れます。難しいのは、自分が本当に見たいデータは何か、「直す」とはどういうことか、そしてどこで終わりにするかを見極めることです。

小さく始めましょう。テーブルと検索ボックスから。本当に必要になったときに、少しずつ足していけばいいのです。

ビルダーは、あなたが一行もコードを書かなくても、これらすべてを作ってくれます。あなたの仕事は、何を頼むべきかを知ることです。