maita tomoya dev io
Blog
Tags
Daily
Note
Full Stack Developer Roadmap
roadmap.sh
のフルスタック開発者ロードマップに沿って、各技術を自分の言葉で解説するページです。
「人に教えられるレベル」を目指して、順に書いています。
フロントエンド基礎
✓
HTML
✓
CSS
✓
JavaScript
✓
npm
✓
チェックポイント: 静的Webページを作る
フロントエンド インタラクション
✓
DOM操作
✓
イベント処理
✓
チェックポイント: インタラクティブなページを作る
スタイリングとフレームワーク
✓
Tailwind CSS
✓
React
✓
チェックポイント: 外部パッケージを使ったアプリ
バージョン管理
✓
Git
✓
GitHub
✓
チェックポイント: チームで協業する
バックエンド基礎
✓
Node.js
✓
チェックポイント: CLIアプリを作る
API/認証
✓
RESTful API
✓
JWT認証
✓
チェックポイント: CRUDアプリを作る
キャッシュ/システム
✓
Redis
✓
Linux基礎
✓
チェックポイント: 本格的なアプリを作る
データベース
✓
データベース基礎
✓
SQL基礎
✓
PostgreSQL
✓
MySQL
✓
MongoDB
✓
DynamoDB
✓
Supabase
✓
データベース設計
✓
チェックポイント: データベース設計と運用
DevOps/インフラ
✓
AWS EC2
✓
AWS S3
✓
AWS VPC
✓
AWS Route53
✓
AWS IAM
✓
AWS Lambda
✓
AWS Step Functions
✓
AWS SQS/SNS
✓
AWS EventBridge
✓
AWS RDS
✓
AWS CloudFront
✓
AWS CloudWatch
✓
GitHub Actions
✓
Terraform
✓
Ansible
✓
監視ツール
✓
チェックポイント: デプロイ/CI/CD/監視
プログラミング言語
✓
TypeScript
✓
Python
✓
Go
✓
Rust
✓
Java
✓
PHP
フレームワーク
✓
Next.js
✓
Express.js
✓
Vue.js
✓
Django
✓
Ruby on Rails
✓
Spring Boot
技術比較
✓
APIスタイル比較
✓
フロントエンドFW比較
✓
バックエンド言語比較
✓
データベース比較
✓
アーキテクチャパターン比較
✓
コンテナ技術比較
✓
CI/CD比較