![](https://res.cloudinary.com/zenn/image/upload/s--ygs97jPQ--/co_rgb:222%2Cg_south_west%2Cl_text:notosansjp-medium.otf_37_bold:Ken%2Cx_203%2Cy_98/c_fit%2Cco_rgb:222%2Cg_north_west%2Cl_text:notosansjp-medium.otf_57_bold:Rust%252FActicWeb%2520%25EF%25BC%258B%2520React%252FNext.js%2520%25E3%2581%25A7%2520GraphQL%2520%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%25E3%2583%2593%25E3%2583%2587%25E3%2582%25AA%25E3%2583%2581%25E3%2583%25A3%25E3%2583%2583%25E3%2583%2588%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2582%2592%25E6%25A7%258B%25E7%25AF%2589%25E3%2581%2597%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9yZXMuY2xvdWRpbmFyeS5jb20vemVubi9pbWFnZS9mZXRjaC9zLS1MOGtPeHlOWS0tL2NfbGltaXQlMkNmX2F1dG8lMkNmbF9wcm9ncmVzc2l2ZSUyQ3FfYXV0byUyQ3dfNzAvaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzNjYzJiNTYwMjIuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_72/v1627274783/default/og-base_z4sxah.png)
Rust/ActicWeb + React/Next.js で GraphQL を使ってビデオチャットアプリを構築してみた
ARANK
1. はじめにバックエンドにRust/Actic Web、フロントエンドにReact/Next.jsを使用し、APIランタイムにGraphQLを用いてチャットアプリを構築してみました。元々自学用のデモアプリとして作成していたのですが、そこそこまとまったものになったので公開してみます。今回、GraphQLサーバーの構築にはAsync-graphql、クライアントにはApollo Clientを使用しています。どちらも非常によくまとまったドキュメントが存在しているのですが、実際にこれらのライブラリを用いてアプリを構築してみようとなると、フレームワークとの統合方法やアプリ構成等、調べることや考えなければいけないことが途端に増え、技術的、心理的に大きな負担があると思います。そうした状況において、ある程度形のまとまったサンプルがあると、それだけでいくらか気が楽になった経験があるので、RustでGraphQLというなかなか希少な需要だとは思うのですが、この記事が似た構成でアプリ構築を目指す将来のRust・Reactプログラマーの一助となれば幸いです。 2. 成果物リポジトリ 実装の都合上、同じ端末内だと通話機能が動作しない為、PC2台で撮影しています。レスポンシブにも一応対応していますが、使い…