developer-roadmap（roadmap.sh）

Community driven roadmaps, articles and resources for developers.

1 — 概要
何か

developer-roadmap は、開発者のキャリアや技術習得の道筋を「インタラクティブなロードマップ」として提供するオープンソースプロジェクト。Web サイト roadmap.sh で公開され、ノードをクリックすると各トピックの詳細を読める。

70+ロードマップ
5Best Practices
5Questions シリーズ
350k+GitHub Stars

フロントエンド・バックエンド・DevOps・言語別・AI エンジニア・プロダクトマネージャーなど、役割や技術領域ごとにロードマップが用意されている。初心者向け（Beginner）ロードマップも多くあり、get started ページで自分に合うパスを選べる。

リポジトリ: kamranahmedse/developer-roadmap
2 — ロードマップ一覧
カテゴリ別

以下は一部。すべては View all Roadmaps で確認できる。

キャリア・役割

ロードマップ備考
Frontend / Backend / DevOps各 Beginner 版あり
Full Stack, DevSecOps—
AI Engineer, AI and Data Scientist—
Product Manager, Engineering Manager—
Software Architect, QA, Technical Writer, DevRel—

言語・フレームワーク

HTML, CSS, JavaScript, TypeScript, React, Next.js, Vue, Angular, Node.js, Python, Django, Go, Rust, Java, Kotlin, Spring Boot, C++, PHP, Laravel, GraphQL, Flutter, Android, iOS, Swift/Swift UI など。

インフラ・データ

AWS, Cloudflare, Linux, Terraform, Docker, Kubernetes, PostgreSQL, MongoDB, Redis, ElasticSearch, SQL など。

その他

Git and GitHub, API Design, Computer Science, Data Structures and Algorithms, System Design, UX Design, Design System, Prompt Engineering, AI Agents, AI Red Teaming, Bash/Shell など。

3 — Best Practices と Questions
Best Practices Questions（知識のテスト・自己評価）
4 — 開発・貢献
技術スタック（repos 構成）

Astro をベースに React を部分的に利用。Tailwind CSS、roadmap-renderer でロードマップ図を描画。pnpm workspace（packages/*）でモノレポ構成。本番のロードマップ編集には @roadmapsh/editor を使うが、ローカル開発時は @roadmapsh/dummy-editor で代替する。

ローカルで動かす 
git clone git@github.com:kamranahmedse/developer-roadmap.git --depth 1
cd developer-roadmap
pnpm add @roadmapsh/editor@npm:@roadmapsh/dummy-editor -w
pnpm install
pnpm dev

エディタ用に @roadmapsh/dummy-editor をワークスペースに追加してから pnpm dev で開発サーバーが起動する。

貢献: ロードマップの追記・修正・新規追加は contributing.md を参照。コンテンツ追加・既存ロードマップの変更・Issue での議論を歓迎している。
5 — 参考

サイト: roadmap.sh

リポジトリ: kamranahmedse/developer-roadmap

技術: TypeScript, Astro, React, Tailwind, roadmap-renderer, pnpm workspace。ライセンスはリポジトリの license を参照。