Repolode
apollographql

apollographql/apollo-client

正規化キャッシュ、React Hooks、Vue・Angular・Svelte対応を備えたTypeScript・JavaScript向けGraphQLクライアント。

スター
19,784
フォーク
2,811
未解決の Issue
409
最終コミット
昨日

これは何?

Apollo Clientは、JavaScriptおよびTypeScriptアプリケーション向けのGraphQLクライアントライブラリです。GraphQLサーバーへのクエリやミューテーションの送信、結果のローカルキャッシュへの保存、データの変更に応じたUIの同期を担います。

React、Vue、Angular、Svelte、プレーンなJavaScriptで利用できます。キャッシュは追加設定なしで機能し、type policiesやフィールド単位のルールでカスタマイズできます。クエリと結果には、完全なTypeScript型が用意されています。

npmでは、graphqlパッケージと一緒に@apollo/clientとしてインストールできます。ドキュメント、APIリファレンス、VS Code拡張機能が提供されており、Apollo DevToolsをChromeまたはFirefoxにインストールすると、クエリやキャッシュを調査できます。

主な機能

  • 01追加設定なしで使える、組み込みの正規化キャッシュ。
  • 02React、Vue、Angular、Svelte、プレーンなJavaScript向けのフレームワーク連携。
  • 03クエリ、ミューテーション、結果に対応した完全なTypeScript型。
  • 04type policiesによるキャッシュ動作のカスタマイズ。
  • 05クエリやキャッシュの状態を調査できるブラウザー向けDevTools拡張機能。

ユースケース

  • GraphQL APIからデータを取得するReactのシングルページアプリを構築する。
  • VueまたはAngularのフロントエンドに、ローカルキャッシュ付きのGraphQLデータ取得機能を追加する。
  • フロントエンドの開発中にGraphQLクエリやキャッシュの内容をデバッグする。

クイックスタート

  1. 1

    npmでApollo ClientとGraphQLをインストールする

    npm install @apollo/client graphql

トピック

よくある質問

apollo-client とは?
正規化キャッシュ、React Hooks、Vue・Angular・Svelte対応を備えたTypeScript・JavaScript向けGraphQLクライアント。 Apollo Clientは、JavaScriptおよびTypeScriptアプリケーション向けのGraphQLクライアントライブラリです。GraphQLサーバーへのクエリやミューテーションの送信、結果のローカルキャッシュへの保存、データの変更に応じたUIの同期を担います。
apollo-client は無料で使えますか?ライセンスは?
apollo-client は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
apollo-client は今もメンテナンスされていますか?
活発にメンテナンス中。apollo-client の最終コミットは 2026年10月19日 です。
apollo-client は何に使えますか?
GraphQL APIからデータを取得するReactのシングルページアプリを構築する。 VueまたはAngularのフロントエンドに、ローカルキャッシュ付きのGraphQLデータ取得機能を追加する。 フロントエンドの開発中にGraphQLクエリやキャッシュの内容をデバッグする。
apollo-client のインストール方法は?
npmでApollo ClientとGraphQLをインストールする: npm install @apollo/client graphql
apollo-client はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/apollographql/apollo-client

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

関連プロジェクト