はじめに

ウェブサイトにバックエンドは必要ですか?

執筆:Jake Luo · 公開日:2026年9月19日

何かを記憶しておく必要がある場合だけです。ページ、画像、メールで届く問い合わせフォームといった静的サイトで、小さな事業のサイトの大半はまかなえます。そのほうが安く、速く、壊れにくいのです。サーバーが必要になるのは、二人の人、あるいは一人が二台の端末で、変化する同じ情報を見なければならなくなった瞬間です。アカウント、在庫、注文状況、支払い後に解放されるものなどがそれに当たります。高くつく失敗はその中間、つまりページが記憶しているように見えて、実は一つのブラウザの中でしか記憶していない状態です。

これ一つで決まる質問

「バックエンド」という言葉はデータベースから決済のWebhookまで何でも含むので、抽象的には答えにくい質問です。ですが、実際のほぼすべてのケースを決める短い問いがあります。このページには、訪問者自身のブラウザ以外のどこかに記憶しておくべきものがあるか、です。答えがノーなら、作っているのは静的サイトであり、それは妥協ではなく、安く、速く、信頼できる選択肢です。答えがイエスなら、フロントエンドでどれだけ工夫しても代わりにはならず、それを公開後に知ることこそがお金のかかる失敗です。

静的サイトが妥当な初期設定なのには理由があります。パッチを当てるサーバーも、負荷で落ちるものもなく、サイト全体を訪問者の近くのキャッシュから配信でき、ホスティングは無料のことも多いのです。会社案内のサイト、ポートフォリオ、メニュー、ローンチページ、ドキュメントサイトは、バックエンドがなくても本当に完成しています。共通しているのは、どの訪問者にも同じものを見せればよく、訪問者がしたことが明日も有効である必要がないという点です。

本当にサーバーが必要なもの

バックエンドが必要だと思われがちな機能の多くは、サーバー部分を他社が運用するホスティング型サービスとして利用できます。小さなチームにとっては、たいていそれが正しい選択です。次の表は、各機能が線のどちら側にあるかを示すもので、自分で作るべきかどうかの話ではありません。

ページに載せたいものサーバーは必要か安くて正直な方法
問い合わせフォーム不要。ただし送信先が必要フォームサービスかホスティングのフォーム機能。そのうえで自分に本物のテスト送信をして、届くことを確認する
顧客アカウントとログイン必要ホスティング型の認証サービス。デモでどう見えても、ブラウザだけで完結する版は存在しない
カード決済の受け付け不要決済サービスのホスト型チェックアウトのリンクやボタン。サーバーの役割は決済サービスが担う
支払い完了を確認して何かを解放する必要決済サービスが自分の管理するサーバーに通知し、そこで記録する。フロントエンドのコードにこの判断を任せてはいけない
訪問者が商品を入れていくカート入れるだけなら不要カートはブラウザに置き、注文はチェックアウトのサービスに渡すか、メッセージとして自分に届くようにする
在庫数、座席、予約必要予約や在庫管理のツールを埋め込む。二人の訪問者が同時に最後の一つを求めることがあり、それを裁けるのはサーバーだけ
訪問者ごとに異なるコンテンツ多くの場合必要まず、全員に同じページで足りないかを考える。足りることも多い

表の根底にあるパターンはこうです。一人の訪問者が一度の訪問で完結させることは、ブラウザに置いても安全です。何が本当かについて二人の意見が食い違いうること、つまり誰がログインしているか、誰が最後の一つを買ったか、これは支払い済みか、といったことは、中立な場所で決着をつける必要があります。それがバックエンドの役割であり、厳密に必要なのはその点だけです。

成功にしか見えない失敗

ブラウザはデータをローカルに保存でき、その保存領域を使うページは、あなたを覚えているように感じられます。パスワードを入れれば管理画面が見える。カートに入れてタブを閉じ、戻ってきてもカートはそのまま。作ったマシンの上ではすべて動くので、そのまま公開されてしまうのです。頼る前に、この保存領域の四つの性質を知っておく価値があります。

  • 一人の人ではなく、一つのブラウザに属する。 スマホとノートパソコンは、決して交わらない別々の保存領域です。同じマシン上の Chrome と Safari も別々で、プライベートウィンドウもまた別です。
  • 一つのウェブアドレスに属する。 二つのアドレスで公開された二つのページは、互いの保存領域を読めません。複数のサイトをまとめて管理する一つの管理パネルは、ページのレイアウトがどれほどそれらしくても、この仕組みでは実現できません。
  • 訪問者が読むことも変えることもできる。 アクセスを決めるもの、たとえばパスワード、支払い済みのフラグ、管理者の権限をそこに保存すると、ブラウザの開発者ツールを開いた誰にでも書き換えられます。それは鍵ではなく、「入らないでください」と頼む張り紙です。
  • 予告なく消える。 サイトデータの削除、プライベートウィンドウを閉じること、ブラウザが古い保存データを自動で片付けることのいずれでも消え、消えたことは誰も教えてくれません。

