Windowsでの Web 開発

Microsoft は、Windowsを使用した Web 開発をサポートする新しいツールや機能など、Web 開発者向けにさまざまなリソースを提供しています。 このガイドでは、web 用に開発するのに最適な環境Windowsするために使用できるツールの多くについて説明します。 API の一覧については、Web 開発用の API に関する記事を参照してください。

Windows

WebView、DevTools、PWA

WebView 2
Microsoft Edge WebView2 を使用して、ネイティブ アプリケーションに Web コンテンツ (HTML、CSS、JavaScript) を埋め込みます。 WebView 2 のダウンロード

Microsoft Edge DevTools
Microsoft Edge開発者ツールは、Microsoft Edge ブラウザーに直接組み込まれた一連の検査およびデバッグ ツールです。 Microsoft Edgeをフォーカスして DevTools を開くには:

• 右クリックして検査
• F12 キーを選択
• Ctrl + Shift + i

Windowsでのプログレッシブウェブアプリ
プログレッシブ Web Apps (PWA) は、デバイス用にカスタマイズされたネイティブなアプリのようなエクスペリエンスをユーザーに提供します。 これは、サポート プラットフォームでネイティブ アプリのように機能するよう徐々に拡張される Web サイトです。
PWA を始める

ブラウザー Microsoft Edge

Microsoft Edge for Developers
新しいMicrosoft Edgeは Chromium に基づいて、Web の互換性が向上し、基になる Web プラットフォームの断片化が少なくなります。 2020 年 1 月 15 日にリリースされ、Windows、macOS、iOS、Android でサポートされています。
新しいMicrosoft Edge

Microsoft Edge for Business
Microsoft Edgeは Chromium に基づいており、エンタープライズ サポートを提供します。 使用可能な複数のチャネルを構成して展開する方法の手順について説明します。
Microsoft Edge チャンネルをダウンロード

Microsoft Edge Insider
私たちは毎日Microsoft Edgeのための新しい何かを構築しています。 最近の進捗と参加する方法をご覧ください。 ベータ版Microsoft Edgeダウンロード

Microsoft Edge サポート
ブラウザーのカスタマイズ、拡張機能の追加、追跡防止、トラブルシューティングなどのためのヘルプが用意されています。 Microsoft Edge

デバッグ、テスト、アクセシビリティ

Microsoft Edge TOOLS for VS Code
Visual Studio Codeを残さずに、Microsoft Edge DevTools を使用してインスタンスに接続し、ランタイム HTML 構造の表示、レイアウトの変更、スタイル (CSS)、コンソール メッセージの読み取り、ネットワーク要求の表示を行います。
VS Code 用Microsoft Edge ツールのインストール

アクセシビリティのための WebHint
ベスト プラクティスと一般的なエラーについてコードをチェックすることで、サイトのアクセシビリティ、速度、クロスブラウザーの互換性などの向上に役立つカスタマイズ可能なツール。
VS Code 拡張機能をインストールする
ブラウザー拡張機能をインストールする
CLI のインストール

WebDriver
Microsoft WebDriver を使用してMicrosoft Edgeで Web サイトのテストを自動化することで、開発者サイクルのループを閉じます。
WebDriver をインストールする

Visual Studio コード エディター

