テックスタック
チームはどうやってツールを選ぶのか
⏱ 想定 ~4 分
01 · 読む
テックスタック とは、チームがアプリを作るために使う技術の組み合わせのことです。レシピの材料リストのようなもの —— 各材料が役割を持ち、合わさって最終的なものになります。
どのテックスタックにも、同じ基本のレイヤーがあります。フロントエンド用、バックエンド用、データベース用です。具体的な選択肢は違っても、パターンはいつも同じです。
💡 想像してみてくださいテックスタックを選ぶのは、家を建てる材料を選ぶようなものです。土台(データベース)、壁と配線(バックエンド)、塗装と家具(フロントエンド)が必要です。レンガでも木材でも、タイルでも木の床でもいい —— 組み合わせは、何を建てたいか、チームが何に慣れているかで決まります。
ポイントまとめ
- テックスタックは通常、フロントエンドのフレームワーク + バックエンドの言語/フレームワーク + データベースで構成されます
- 会社はチームの習熟度、プロジェクトの要件、性能要件をもとに選びます
- ただひとつの「最高の」スタックはありません —— 違う組み合わせが、違うプロジェクトに合います
- テックスタックを知っていると、求人情報や技術的な会話を読み解くのに役立ちます
02 · コード例
下は、実際の企業で使われている人気のテックスタック 2 つです。それぞれが、フロントエンド、バックエンド、データベースの 3 層をカバーしていて、ただ使う道具が違うだけだと分かります。
MERN Stack (多くのスタートアップで使用)
Frontend: React (JavaScript UI library)
Backend: Node.js + Express (JavaScript server)
Database: MongoDB (NoSQL document database)
Why: One language (JavaScript) for everything
Python Stack (データ重視のアプリで使用)
Frontend: HTML / CSS / JavaScript
Backend: Django (Python web framework)
Database: PostgreSQL (SQL relational database)
Why: Python excels at data processing and AI
MERN スタックが人気なのは、エンジニアがひとつの言語 —— JavaScript —— さえ知っていれば、フロントエンドとバックエンドの両方を作れるからです。 Python スタックは、アプリが大量のデータ処理、 AI 機能、複雑なバックエンドロジックを必要とするときに人気があります。
03 · 対応づけ
それぞれの技術を、テックスタックの中での役割と結びつけましょう。
(このセクションはインタラクティブです — JavaScript を有効にしてください。)
04 · クイズ
求人情報に、会社が「 MERN スタック」を使っていると書かれています。これは何を意味しますか?
- すべてを Python で作っている
- モバイルアプリしか作らない
- どんなデータベースも使わない
- MongoDB 、 Express 、 React 、 Node.js を使っている
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。