GraphQL SNS機能開発 (React + Graphene-django)
Twitter, Instagramのフォロー機能、Facebook, LinkedInの友達申請機能とダイレクトメッセージ機能の実装を通じて、GraphQLやDjangoモデル(Many to Many)の理解を深めていきます。
4.70 (27 reviews)
489
students
3.5 hours
content
Mar 2024
last update
$44.99
regular price
What you will learn
GraphQLによるフォローシステム実装
GraphQLによる友達申請システム実装
Graphene DjangoによるGraphQLサーバー
React HooksとApollo ClientによるGraphQLフロントエンド
Description
本コースでは、Graphene-djangoとReact Hooksを使ってフルスタックでGraphQLを用いたSNS機能を実装していきます。
GraphQLは、Facebook社によって開発されていることもあり、Social networkの複雑な友達関係を表現するのにGraphQLは非常に優れています。
今回は、Instagram, Twitterで採用されているフォローシステム、Facebook, LinkedInで採用されている友達申請システムの2つのプロジェクトを実装しながらGraphQLやDjangoのMany to Manyの関係性、逆参照の理解を深めて頂きます。
Content
はじめに
はじめに
本コースで必要なツールのインストール
[理論編]DjangoモデルとGraphQLとSNS機能
[SNS] フォロー・フォロワー機能
Source code
新規Djangoプロジェクト
Models
Schema
GraphQL動作確認
CORS設定の追加
新規Reactプロジェクト
Auth コンポーネント
MainPage コンポーネント
[SNS] 友達申請機能
Source code
Django Project (GraphQL)
React Project
Auth コンポーネント
MainPage コンポーネント(ロジック)
MainPage コンポーネント(実装)
[SNS] ダイレクトメッセージ機能
Django ダイレクトメッセージ機能追加
React ダイレクトメッセージ機能追加
Screenshots
Reviews
藤野
January 10, 2022
少し説明が省略されており、初心者には理解が難しい箇所がありました。
たまに動かない、動画と同じ挙動にならない時があり、困ってしまう時もありました。バージョンの問題かもしれませんし、最初の環境設定の段階でズレがあると思うように進まないこともあり、理解に苦慮する箇所がありました。
Y.
September 12, 2021
GraphQL、React、djangoでの開発の入門としては、良い教材だと思いました。
細かい説明がないので、なぜここでこの関数を使用するのか(例えばApolloClientの関数達)、といったところは自分で調べないといけなかったので、ある程度プログラミングに慣れている人向けだと感じました。
Charts
Price
Rating
Enrollment distribution
Related Topics
3685386
udemy ID
12/6/2020
course created date
12/19/2020
course indexed date
Bot
course submited by