フレームワークガイド
フレームワークは、アプリを作るための「便利な土台」です。プログラミング言語だけでも開発はできますが、画面作成、ルーティング、フォーム、データベース連携、認証などを毎回ゼロから作るのは大変です。
フレームワークを使うと、よくある仕組みを借りながら、作りたい機能に集中しやすくなります。
言語とフレームワークの違い
| 種類 | 例 | 役割 |
|---|---|---|
| 言語 | JavaScript, Python, PHP, Ruby | コンピュータに処理を伝える |
| フレームワーク | React, Next.js, Laravel, Rails | アプリを作りやすくする土台 |
| ライブラリ | pandas, Zod, axios | 特定の機能を助ける部品 |
| ツール | npm, Vite, Docker | 開発や実行を助ける道具 |
目的別の選び方
| 目的 | まず見るページ |
|---|---|
| モダンなWeb画面を作りたい | React / Next.js |
| 分かりやすい構文でUIを作りたい | Vue / Nuxt |
| JavaScriptでサーバー側も作りたい | Node.js / Express |
| PHPで本格的なWebアプリを作りたい | Laravel |
| RubyでWebアプリを素早く作りたい | Ruby on Rails |
| PythonでWebアプリやAPIを作りたい | Django / FastAPI |
学習順の目安
| 目的 | 学ぶ順番 |
|---|---|
| フロントエンド | HTML → CSS → JavaScript → TypeScript → React / Next.js |
| PHPバックエンド | HTML → PHP → SQL → Laravel |
| Rubyバックエンド | Ruby → SQL → Ruby on Rails |
| Pythonバックエンド | Python → SQL → Django または FastAPI |
| フルスタック | TypeScript → React / Next.js → API → データベース |
フレームワークを学ぶ前に
- 言語の基本文法を軽く理解しておく
- HTML/CSS/JavaScriptの役割を分けて考える
- 小さなアプリを1つ作ってから進む
- 公式ドキュメントのチュートリアルを読む
- AIが書いたコードも、ファイルの役割を確認する
最初から全部を理解する必要はありません。まずは「このフレームワークは何を楽にしてくれるのか」をつかむことが大切です。