GraphQL SNS機能開発 (React + Graphene-django)

Twitter, Instagramのフォロー機能、Facebook, LinkedInの友達申請機能とダイレクトメッセージ機能の実装を通じて、GraphQLやDjangoモデル(Many to Many)の理解を深めていきます。

4.70 (27 reviews)
Udemy
platform
日本語
language
Network & Security
category
instructor
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

GraphQL SNS機能開発 (React + Graphene-django) - Screenshot_01GraphQL SNS機能開発 (React + Graphene-django) - Screenshot_02GraphQL SNS機能開発 (React + Graphene-django) - Screenshot_03GraphQL SNS機能開発 (React + Graphene-django) - Screenshot_04

Reviews

藤野
January 10, 2022
少し説明が省略されており、初心者には理解が難しい箇所がありました。 たまに動かない、動画と同じ挙動にならない時があり、困ってしまう時もありました。バージョンの問題かもしれませんし、最初の環境設定の段階でズレがあると思うように進まないこともあり、理解に苦慮する箇所がありました。
Y.
September 12, 2021
GraphQL、React、djangoでの開発の入門としては、良い教材だと思いました。 細かい説明がないので、なぜここでこの関数を使用するのか(例えばApolloClientの関数達)、といったところは自分で調べないといけなかったので、ある程度プログラミングに慣れている人向けだと感じました。

Charts

Price

GraphQL SNS機能開発 (React + Graphene-django) - Price chart

Rating

GraphQL SNS機能開発 (React + Graphene-django) - Ratings chart

Enrollment distribution

GraphQL SNS機能開発 (React + Graphene-django) - Distribution chart
3685386
udemy ID
12/6/2020
course created date
12/19/2020
course indexed date
Bot
course submited by