MENU
  1. ホーム
  2. 記事
  3. AIアプリ開発入門　第6回｜どの構成を選ぶべきか？ Streamlit・Vercel・WordPress・クラウドの使い分け

AIアプリ開発入門　第6回｜どの構成を選ぶべきか？ Streamlit・Vercel・WordPress・クラウドの使い分け

広告

【ListeningMindガイド編集部からのご案内】

無料トライアルのご案内

「ブランドは消費者にどう思われているのか？」
「消費者は何に困り、何を求めているのか？」

ListeningMindは、
消費者の思考を明らかにするツールです。
＞＞ターゲット層のペルソナを調べてみる（無料トライアル有り）

AIアプリ開発入門 シリーズ 第1回〜第6回


ここまでで、Python、API、Streamlit、デプロイ、データ保存まで一通り見てきました。最終回では、「結局、自分はどの構成を選べばよいのか」を整理します。

同じAIアプリでも、目的が「自分用の検証ツール」なのか、「社内向けツール」なのか、「一般公開するサービス」なのかで、最適な構成は大きく変わります。
この回のゴールは、各サービスの役割を整理し、用途ごとに迷わず選べる状態になることです。

目次

1. まず整理したい「3つの役割」

Webサービスを作るときは、登場するものを次の3つに分けて考えると整理しやすくなります。

  1. 画面を見せる場所
    ユーザーが入力欄やボタンを見る場所です。いわゆるフロントエンドやWebサイトの見た目にあたります。
  2. 処理を実行する場所
    APIを呼び出したり、AIに指示を送ったり、データを加工したりする場所です。バックエンドやアプリケーションサーバーに近い役割です。
  3. データを保存する場所
    ユーザーごとの履歴や設定、生成結果を保存するための場所です。これは前回扱ったデータベースが担当します。

重要なのは、これら3つを全部1か所でやる構成もあれば、役割ごとに分ける構成もあるという点です。

2. Streamlitはどんな場面に向いているか

Streamlitは、Pythonだけで画面と処理を一体で作れるのが最大の強みです。
特に、データ分析ツール、AIの検証画面、社内向けの簡易アプリ、試作品の作成に向いています。

向いているケース

  • 自分用の検証ツールをすぐ作りたい。
  • 社内で数人が使うAIツールを短期間で形にしたい。
  • まず仕様を固めるために、素早く試作品を作りたい。

向いていないケース

  • 一般消費者向けに、見た目を細かく作り込みたい。
  • ブランドサイトのように自由なデザインや複雑なUIを実現したい。

つまりStreamlitは、「速く作ること」を最優先にしたいときの最強候補です。
一方で、見た目やサイト体験を強く差別化したい場合には限界があります。

3. Vercelはどんな場面に向いているか

Vercelは、主にNext.jsなどのモダンなフロントエンド技術と相性が良く、一般公開向けの本格的なWebアプリやSaaSを作るときに強い構成です。

Vercelの特徴

  • 高速表示に強い。
  • デザインの自由度が高い。
  • GitHubと連携して自動デプロイしやすい。
  • フロントエンド中心の開発と相性がよい。

向いているケース

  • 一般公開するサービスを作りたい。
  • 洗練された見た目や操作感を実現したい。
  • SEOや表示速度も意識したい。

ただし、VercelはStreamlitより学習コストが高く、ReactやNext.jsなどの知識が必要になりやすいです。
そのため、初心者が最初の一歩として選ぶというより、試作品を作った後に本番環境へ進化させる先として考えると自然です。

4. WordPress＋ロリポップは何が得意か

WordPressとロリポップのようなレンタルサーバーは、記事ページ、会社サイト、LP、ブログ、メディア運営に非常に強い構成です。
特に、コンテンツ管理やSEO、既存テーマを使ったサイト構築に向いています。

ただし、以前整理した通り、一般的なレンタルサーバーはPHP中心で、Pythonや長いAI処理との相性には制約があります。
また、共有レンタルサーバーは重い処理や長時間処理に弱く、AI生成のような用途では設計上の工夫が必要になります。

この構成が向いているケース

  • メディアや会社サイトを運営したい。
  • デザインや記事管理はWordPressで行いたい。
  • AIはサイトの一部機能として組み込みたい。

この場合の現実的な設計は、画面と集客はWordPress、AI処理は別のクラウド環境に分ける方法です。
つまり、WordPress自体を「受付画面」にし、裏側のAI処理は別サーバーに任せる形です。

5. Cloudflare Workersはどんな役割か

Cloudflare Workersは、サーバーレスで軽量な処理を高速に返すのが得意な実行環境です。
常に自分のサーバーを持つのではなく、リクエストが来たときだけ処理が動く仕組みに近いため、軽いAPIや中継処理と相性が良いです。