VS Code
JavaScript、TypeScript、Node.js、拡張機能 (C++、C#、Java、Python、PHP、Go) とランタイム (.NET や Unity など) の豊富なエコシステムを組み込んだ軽量のソース コード エディター。
VS Code をインストールする

Visual Studio (IDE)
コンパイラ、IntelliSense コード補完、その他多くの機能が含まれ、コードの編集、デバッグ、ビルドと、アプリの発行を行うことができる統合開発環境。
Install Visual Studio

拡張機能の VS Code Marketplace
Visual Studio Code エディターをカスタマイズするために使用できるさまざまな拡張機能について確認します。
拡張機能をインストールする

Visual Studio Marketplace for Extensions
Visual Studio統合開発環境をカスタマイズするために使用できるさまざまな拡張機能について説明します。
拡張機能をインストールする

WSL、ターミナル、Package Manager、Docker Desktop

Windows Subsystem for Linux
Windowsと完全に統合されたお気に入りの Linux ディストリビューションを使用します (デュアルブートは不要)。
WSL をインストールする

Windows Terminal
複数のコマンド ライン シェルで動作するようにターミナル環境をカスタマイズします。
ターミナルをインストールする

Windows Package Manager
コマンドラインで winget.exe クライアントを使用して、Windows にアプリをインストールしたり、独自のパッケージを Windows Package Manager に提出したりします。
Windows Package Manager の winget クライアントをインストール

Docker Desktop for Windows
Visual Studio、VS Code、.NET、Windows Subsystem for Linux、またはさまざまなAzure サービスをサポートするリモート開発コンテナーを作成します。
Windows用Docker Desktopをインストールします

ASP.NET、Typescript、.NET MAUI

ASP.NET
web アプリとサービス、モノのインターネット (IoT) アプリ、または .NET と C# を使用したモバイル バックエンドを構築するためのクロスプラットフォーム フレームワーク。 Blazor を使用して、リッチな対話型 Web UI を構築します。 Windows、macOS、Linux でお気に入りの開発ツールを使用します。 クラウドまたはオンプレミスに展開する。 .NETで実行します。
Install ASP.NET

TypeScript
TypeScript は、言語に型を追加することによって JavaScript を拡張します。 たとえば、JavaScript には、文字列、数値、オブジェクトなどの言語プリミティブが用意されていますが、それらを一貫して割り当てているかどうかはチェックされません。 TypeScript では、これが行われます。
ブラウザーで試すローカルにインストールする

.NET MAUI
.NETマルチプラットフォーム アプリ UI (.NET MAUI) を使用すると、Android、iOS、macOS、Windows、Tizen のモバイルフォームファクターとデスクトップフォームファクターを対象とする.NETクロスプラットフォーム UI ツールキットを使用してネイティブ アプリを構築できます。
Install .NET MAUI

オープン ソースのコントリビューション

Microsoft のオープン ソース
何千人もの Microsoft エンジニアが、毎日open sourceを使用し、貢献し、リリースしています。 一般的なプロジェクトには、Visual Studio Code、TypeScript、.NET、ChakraCore などがあります。
に参加する

ドキュメントに投稿する
Microsoft のドキュメント セットのほとんどはopen sourceされ、GitHubでホストされています。 問題をファイリングしたり、プル要求を作成したりして投稿します。
方法はこちら

Azureを使用したクラウド開発

Azure
既存のアプリをホストし、新しい開発を効率化するための完全なクラウド プラットフォーム。 Azure サービスは、アプリの開発、テスト、デプロイ、管理に必要なすべてのものを統合します。
Azure アカウントを設定します

Azure Cognitive Services
コグニティブなインテリジェンスを手軽にアプリケーションに組み込むことができる REST API とクライアント ライブラリ SDK が備わったクラウドベースのサービスです。
コグニティブ サービスを試す

Browse Azure products
Azureは、さまざまな製品とサービスを提供しています。ドキュメントを参照するか、Azure製品の説明と価格を参照してください。
Azure アカウントを設定します

その他のリソース

Windowsで開発環境を設定します
Python、NodeJS、C#、C、C++、Android アプリのビルド、Windows デスクトップ アプリのビルド、Docker コンテナーのビルド、PowerShell スクリプトの実行などを行う開発環境の設定に関するヘルプを参照してください。
作業の開始

デスクトップ用 React Native
Windows SDK と macOS 10.13 SDK に React Native のサポートを提供します。 JavaScript を使用して、PC、タブレット、2-in-1、Xbox、Mixed Reality デバイスなど、Windowsでサポートされているすべてのデバイス、および macOS デスクトップおよびノート PC エコシステム用のネイティブ Windows アプリを構築します。
Windows 用の React Native をインストールします
MacOS 用 React Native をインストールする

Web 開発に関連する Microsoft Learn コース
Microsoft Learn には、各種の新しいスキルを学ぶことができる無料のオンライン コースが用意されており、ステップバイステップのガイダンスを使用して Microsoft の製品やサービスを見つけることができます。
学習を開始する

Mac と Windows 間の切り替え

Mac と Windows (またはWindows Subsystem for Linux) 開発環境の切り替えに関する説明をご覧ください。

• キーボード ショートカット
• トラックパッドのショートカット
• ターミナルとシェルのツール
• アプリとユーティリティ