これが特に問題になるのは、ページを別の何かが作った場合です。生成されたページは、それらしく動くデモになるので、ためらいなくこの方法でログイン画面を実装します。生成したものに投げかけるべき質問は、率直かつ具体的です。これはどこに保存されていて、別のスマホで見た顧客には何が見えるのか。答えがブラウザなら、その機能はまだ存在していません。

サイトを作ったお客様が次に求めたもの

ここはドキュメントではなく、運営の経験から書いています。AgentCeres(agentceres.com の AI Growth Officer)は、エージェントが顧客のために作ったページをホスティングしており、2026年9月のある1週間に、顧客が作業したすべてのサイトを見直しました。50人の顧客の61サイトで、そのうち37サイトはその週に初めて公開されたものです。顧客はチャットでエージェントとやり取りするので、次に何を求めたかも読むことができました。これはどんなアンケートよりも明確なシグナルです。誰も質問に答えていたわけではなく、何かを完成させようとしていたのですから。

最も多かったのは注文とカートで、その週にエージェントと話していた30人の顧客のうち14人が挙げました。次が自動確認を含む決済で8人。続いてログインや管理画面が5人。独自ドメインが3人、端末間のリアルタイム同期がさらに3人でした。一つの例外を除き、このリストはすべてバックエンドの要望です。ここが役に立つ点です。人はデータベースを求めるのではなく、注文を受けられるようにしたいと言うのであり、その二つは結局同じ要望なのです。

その後の展開ははっきり分かれ、しかもそれは機能の難しさとは関係ありませんでした。エージェントが、決済ゲートウェイや本物のバックエンドが必要だとはっきり伝えた場合は、何も約束していないので、後から壊れるものもありませんでした。一方、ブラウザだけで完結するそれらしい版を作った場合は、サイト公開後に問題が表に出ました。あるショップでは、管理者パスワードがページの HTML に書き込まれ、スタッフと共有されていました。別の顧客には、別々に公開された三つのサイトをリアルタイムで同期するマスターパネルが約束されましたが、ブラウザの保存領域ではそれはまったく不可能で、オーナーは動かないと報告しに戻ってきました。その間、それらのページが持つ唯一の本当にサーバーに支えられた機能である問い合わせフォームは、その週に受けた12件の問い合わせをすべて届けていました。

ですから、実践的なアドバイスは、作った後ではなく作る前にこれを決めることです。訪問者ができなければならないことを二つか三つ書き出し、そのうち二人の意見が食い違いうるものに印をつけ、それにはホスティング型サービスを使います。それ以外は静的なままで構いません。ページが新しいなら、次の問いはたいてい誰かが見てくれるかどうかです。それはAIで作ったウェブサイトに集客する方法で扱っており、公開前に確認すべきことはウェブサイト制作にAIを使うべきかで解説しています。

よくある質問

静的サイトにログイン機能を追加できますか?
それ単体ではできません。ログインには、訪問者が書き換えられない場所でパスワードを確認する必要があり、静的なページにはその場所がありません。実践的な方法はホスティング型の認証サービスで、サーバー側を担ってくれ、それ以外は静的なサイトに組み込めます。ページのコードだけで作ったログインは、鍵ではなく画面にすぎないと考えてください。
決済を受け付けるのにバックエンドは必要ですか?
代金を受け取るだけなら不要です。決済サービスのホスト型チェックアウトのリンクやボタンがカード情報とサーバー側の処理を担い、完全に静的なページに置けます。ただし、支払いをきっかけに何かを解放したり起動したりする必要が出た時点で、サーバー側の仕組みが必要です。支払いが本当に行われたことを証明できるのは、決済サービスから自分の管理するサーバーへの通知だけだからです。
後でバックエンドを追加するとき、サイトを作り直す必要がありますか?
たいていは不要です。追加の多くは、チェックアウト、予約ウィジェット、認証サービスなど、既存のページに埋め込むサービスなので、ページはそのまま残ります。捨てることになるのは偽物の版です。ブラウザだけのログインやカートは本物への足がかりにはなりません。集めたデータはどれも信頼できず、移すこともできないからです。
バックエンドがあるとSEOに有利ですか?
いいえ。ページが遅くなったり、スクリプトの実行後にしか内容が表示されなかったりすれば、かえって不利になります。検索エンジンはページを、何が書かれているかと、クロールしてインデックスできるかで評価し、静的なページはその点で何にも劣りません。ページを JavaScript で作っているなら、Google が React サイトをインデックスしない理由で注意すべき失敗を解説しています。
関連する質問
ウェブサイトの制作にAIを使うべきですか?バイブコーディングで作ったアプリをマーケティングする最善の方法は?サイトから問い合わせが来ないのはなぜ?How do I get traffic to a website I built with AI?

この作業、任せてみませんか?

AgentCeres はマネージド型の AI マーケティングチームです。スペシャリストが下書きを作り、何を公開するかはあなたが承認します。14日間無料トライアル、月額 $39 から。

無料トライアルを開始ほかの質問を見る