Microsoft の最も人気のある 10 のオープンソースフロントエンドプロジェクト!

この記事では、GitHub で 450,000 を超えるスターを獲得した、Microsoft のトップ 10 のオープンソースフロントエンドプロジェクトをレビューします。

ビジュアルスタジオコード

Visual Studio Codeは、Microsoftが開発したオープンソースのコードエディターです。C、C++、C#、Python、JavaScript、TypeScriptなど、複数のプログラミング言語をサポートし、機能を拡張するための豊富なプラグインエコシステムを提供しています。VS Codeは、構文のハイライト、インテリジェントなコード補完、コードナビゲーション、デバッグ機能など、豊富な編集機能を誇ります。また、統合ターミナルウィンドウ、Gitバージョン管理、そして開発者の多様なニーズに応える豊富なテーマとプラグインも提供しています。

写真

Github (151k ⭐️): https://github.com/microsoft/vscode

タイプスクリプト

TypeScriptは、Microsoftが開発したオープンソースのプログラミング言語で、JavaScriptの拡張版です。静的型チェックとオブジェクト指向機能を備え、開発ツールと開発エクスペリエンスを向上させます。型アノテーションと型推論により、コンパイル時に潜在的な型エラーを検出し、より適切な編集候補と自動補完を提供します。TypeScriptはJavaScriptにコンパイルされ、ReactやVue.jsなどの既存のコードベースとシームレスに統合されます。TypeScriptを使用することで、より安全で堅牢なJavaScriptアプリケーションを作成できます。

写真

Github (94.2k⭐️): https://github.com/microsoft/TypeScript

初心者向けWeb開発

Web-Dev-For-Beginners は、Microsoft が初心者向けに提供するオープンソースの Web 開発学習プロジェクトです。12 週間、24 レッスンで構成されており、初心者が Web 開発の基礎とスキルを習得できるように設計されており、実践的な経験とサンプルコードを提供します。

写真

Github (76.8k⭐️): https://github.com/microsoft/Web-Dev-For-Beginners

劇作家

Playwrightは、Microsoftが開発したオープンソースのクロスブラウザ自動テストツールです。様々なブラウザ間でのユーザー行動やインタラクションをシミュレートでき、Windows、Linux、macOSを含む複数のプラットフォームで動作します。他の類似ツールと比較して、Playwrightは優れたパフォーマンス、安定性、スケーラビリティを提供し、複数のブラウザ、言語、プラットフォームをサポートしています。

写真

Github (55k⭐️): https://github.com/microsoft/playwright

モナコ編集者

Monaco Editorは、Microsoftが開発したオープンソースのWebベースのコードエディターです。Visual Studio Codeの中核となる編集コンポーネントであり、Webアプリケーションに統合して使用できます。構文の強調表示、自動補完、コード候補、コードの折りたたみ、インデント調整、コードのフォーマットなど、高度な編集機能を多数備えています。複数のプログラミング言語をサポートし、豊富な拡張性を備えているため、プラグインやカスタムスタイルを通じて機能拡張やインターフェースのカスタマイズが可能です。

写真

Github (35.6k⭐️): https://github.com/microsoft/monaco-editor

流暢なUI

Fluent UI は、モダンで使いやすく、美しいユーザーインターフェイスを構築するための、Microsoft のオープンソースデザインシステムです。再利用可能なコンポーネント、スタイル、パターンのスイートが提供され、開発者は一貫性がありカスタマイズ可能なインターフェイスを迅速に構築できます。複数のフロントエンドフレームワークとテクノロジをサポートし、豊富なコンポーネントライブラリとカスタムテーマ機能を備えています。

写真

Github (16.4k⭐️): https://github.com/microsoft/fluentui

速い

FASTは、Webコンポーネントと最新のWeb標準に基づいて構築されたテクノロジーの集合体であり、ウェブサイトやアプリケーションの設計・開発における最も一般的な課題のいくつかに効果的に対処できるように設計されています。FASTの中核となる原則は、「可能な限りオープンでWeb標準に基づいたアプローチを採用する」ことです。この目的のため、FASTは前述のW3C Webコンポーネント標準に直接基づいて構築されており、独自のコンポーネントモデルは作成しません。これにより、FASTを使用して構築されたコンポーネントは、組み込みのネイティブHTML要素と同様に機能します。FASTコンポーネントはフレームワークなしでも使用できますが、任意のフレームワークやライブラリと組み合わせて使用することもできます。

写真

Github (8.6k⭐️): https://github.com/microsoft/fast

タイプチャット

TypeChatは、Microsoftが開発したオープンソースプロジェクトで、大規模言語モデルから返されるレスポンス構造を定義するためのソリューションを開発者に提供することを目的としています。自然言語リクエストを特定の型のJSONオブジェクトに変換するためのプロンプトとスキーマを定義することで、開発者はチャットインターフェースやカスタマイズされたAIエージェントを迅速に構築できます。

写真

Github (6.6k⭐️): https://github.com/microsoft/TypeChat

ラッシュスタック

ラッシュスタックとは:

ミッション: Web プロジェクト向けの大規模なモノレポジトリに再利用可能なテクノロジーを提供する。
オープンコラボレーション: コミュニティの協力者を集めることで、要求の厳しいツールに直面しても孤独に戦う必要がなくなります。
具体的な戦略: Node.js、TypeScript、ESLint、Prettier、Webpack、Jest などのさまざまな一般的なツールを統合して、最終的にソリューションを形成します。
一連のプロジェクト：すべて同じ起源を共有し、密接に連携して動作します。

写真

Github (5.2k⭐️): https://github.com/microsoft/rushstack

雄鶏

Roosterは、フレームワークに依存しないJavaScriptリッチテキストエディタで、HTMLの`<div>`要素内に適切にネストされています。エンドユーザーによる編集操作は、最終的なHTMLを生成するシンプルな方法で処理されます。

写真

Github (765⭐️): https://github.com/microsoft/roosterjs

DUICUO