microsoft/Web-Dev-For-Beginners

これは何？

主な機能

• 01約12週間のコースとして構成された全24レッスン
• 02テラリウム、タイピングゲーム、ブラウザー拡張機能、宇宙ゲーム、銀行アプリなどのプロジェクト
• 03各レッスンに講義前後のクイズ、理解度チェック、課題を用意
• 0450以上の言語に対応し、クローンを高速化するsparse checkoutも利用可能
• 05GitHub CodespacesまたはVisual Studio Codeを使ったローカル環境で実行可能

ユースケース

• HTML、CSS、JavaScriptを体系的に学びたい完全な初心者
• プロジェクトベースのレッスンでWeb開発の授業を行う教師
• 理論を読むより、小さなゲームや拡張機能を作りながら学びたい人

クイックスタート

1. 1

   GitHubでリポジトリをフォークします

2. 2

   フォークしたリポジトリをパソコンにクローンします

   git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. 3

   Visual Studio Codeでフォルダーを開き、「1-getting-started-lessons」フォルダーにあるLesson 1から始めます

使う前に知っておきたいこと

• !レッスンは学習教材であり、実行可能なアプリケーションではないため、起動する単一のプログラムはありません。
• !コンテンツの大半は英語で、自動翻訳による翻訳が提供されています。

トピック

よくある質問

Web-Dev-For-Beginners とは？

テラリウム、タイピングゲーム、宇宙ゲームなどの実践プロジェクトを通じてHTML、CSS、JavaScriptを学ぶ、12週間・全24レッスンの初心者向けカリキュラム。 Web Development for Beginnersは、Web開発を始める人を対象にMicrosoft Cloud Advocatesが提供する、無料のプロジェクトベースのカリキュラムです。全24レッスンで、約12週間かけて学べる構成になっており、JavaScript、CSS、HTMLの基礎を扱います。

Web-Dev-For-Beginners は無料で使えますか？ライセンスは？

Web-Dev-For-Beginners は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

Web-Dev-For-Beginners は今もメンテナンスされていますか？

活発にメンテナンス中。Web-Dev-For-Beginners の最終コミットは 2026年10月20日 です。

Web-Dev-For-Beginners は何に使えますか？

HTML、CSS、JavaScriptを体系的に学びたい完全な初心者 プロジェクトベースのレッスンでWeb開発の授業を行う教師 理論を読むより、小さなゲームや拡張機能を作りながら学びたい人

Web-Dev-For-Beginners のインストール方法は？

GitHubでリポジトリをフォークします フォークしたリポジトリをパソコンにクローンします: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git Visual Studio Codeでフォルダーを開き、「1-getting-started-lessons」フォルダーにあるLesson 1から始めます

Web-Dev-For-Beginners はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/microsoft/Web-Dev-For-Beginners