GraphQL SNS機能開発 (React + Graphene-django)
Twitter, Instagramのフォロー機能、Facebook, LinkedInの友達申請機能とダイレクトメッセージ機能の実装を通じて、GraphQLやDjangoモデル(Many to Many)の理解を深めていきます。
Created by Kazu .T
30-Day Money-Back Guarantee
What you'll learn
- GraphQLによるフォローシステム実装
- GraphQLによる友達申請システム実装
- Graphene DjangoによるGraphQLサーバー
- React HooksとApollo ClientによるGraphQLフロントエンド
Requirements
- mac OS
- GraphQLの基礎
- React Hooksの基礎
- Djangoの基礎
Description
本コースでは、Graphene-djangoとReact Hooksを使ってフルスタックでGraphQLを用いたSNS機能を実装していきます。
GraphQLは、Facebook社によって開発されていることもあり、Social networkの複雑な友達関係を表現するのにGraphQLは非常に優れています。
今回は、Instagram, Twitterで採用されているフォローシステム、Facebook, LinkedInで採用されている友達申請システムの2つのプロジェクトを実装しながらGraphQLやDjangoのMany to Manyの関係性、逆参照の理解を深めて頂きます。
Who this course is for:
- GraphQLのSNS機能への応用方法に興味がある
- SNS機能開発に興味がある
Course content
5 sections • 23 lectures • 3h 16m total length
- Preview02:45
- 00:52本コースで必要なツールのインストール
- 18:14[理論編]DjangoモデルとGraphQLとSNS機能
Instructor
React, Rust, Django REST Framework, GraphQL
![Kazu .T](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.5 Instructor Rating
- 2,760 Reviews
- 9,611 Students
- 22 Courses
-現役エンジニア(大手外資系企業)
-Web application、AI ソフトウェア開発経験10年
-旧帝国大 修士課程卒
＊Required skills for front end engineer (React) in 2021＊
＊----------------＊
・TypeScript
・React Hooks
・React-query : Server data state management
・Redux(Redux Toolkit) : Client state management
・Tailwind CSS or Chakra UI or Material UI
・React-testing-library + Jest
・Mock service worker
・Nextjs(SSG, ISR, useSWR)
・Apollo Client 3(GraphQL)
＊----------------＊