Repolode
ProtonMail

ProtonMail/WebClients

Mail、Calendar、Drive、Account、VPN、Pass、Wallet、Lumo、Meetを含むProtonのWebクライアントのソースコードを収めたモノレポ。

代替できる製品:GmailGoogle CalendarGoogle Drive

スター
5,681
フォーク
742
未解決の Issue
158
最終コミット
11 時間前

これは何?

このモノレポには、Proton Mail、Calendar、Drive、Account、VPN、Pass、Wallet、Lumo、Meetなど、Protonの各サービスを支えるWebアプリケーションが収録されています。各クライアントで共通して使われる依存関係、共通モジュール、開発ツールも含まれています。

リポジトリはpnpmとpnpm workspacesで管理され、すべてのパッケージでバージョンを統一しています。各アプリケーションはpnpmのfilterコマンドで個別に起動でき、pnpm-workspace.yamlの共有カタログによって、各workspaceで共通する依存関係のバージョンを揃えています。

VPNの利用体験は2つの方法で提供されます。protonvpn.comではvpn-settingsアプリを通じて、account.proton.meではaccountアプリを通じて利用できます。どちらの入口も、common componentとshared packagesのコードを共有しています。

主な機能

  • 01Mail、Calendar、Drive、Account、VPN、Pass、Wallet、Lumo、MeetのWebクライアントを収録。
  • 02pnpm workspacesを使用し、パッケージ間でバージョンを統一。
  • 03@proton/componentsや@proton/sharedなどの共通パッケージを通じて、コンポーネントやユーティリティを共有。
  • 04pnpmのfilterコマンドで各アプリケーションを個別に実行可能。
  • 05pnpmカタログで共通の依存関係バージョンを一元管理。

ユースケース

  • pnpm workspacesを使った大規模な本番環境向けTypeScript・Reactモノレポの構成を学ぶ。
  • Protonの暗号化サービスのWebクライアントへの貢献や監査を行う。
  • 複数アプリを持つフロントエンドプロジェクトの参考として、共通コンポーネントやユーティリティのパッケージを再利用する。

クイックスタート

  1. 1

    リポジトリをクローンする

    git clone https://github.com/ProtonMail/WebClients.git
  2. 2

    pnpmですべてのモノレポ依存関係をインストールする

    pnpm install
  3. 3

    Proton MailのWebクライアントを起動する

    pnpm --filter proton-mail run start

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

  • Node.jsとpnpmは、ルートのpackage.jsonで指定されたエンジンの最低バージョン要件を満たす必要があります。満たさない場合、engine-strictによってインストールが失敗します。
  • 9つのWebアプリを含む大規模なモノレポのため、単一アプリのプロジェクトよりセットアップに手間がかかります。
  • GPL-3.0ライセンスのため、派生物を配布する場合もコピーレフト条件で公開する必要があります。

収録されている特集

トピック

#monorepo#pnpm#react#typescript#webmail#encryption#pgp#protoncalendar#protoncontacts#protondrive

よくある質問

WebClients とは?
Mail、Calendar、Drive、Account、VPN、Pass、Wallet、Lumo、Meetを含むProtonのWebクライアントのソースコードを収めたモノレポ。 このモノレポには、Proton Mail、Calendar、Drive、Account、VPN、Pass、Wallet、Lumo、Meetなど、Protonの各サービスを支えるWebアプリケーションが収録されています。各クライアントで共通して使われる依存関係、共通モジュール、開発ツールも含まれています。
WebClients は無料で使えますか?ライセンスは?
WebClients は GPL-3.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
WebClients は今もメンテナンスされていますか?
活発にメンテナンス中。WebClients の最終コミットは 2026年11月7日 です。
WebClients は何に使えますか?
pnpm workspacesを使った大規模な本番環境向けTypeScript・Reactモノレポの構成を学ぶ。 Protonの暗号化サービスのWebクライアントへの貢献や監査を行う。 複数アプリを持つフロントエンドプロジェクトの参考として、共通コンポーネントやユーティリティのパッケージを再利用する。
WebClients のインストール方法は?
リポジトリをクローンする: git clone https://github.com/ProtonMail/WebClients.git pnpmですべてのモノレポ依存関係をインストールする: pnpm install Proton MailのWebクライアントを起動する: pnpm --filter proton-mail run start
WebClients はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/ProtonMail/WebClients

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト