並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 60件

新着順 人気順

Apolloの検索結果1 - 40 件 / 60件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

Apolloに関するエントリは60件あります。 GraphQLjavascriptReact などが関連タグです。 人気エントリには 『あなたのプロダクトに Apollo Client は必要ないかもしれない - 一休.com Developers Blog』などがあります。
  • あなたのプロダクトに Apollo Client は必要ないかもしれない - 一休.com Developers Blog

    Apollo Client は複雑 Apollo Client が向いているケース 一休.com に Apollo Client は必要ないかもしれない では何を使えばいいの? 複雑なアプリケーションには Apollo を使えばいい? もう一つのリッチなクライアント、Relay の話 結局、何を使えばいいのか この記事は一休 × 出前館 Frontend Meetup でお話した内容をブログにまとめたものです。 user-first.ikyu.co.jp speakerdeck.com GraphQL クライアントと聞いて一番に思い浮かぶライブラリは何でしょうか? 多くの方にとっては Apollo Client ではないかと思います。npm trends を見ても Apollo Client のダウンロード数は urql や relay などほかのクライアントと比べ圧倒的です。 実際、一休

      あなたのプロダクトに Apollo Client は必要ないかもしれない - 一休.com Developers Blog
    • TypeScriptでWebサービス開発(Apollo Server/Prisma/Next.js etc...)

      最近開発しているBtoB SaaSサービスの技術スタックを、RailsからNode.jsに移行した。 これにより、フロントエンドもバックエンドも全てをTypeScriptで統一することができた。 特にNode.jsのWebバックエンドの構成について、まだまだ世の中に知見が少ない気がしているので記事にしておく。 Webバックエンド - Node.js(TypeScript) Nexus/Apollo Server (Webサーバー) GraphQLサーバーとして、Apollo ServerのコードファーストなアプローチでのラッパーであるNexusを使っている。 Railsからの移行を決断できたのも、Apollo ServerとPrismaにより、外部との通信が型付きで、かつ開発体験よく書けるようになたから、というのが大きくある。 数年前の段階だと、素のexpressを使ってWebサーバーを立

        TypeScriptでWebサービス開発(Apollo Server/Prisma/Next.js etc...)
      • Apollo ServerとPrismaではじめるGraphQL API開発入門

        この本では、TypeScriptで型安全にGraphQLサーバーを構築する方法をハンズオン形式で学習することができます。 Todoアプリの開発を通して、GraphQLスキーマの扱いやCLIツールの設定方法、TypeScriptのORMであるPrismaの基本的な使用方法、CI/CDパイプラインの構築によるマイグレーションの自動化などを体験します。 GraphQLサーバー実装の素振りをしておきたい方や、フロントエンドからGraphQL APIを使用したことはあるけど自分でAPIを実装したことはないようなバックエンドの開発初心者の方に向けた内容となっております。

          Apollo ServerとPrismaではじめるGraphQL API開発入門
        • Apollo Federation で GraphQL マイクロサービスアーキテクチャを構築する

          最近調べていた Apollo Federation についてのメモです。 Apollo Federation の概要と、Next.js の API Routes で Apollo Federation を使う例をまとめています。 Apollo Federationとは? 以前 Netflix の GraphQL マイクロサービスアーキテクチャが話題になりました。その構成を支えているのが Apollo Federation です。 Apollo Federation は、複数の GraphQL マイクロサービスをゲートウェイでまとめて、1 つの GraphQL エンドポイントとして提供するものです。 Apollo Federation を使うことで、それぞれのマイクロサービス間で依存する処理を良い感じに統合してくれます。 例えば、投稿情報は Post マイクロサービスにあり、その投稿の投稿者

            Apollo Federation で GraphQL マイクロサービスアーキテクチャを構築する
          • OpenAIとApollo Research、「o1」は自分の目的のために嘘をつくと報告

            米OpenAIとAI安全性の研究組織である米Apollo Researchは12月5日(現地時間)、OpenAIが同日公式版をリリースしたLLMの「o1」についての考察を発表した。いずれも、o1に関して幾つかの懸念事項を指摘している。 o1は、OpenAIが9月に発表したLLM。回答を生成する前に思考の連鎖を生み出すことで、複雑な推論タスクを実行できるというものだ。さまざまな戦略を試したり、間違いを認識したり、思考プロセスを洗練したりすることで、従来のモデルと比較して、より有用な回答を提供できるようになったとOpenAIは説明している。 だがApollo Researchは、o1が「scheming」(策略。開発者やユーザーの意図と異なる目的を密かに追求する能力)について評価したところ、o1が以下のような行動を示すことが明らかになったとしている。 開発者やユーザーではなく、o1自身の目標に

              OpenAIとApollo Research、「o1」は自分の目的のために嘘をつくと報告
            • GraphQLライブラリをApollo→Relay→Urqlにハシゴした話 | 株式会社ヌーラボ(Nulab inc.)

              GraphQLクライアントライブラリ乗り換え遍歴 私達のプロジェクトではReactのフロントエンドとバックエンドの通信にGraphQLを使っています。 GraphQLは、たいていの場合はHTTP POSTリクエストで リクエストボディ:GraphQLクエリ(文字列)と引数(オブジェクト)からなるJSON レスポンスボディ:データJSON をやりとりするだけというだけのシンプルなプロトコルなので、全てfetch関数で頑張るストロングスタイルで行けないこともないですが、やっぱり専用のクライアントライブラリを利用したほうが楽です。 そのライブラリとして一番有名なApollo Clientから始まってRelay、Urqlと、3ヶ月くらいの間に2回も乗り換えてしまったので、反省の意味も込めて記事にしたいと思います。 GraphQLクライアントライブラリがいろいろあってどう違うんだろうと迷った方の助け

                GraphQLライブラリをApollo→Relay→Urqlにハシゴした話 | 株式会社ヌーラボ(Nulab inc.)
              • Getting Started With Apollo Client in Next.js | Apollo GraphQL Blog

                March 9, 2021Getting Started With Apollo Client in Next.js (Update May 2023) We published a library that makes it easier to use Apollo Client with Next.js 13, this guide still remains valid if you’re using the pages directory. Wait, you want me to put my data where!? Figuring out how to configure Apollo Client with Next.js can be a bit confusing. This confusion stems from the fact that there are t

                  Getting Started With Apollo Client in Next.js | Apollo GraphQL Blog
                • テスラに迫る!? 中国の自動運転をリードするBaidu/ApolloのAI戦略

                  こんにちは。Turingの機械学習チームでエンジニアをしている塩塚です。 Turingは「We Overtake Tesla」を合言葉に、完全自動運転EVの開発・販売を目指しているスタートアップです。TuringではAIの強力さとそのさらなる成長を信じ、AIベースの自動運転システムを開発しています。 AIベースで自動運転を開発している会社はいくつかありますが、例えば米国の電気自動車メーカーTeslaはその代表的な会社の一つです。Teslaはカメラを主たるセンサーとして採用し、AIによって走行経路などを決定しています。詳しい内容は、Tesla AI Day 2021というイベントの内容を弊社のエンジニアがまとめているのでぜひ見てみてください。 一方、私たちはTeslaだけでなく、Apolloという中国企業にも大きく注目しています。 Apolloは、中国の巨大IT企業Baidu傘下の会社で、自

                    テスラに迫る!? 中国の自動運転をリードするBaidu/ApolloのAI戦略
                  • GraphQL is for Backend Engineers | Apollo GraphQL Blog

                    Most articles explaining the benefits of GraphQL focus on advantages for the frontend: things like preventing overfetching, reducing round trips, and iterating faster. But GraphQL provides just as many advantages for backend developers, which is why I choose it by default for new APIs and why you should consider it, too. Improved communication The goal of building any API is to enable someone to u

                      GraphQL is for Backend Engineers | Apollo GraphQL Blog
                    • XState + Apollo Clientでフロントエンドのステート管理 | メルカリエンジニアリング

                      こんにちは。メルカリのSoftware Engineerのsotaです。 この記事は、Mercari Advent Calendar 2021 の18日目の記事です。 先日限定公開が始まったmerworkのWebフロントエンドでは、より良いUXを実現するためにコードの段階から設計していこう、というテーマをもとに、ライブラリやフレームワークの選定を行なっています。その中でAPIのデータやアプリケーションのステート管理にはXStateとGraphQLクライアントであるApollo Clientを採用しています。今回はこれらのライブラリを採用した経緯やどのように運用しているかについて解説します。 XStateについて XStateはステートチャートに基づいた状態遷移を管理するJavaScriptライブラリです。ReduxやMobXのようなフロントエンドのステート管理ライブラリと比較すると、XSt

                        XState + Apollo Clientでフロントエンドのステート管理 | メルカリエンジニアリング
                      • Why I (finally) switched to urql from Apollo Client - LogRocket Blog

                        Alec Brunelle Alec is a web developer who loves to work in all areas of the stack. Currently hacking on GraphQL services at Unity Technologies. Using GraphQL in your frontend application is a like playing a different ball game than when using REST. Client libraries such as urql, Apollo Client, and Relay are able to offer different capabilities than REST libraries such as Axios or fetch. How come?

                          Why I (finally) switched to urql from Apollo Client - LogRocket Blog
                        • Google OCS Apollo: The >$3 Billion Game-Changer in Datacenter Networking

                          Google OCS Apollo: The >$3 Billion Game-Changer in Datacenter Networking Custom Optical Switches Reduce Broadcom's Networking Dominance Custom Optical Switches Reduce Broadcom’s Networking Dominance Networking is a critical part of any datacenter, especially with the rise of networking-intensive large language models. As such, it was a clear target for Google’s infrastructure optimization efforts.

                            Google OCS Apollo: The >$3 Billion Game-Changer in Datacenter Networking
                          • React Apollo MockProvider の知見をまとめた - tomoima525's blog

                            MockProviderはReact Apolloクライアントのリクエストや結果をモックするのに推奨されている方法です。サンプルコードを見る限りではいい感じに動くように見えますが、実際に使うとなると、結構ハマりどころがあります。MockProviderの使い方のヒントについてはすでにmediumなどに素晴らしい記事がありますが、それでもMockProvierの予期せぬ動作に数時間を溶かしてしまいました。 そんなわけでこの記事では、レスポンスを適切にモックするまでに得られた知見をシェアします。 なおテスト環境は以下です: @apollo/client: 3.2.0 react-native:0.62.2 jest: 24.9.0 react-native-testing-library: 2.1.1 それでは行ってみましょう! 1. useQueryはhooks packageから直接インポ

                              React Apollo MockProvider の知見をまとめた - tomoima525's blog
                            • Apollo Router: our GraphQL Federation runtime in Rust | Apollo GraphQL Blog

                              November 10, 2021Apollo Router: our GraphQL Federation runtime in Rust At Apollo, we help developers power the world’s most important applications with a graph. Whether you’re shopping online, booking travel, or binge-watching your favorite movies, you’re using the graph every day. These experiences are all built on Apollo Federation, an architecture for declaratively composing GraphQL APIs into a

                                Apollo Router: our GraphQL Federation runtime in Rust | Apollo GraphQL Blog
                              • GitHub - amirgamil/apollo: A Unix-style personal search engine and web crawler for your digital footprint.

                                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                  GitHub - amirgamil/apollo: A Unix-style personal search engine and web crawler for your digital footprint.
                                • @graphql-codegen/typescript-react-apolloとの思い出 - スタディサプリ Product Team Blog

                                  こんにちは、 Web フロントエンドエンジニアの @progfay です。 この記事は Recruit Engineers Advent Calendar 2022 の 12 日目の記事です。 今回はプロジェクト内で使っている @graphql-codegen/typescript-react-apollo package との思い出を書き綴っていきます。 出会い 私の所属するスタディサプリ中学講座の開発プロジェクト (通称: tara) では通信に GraphQL を採用しています。 また、 GraphQL Code Generator を使って GraphQL にまつわる型や関数の生成を行なっています。 Web Frontend では API Client として Apollo Client を使用しており、 TypeScript と React と Apollo Client を合わ

                                    @graphql-codegen/typescript-react-apolloとの思い出 - スタディサプリ Product Team Blog
                                  • Apollo Server 4へのアップデート手順

                                    はじめに こんにちは。 GMOソリューションパートナーのzakisanbaimanです。 GraphQLのOSSフレームワークであるApollo Serverのバージョン3が2024年10月22をもってEOLを迎えます。 それに伴って現時点(2024年3月)で最新バージョンである Apollo Server 4 へのアップデートが必要となるため、本記事で変更点および注意点について解説します。 この記事の要点 Apollo Server3が2024年10月22日にEOLを迎える apollo-serverやapollo-server-codeなどは@apollo/serverパッケージに統合される サーバ起動の関数が変更となる 環境 Node.js: 20 Apollo Server: 3 → 4 変更点 1. パッケージ構成の変更 各パッケージが @apollo/~ へ統合されます。 ap

                                      Apollo Server 4へのアップデート手順
                                    • 『APOLLO アマチュアナイトジャパン24-25 グランドファイナル』一般発売&オンライン配信チケット発売開始 | Neopress ネオプレス

                                      2月20日(木)に大阪・ COOL JAPAN PARK OSAKA WWホールにて『APOLLO アマチュアナイトジャパン24-25 グランドファイナル』を開催いたします。 本日より、FANYチケットにてチケットの一般発売、FANY Online Ticket にてオンライン配信チケットの発売が開始となります。 「アマチュアナイト」とは、ニューヨークのアポロシアター発、数々の世界的スターを生みだす伝説のオーディションライブで、プロ契約を結んでいないアマチュアパフォーマーを対象に、本国同様に観客の拍手と歓声、ブーイングによって勝敗が決まります。 決勝大会となる今回のグランドファイナルでは、大会のメインアンバサダーとしてパフォーマーたちの激戦を見守ってきた小籔千豊と山本彩がMCとして参加。さらに、予選ラウンドにも参加したニューヨーク、エグスプロージョンの2組が一緒に大会を盛り上げます。 7月

                                        『APOLLO アマチュアナイトジャパン24-25 グランドファイナル』一般発売&オンライン配信チケット発売開始 | Neopress ネオプレス
                                      • Using Apollo Client with Next.js 13: releasing an official library to support the App Router - Apollo GraphQL Blog | Apollo GraphQL Blog

                                        Blog /announcement /Frontend /Using Apollo Client with Next.js 13: releasing an official library to support the App Router Back to Blog May 10, 2023Using Apollo Client with Next.js 13: releasing an official library to support the App Router The latest release of Next.js 13 (13.4) declared the new app directory as stable and it will now be the default for new projects. The app directory is a major

                                          Using Apollo Client with Next.js 13: releasing an official library to support the App Router - Apollo GraphQL Blog | Apollo GraphQL Blog
                                        • NASAが協力する汎用人型ロボット「Apollo」--2024年の出荷を目指す

                                          過去数年間で人型ロボットの開発は大きく前進している。Teslaの最高経営責任者(CEO)Elon Musk氏は2022年に「Optimus」を発表し、Boston Dynamicsは数カ月おきに「Atlas」ロボットに新しいスキルを追加している。3月にはテキサス州に拠点を置く新興企業Apptronikが大規模イベントSouth by Southwestで、汎用人型ロボットを一部のグループを対象に公開する予定だ。 Apptronikは最新型のロボットに「Apollo」という名を付けた。商用利用に向けて米航空宇宙局(NASA)と協力していることが理由の1つだ。Apolloを宇宙空間に送る計画ではないが、将来ロボットによる宇宙探索の可能性に向けてNASAは人型ロボットの開発を積極的に進めたい思惑がある。Apolloの公式画像は公開されていないが、Apptronikは最終的にApollo開発につな

                                            NASAが協力する汎用人型ロボット「Apollo」--2024年の出荷を目指す
                                          • Apptronik、初の商用ヒューマノイドロボット「Apollo」を発表 - fabcross for エンジニア

                                            米Apptronikは2023年8月23日、フレンドリーなインタラクション、大量生産性、性能、安全性を考慮して設計された、初の商用ヒューマノイドロボット「Apollo」を発表した。近い将来、倉庫や製造工場で稼働し、最終的には建設、石油・ガス、電子機器製造、小売、宅配、高齢者介護など、多くの分野に拡大する予定だという。 Apptronikはテキサス大学オースティン校のHuman Centered Robotics研究室から生まれた企業で、これまでさまざまなロボットを開発してきた。同社の創設者は、NASAのValkyrieロボットの製造にも関わっている。 それらの経験を活かして開発されたApolloは人型で、人間のために設計された環境で、人間と一緒に働くために作られている。人間に近いサイズの、身長5フィート8インチ(約173cm)、体重160ポンド(約73kg)となっており、55ポンド(約25

                                              Apptronik、初の商用ヒューマノイドロボット「Apollo」を発表 - fabcross for エンジニア
                                            • ヒト型ロボット「Apollo」発表。“工事現場から配送、介護まで”謳うなんでもロボ | Gadget Gate

                                              テクノロジー 洗濯物をたたむロボットが欲しいです ヒト型ロボット「Apollo」発表。“工事現場から配送、介護まで”謳うなんでもロボ Image:Apptronik テキサス州オースティンのスタートアップ企業Apptronikが、汎用ヒューマノイド「Apollo」を発表した。「友好的な相互作用、大量生産可能性、パフォーマンス、安全性を備えた、初めての商業用ヒューマノイドロボット」を謳うこのロボットは「人間のために設計された職場環境で、人間と協力して働くことを目的として開発されたという。 特に適していると想定されるのは「倉庫とサプライチェーン」ということで、わかりやすくいえば物流や製造の現場で資材や製品の入った重いケースやカートを移動・運搬することが、おそらくこのロボットの得意分野になるだろう。 Apptronikの共同創業者兼CEO、ジェフ・カルデナス氏は「人々は過酷な条件でロボティックな

                                                ヒト型ロボット「Apollo」発表。“工事現場から配送、介護まで”謳うなんでもロボ | Gadget Gate
                                              • Next.js, Prisma, Apollo GraphQL, Nexusで作るシンプルTODOアプリ

                                                この記事はClassi developers Advent Calendar 2021の6日目の記事です。 この記事では、Next.jsをベースに、Prisma・Apollo GraphQL・GraphQL Nexusを組み合わせて簡易的なTODOアプリを実装してみたのでその手順をまとめます。 これらの組み合わせにより、バックエンドもフロントエンドもすべてTypeScriptで記述することができます。 全体構成 主に使用するフレームワーク・ライブラリ Next.js Reactフレームワーク Prisma Node.jsとTypeScriptのためのORM クエリの結果が型付けされるため、開発体験を向上させることができる特徴がある 本書ではPostgreSQLと接続してデータの取得・操作を行う Apollo GraphQL GraphQLサーバ(Apollo Server)およびGraph

                                                  Next.js, Prisma, Apollo GraphQL, Nexusで作るシンプルTODOアプリ
                                                • Apollo Clientのキャッシュの仕組みとローカルの状態管理について

                                                  はじめに 現在携わっているプロジェクトの技術選定で GraphQL を使うことになり、 GraphQL クライアントとして Apollo Client を採用することになりました。 最初は GraphQL をクライアントサイドで便利に使えるようにしてくれるものくらいの認識で、クライアント側の状態管理には別途 Redux とか入れるのかなと思っていたのですが、調査の過程でたまたま Apollo Client は Redux を置き換えるとの記事を見かけたので Apollo Client のキャッシュの仕組みと状態管理について少し調べてみました。 この記事では下記のことについて解説します。 Apollo Client とは Apollo Client のキャッシュの仕組み Reactive variables を利用したローカルの状態管理について かなり内容がもりもりになってしまったのですが、

                                                    Apollo Clientのキャッシュの仕組みとローカルの状態管理について
                                                  • RedditのAPI有料化でサードパーティーアプリの「Apollo」がサービス終了を発表

                                                    サードパーティー製のRedditクライアントアプリとして人気だった「Apollo」が、2023年6月30日でサービス終了となることが明らかになりました。 📣 Apollo will close down on June 30th. Reddit’s recent decisions and actions have unfortunately made it impossible for Apollo to continue. Thank you so, so much for all the support over the years. ❤ : apolloapp https://www.reddit.com/r/apolloapp/comments/144f6xm/apollo_will_close_down_on_june_30th_reddits/ Apollo for Red

                                                      RedditのAPI有料化でサードパーティーアプリの「Apollo」がサービス終了を発表
                                                    • Moving Apollo Federation 2 to the Elastic License v2 | Apollo GraphQL Blog

                                                      November 3, 2021Moving Apollo Federation 2 to the Elastic License v2 Today, we are introducing Apollo Federation 2, a major update to our graph composition technology that lets developers build and evolve a unified graph in a modular, principled way. Federation 2 is a new implementation of our query planner and execution gateway that introduces a more flexible model for how types and fields compos

                                                        Moving Apollo Federation 2 to the Elastic License v2 | Apollo GraphQL Blog
                                                      • Baidu Apollo Goロボタクシー、中国重慶で建設現場の穴に転落事故

                                                        2025年8月6日、中国重慶市でBaiduのApollo Goロボタクシーサービスが運行する自動運転車が建設用の穴に転落する事故が発生した。 車両には女性乗客1名が乗車していたが怪我はなく、近隣住民がはしごを使って救助した。事故現場の建設現場にはバリケードと警告標識が設置されていたが、車両がどのような経路で進入したかは不明である。 中国のSNS上では白いBaidu Apolloロゴ付き車両が穴の底にある映像が拡散された。Baiduは金曜日時点でロイターの取材に応じていない。 同社は武漢、北京、重慶など複数都市で商用ロボタクシー事業を展開し、最近では米国のUber TechnologiesおよびLyftと提携してグローバル展開を推進している。競合のPony.aiは2025年5月に北京で車両火災事故を起こしている。 From: Baidu robotaxi falls into constru

                                                        • APOLLO Architects & Associates

                                                          DIAMAS HAYAMA 2025 APARTMENT HOUSE RC : One basement story, Three stories above ground and Penthouse

                                                            APOLLO Architects & Associates
                                                          • Apollo 11 vs USB-C Chargers

                                                            Apollo 11 Guidance Computer (AGC) vs USB-C Chargers I think it is healthy to compare historical and modern computing. Let's see how the CPUs contained in recent USB-C wall chargers compare to the power of the Apollo 11 Guidance Computer (AGC). The Apollo 11 spacecraft carried 3 humans to the moon and back in 1969. Device Google Pixel 18W Charger Huawei 40W SuperCharge Anker PowerPort Atom PD 2 Apo

                                                            • Universal Audio Apollo TWIN USB をお勧めしない理由

                                                              はじめにUniversal Audio Apollo TWIN USB って本当のところどうなのかと気になっている方は多いと思います. 実際に SOLO と TWIN を購入してみて,後者を一年少し運用してみて,正直なところを書いてみます. 良いところ – なんだかんだ言ってコスパ最強かも知れない.そもそもApolloを導入する気になったきっかけが,プリアンプやコンプなど,アナログで揃えるのが面倒だったから. デフォルトで使えるリアルタイムアナログクラシックスだけでも,相当な音作りが出来るし,しかも下手な安物アウトボードを買うよりは高品質である. ギターアンプにもベース・アンプにもヴォーカル用プリアンプにも,コンプにもEQにもリバーブにもなる. それぞれを個別に揃える費用を考えると,しかも掛け取りではなくリコール可能な点を考えると,ある意味では宅録の最終形態とさえ呼べるかも知れない. DA

                                                                Universal Audio Apollo TWIN USB をお勧めしない理由
                                                              • Next.js の API Routes に Apollo Server を立てる

                                                                Next.js に Apollo Server を立てるまでの備忘録です。 npx create-next-appで Next.js を作成して TypeScript の設定まで完了している前提で書きます。 依存モジュールの追加 Apollo Server の micro(Vercel が開発している非同期 HTTP サーバー)インテグレーションであるapollo-server-microを依存に追加します。

                                                                  Next.js の API Routes に Apollo Server を立てる
                                                                • 目玉機能満載の Apollo Client 3.8 のリリース紹介

                                                                  先日 Apollo Client 3.8 がリリースされました。このバージョンは Apollo Client 史上最大のマイナーリリースで、待望の Suspense 対応や、他にも様々な機能が含まれています。今回は、リリースされた機能と、その使い方について紹介したいと思います! Suspense 対応 まずは一番の目玉である Suspense 対応です。Relay や urql が Suspense に対応している中、ついに Apollo Client も Suspense に対応しました! 今回のリリースでは Suspense に対応した 3 つ hooks が追加されたので順番に紹介していきます。 useSuspenseQuery useSuspenseQueryはuseQueryの Suspense 対応版のようなイメージで、リクエストが行われている最中は呼び出し元のコンポーネントを

                                                                    目玉機能満載の Apollo Client 3.8 のリリース紹介
                                                                  • Storybook で Apollo Client の useFragment を扱う

                                                                    Apollo Client 3.8 から useFragment という React hook が導入されました。 今回はこの useFragment を利用している Component を対象としたテストや Storybook の書き方についての覚書です。 先日に別のエンジニアから、Storybook の記述に際して相談を受けた際のやり取りを元ネタとしています。 なお、途中のコードが長くなりそうなため、先に記事で取り扱いたいトピックを挙げておきます。 useFragment を利用している Component の Storybook が記述できるようになることStorybook で扱う Fragment のスタブデータの構築に一定の柔軟性を持たせること各トピックに対応する解として、この記事では以下の方式について解説します。 Apollo Cache を用意し、Story 描画前に所望の状

                                                                      Storybook で Apollo Client の useFragment を扱う
                                                                    • Apollo ClientではIDを必ずつけよう、ないなら設定しよう

                                                                      TL;DR Apollo Clientを使うときは必ずIDフィールドをQueryに含めよう。ないなら後述する設定を使おう。 Apollo Client Apollo ClientはGraphQLクライアントであり、キャッシュや状態管理など多くの機能も併せ持つかなり強力なライブラリとして知られています。 昨今のフロントエンド開発においてGraphQLを導入するプロダクトの場合、デファクトスタンダートと言って良いほど使用されているのではないでしょうか。 Apollo Clientについては@seyaさんの「世のフロントエンドエンジニアにApollo Clientを布教したい」で詳しく解説されていますのでざっと確認したい方はこちらを参照ください。 複雑なライブラリであるということ Apollo Clientは非常に便利な機能を提供しているが故に内部はとても複雑です。実際に「あなたのプロダクトに

                                                                        Apollo ClientではIDを必ずつけよう、ないなら設定しよう
                                                                      • Apollo Client useFragment

                                                                        Exploring the Power of Turbo Streams & Action Cable | RailsConf2023

                                                                          Apollo Client useFragment
                                                                        • Schema Stitching と Apollo Federation の比較

                                                                          GraphQL とマイクロサービス GraphQL を利用してマイクロサービスを作成する方法として代表的なものに Schema Stitching と Apollo Federation v2(以下 Apollo Federation) がある。 この2つが達成したいことは基本的には同じではあるものの、アプローチの仕方などには差がある。 この記事の中では Schema Stitching と Apollo Federation をなるべくフラットに比較し、それぞれにどういった違いがあるのかについて説明をしていく。 共通のコンセプト Schema Stitching にしても Apollo Federation にしても共通している部分が存在している。 それはスキーマのマージである。 スキーマのマージがどのように行われているのか、具体的な例を持って説明を行う スキーマのマージ import

                                                                            Schema Stitching と Apollo Federation の比較
                                                                          • 既存AndroidアプリでのGraphQL/Apollo Kotlinの部分的導入 - カンカク Developers Blog

                                                                            こんにちは、カンカクでAndroidエンジニアをやっている @haru067です。最近好きな寿司は、鯖です。 前回の記事では、COFFEE Appでの新規機能の開発にあたり、Jetpack Composeを活用した話をしました。 ここでは特に言及しなかったのですが、Jetpack Composeの他にもう一つ技術的な試みがありました。それがGraphQLの導入です。 そこで今回は既存のAndroidアプリに対して、新規機能の開発でGraphQLを導入した話をしたいと思います。 GraphQLとは GraphQLは、Web API向けのクエリ言語(及びそのランタイム)です。 よく対比されるのはREST APIですが、GraphQLには、 スキーマに基づいてサーバー/クライアント間で一貫した型が利用でき 複数のリクエストを送ることなく一度のリクエストで 必要なデータのみを過不足無く 取得できる

                                                                              既存AndroidアプリでのGraphQL/Apollo Kotlinの部分的導入 - カンカク Developers Blog
                                                                            • Next.js (App Router) + Apollo ClientでのGraphQLクライアント実装 - NRIネットコムBlog

                                                                              本記事は  Reactウィーク  5日目の記事です。 📍  4日目  ▶▶ 本記事   📱 はじめに 利用するツール Next.js (App Router) Apollo Client GraphQL-Codegen 前提 実装 型定義コードの自動生成 Apollo Clientの設定 実際にクエリを実行してみる Query Mutation この構成にして良かったこと まとめ はじめに こんにちは、NRIネットコムの辻下です。普段はアプリ担当エンジニアとして仕事をしています。(最近フロントエンドにも挑戦中...) 最近業務でNext.js (App Router) + Apollo ClientでWebアプリケーションでのデータフェッチを実装する機会がありましたので、今回はその実装方法について手短に書いていこうと思います。 利用するツール Next.js (App Router)

                                                                                Next.js (App Router) + Apollo ClientでのGraphQLクライアント実装 - NRIネットコムBlog
                                                                              • Jim Lovell: Astronaut who guided Apollo 13 safely back to Earth dies aged 97

                                                                                Watch: Moment Jim Lovell told earth "Houston, we've had a problem" as Apollo 13 suffered a fault Astronaut Jim Lovell, who guided the Apollo 13 mission safely back to Earth in 1970, has died aged 97. Nasa said he had "turned a potential tragedy into a success" after an attempt to land on the Moon was aborted because of an explosion onboard the spacecraft while it was hundreds of thousands of miles

                                                                                  Jim Lovell: Astronaut who guided Apollo 13 safely back to Earth dies aged 97
                                                                                • 2025-08-31のJS: Bun v1.2.21、Apollo Client v4、nxパッケージ侵害とサプライチェーン攻撃

                                                                                  JSer.info #746 - Bun v1.2.21 がリリースされました。 Bun v1.2.21 | Bun Blog Bun.SQLが MySQL/MariaDB/SQLite/PostgreSQL に対応し、YAML のネイティブサポートが追加されました。また、Bun.secretsの追加、Bun.build API で--compileのサポート、bunxで--packageフラグのサポートなどが含まれています。 Apollo Client 4.0 がリリースされました。 Release @apollo/[email protected] · apollographql/apollo-client Migrating to Apollo Client 4.0 - Apollo GraphQL Docs React 依存を@apollo/client/reactに分離してコアを

                                                                                    2025-08-31のJS: Bun v1.2.21、Apollo Client v4、nxパッケージ侵害とサプライチェーン攻撃

                                                                                  新着記事