向いているケース

  • WordPressや別フロントエンドからAPIを呼び出したい。
  • 軽い整形処理や認証付きの中継処理をしたい。
  • 小さなAPIを低コストで運用したい。

一方で、複雑なPython実行環境そのものとして考えるより、軽量な処理の入口・中継レイヤーとして捉えるほうが分かりやすいです。

6. Google Cloudはどんな役割か

Google Cloudのようなクラウド基盤は、StreamlitやCloudflare Workersよりも広い範囲を扱える、本格的なインフラ基盤です。
処理サーバー、データベース、認証、ストレージなどを組み合わせて、大規模サービスを構築できます。

向いているケース

  • アクセスが増えても耐えられる構成にしたい。
  • AI処理、保存、認証、ファイル管理をまとめて設計したい。
  • 本番サービスとして拡張性を重視したい。

その分、設定や学習コストは高くなります。
そのため、初心者が最初の一歩で選ぶより、サービスが成長した後の移行先・本格運用先として考えると自然です。

7. 結局どれを選べばよいか

ここまでを踏まえると、選び方はかなりシンプルです。

パターンA：まず自分で試したい

Streamlit が最適です。
Pythonだけで画面と処理を作れるため、最短距離でアプリを形にできます。

パターンB：社内ツールとして使いたい

まずは Streamlit で始めるのが現実的です。
必要に応じて、後からデータベースや認証を追加して育てていく流れが取りやすいです。

パターンC：おしゃれな一般公開サービスを作りたい

Vercel + 別のAPI処理基盤 の構成が有力です。
見た目を自由に作りつつ、AI処理は別のバックエンドに任せる設計が本番向きです。

パターンD：WordPressの集客力を活かしたい

WordPress + 別のAI処理基盤 が適しています。
サイト本体はWordPressで運営し、AI部分だけをCloudflare WorkersやGoogle Cloudなどへ分離するのが現実的です。

8. このシリーズでのおすすめ成長ルート

初心者が最も失敗しにくい流れは、次の順番です。

  1. Streamlitで試作品を作る
  2. GitHubとStreamlit Cloudで公開する
  3. 必要ならデータベースを追加する
  4. 本格サービス化するときにVercelやGoogle Cloudを検討する

この順番なら、最初から難しいフロントエンドやクラウド設計に悩まず、まず「動くもの」を作れます。
そして、仕様が固まってから本番向け構成へ進めば、無駄な作り直しを減らせます。

今回のまとめ

最終回では、各構成の役割を整理しました。

  • Streamlit：最速で作る検証ツール、社内ツール、試作品向け。
  • Vercel：一般公開向けの本格的なWebアプリ、SaaS向け。
  • WordPress＋ロリポップ：記事管理やSEOに強いが、重いAI処理は別基盤に分けるのが現実的。
  • Cloudflare Workers：軽量なAPIや中継処理に向くサーバーレス環境。
  • Google Cloud：大規模・本格運用向けの総合クラウド基盤。

このシリーズ全体を通じて、「Pythonで作る → Streamlitで画面化する → APIでAIとつなぐ → 必要に応じて保存・公開・拡張する」という流れをひと通り整理できました。
ここまで理解できれば、単なるコードのコピペではなく、自分で構成を選び、自分で判断してアプリを設計する力がついています。

初心者向けの参考リソース

Vercelやフロントエンド寄りの公開構成を知りたい方へ

Cloudflare Workersを知りたい方へ

レンタルサーバーとPythonの相性を知りたい方へ

クラウド全体像を知りたい方へ

注意事項

本記事の内容は執筆時点の情報をもとに作成しています。
Python、Streamlit、Gemini API、GitHub、Streamlit Cloud、Supabase、Vercel、Cloudflare、Google Cloud などの仕様、料金、UI、提供条件は予告なく変更される場合があります。

記事内のコード、設定例、画面構成は学習用・検証用のサンプルです。
実際の運用環境に導入する場合は、公式ドキュメントを確認したうえで、ご自身の責任で検証・調整してください。

APIキー、認証情報、個人情報、業務データなどの機密情報は、記事中のサンプル通りであっても公開リポジトリや公開画面にそのまま掲載しないでください。
外部サービス利用時の課金、障害、セキュリティ事故、データ消失などについて、当サイトは責任を負いません。

記事
AIアプリ開発入門

著者について

ListeningMind ガイド 編集部のアバター ListeningMind ガイド 編集部

ListeningMind ガイドの編集部です。

この著者の記事一覧へ

関連記事

目次