강의

N
챌린지

멘토링

N
클립

로드맵

Programming

/

Back-end

GraphQL: REST APIに代わる技術

GraphQLのフロントエンドとバックエンドを一度に学べるチャンス

（4.7）受講レビュー 31件

受講生 1,489名

難易度 初級

受講期間 無制限

GraphQL
GraphQL
Spring Boot
Spring Boot
Node.js
Node.js
GraphQL
GraphQL
Spring Boot
Spring Boot
Node.js
Node.js
Thumbnail

学習した受講者のレビュー

4.7

5.0

코틀린자바

81% 受講後に作成

AWS講義でGraphQL講義まで来ました。私の好みに合った技術スタックを使って、今後の講義もたくさん期待されます。そして何よりも面白いです。新しい講義が出たらすぐに聞きたいです 良い講義ありがとうございます！

5.0

dududu88

32% 受講後に作成

GraphQLの講義が必要だったのですが、分かりやすく、実習中心で、かつ核心をついた説明で、すべてがとても親切で、すんなりと理解できました。唯一理解できないのは、これほど質の高い講義がなぜ無料なのかという疑問だけです。

5.0

stiger

61% 受講後に作成

要点だけ話してくださっていいですね！

受講後に得られること

  • GraphQL

  • Spring Boot GraphQL

  • Node.js GraphQL

REST APIの問題について悩んだことがありますか？
知らずに抱えていた問題を解決してくれる技術を紹介します！ 😄

REST APIの貸借手法 GraphQL

私たちにとても慣れているREST APIには問題はありませんか？ 🤔

  • 要求に不要なデータが含まれているかどうか（オーバーフェッチ）

  • または、一度の要求で必要なデータをすべて取得できないか（アンダーフェッチ）

  • またはエンドポイント別のフィールドネーミングで混乱を経験する

  • またはAPI文書化に多くの時間を費やす


REST APIには当たり前ですが、もう一度考えてみると、

これらの問題は、わからないように私たちの開発速度を遅らせています。

GraphQLはこれらの問題を完全に解決することができます！

GraphQLは、オーバーフェッチ、アンダーフェッチ、同じデータの他のネーミング、文書化などの問題をきれいに解決できる技術です。


もちろん、GraphQLだけが持っている別の問題があるということです。

たとえば、N + 1、ファイル転送、高い学習曲線など...


しかし、これらの問題はGraphQLコミュニティが成熟し、多くの企業が活用するにつれて解決され改善されています。

代表的には、 ApolloやNetflix DGSライブラリを使用すると、多くの問題を解決できます。


このレッスンでは、フロントエンドとバックエンドの観点からGraphQLの基本的な使い方の両方を理解するプロセスが含まれています。

セクションについて

セクション1,2 - GraphQL基礎セクション

このセクションでは、GraphQLがどのように、なぜ作成されたのかを理解し、どのような特徴があるのか​​を説明します。

GraphQL基礎セクション

セクション3,4 - GraphQLクライアント環境の構築と基本文法実習

このセクションでは、GraphQLクライアントツールであるAltairをインストールし、基本的な使い方を学びます。

そして基本的な文法を学び、このツールを通して練習を進めます。

Altair GraphQLクライアント

セクション5,6,7 - GraphQLサーバーの理論と実装実践

このセクションでは、GraphQLサーバーの駆動方法や文法などの基本理論を学び、実際にサーバーを実装する実習を進めます。

練習はNode.jsとSpring Bootの2つのフレームワークで行われます。

ご使用のフレームワークに合わせて受講してください。

GraphQLスキーマの設計

セクション8 - GraphQLサーバーとWebフロントエンドの連携

このセクションでは、前のセクションで実装した GraphQL サーバーと react で開発した Web ページを連動して直接使ってみる実習を進めます。

ここで使用されているWebプロジェクトは事前に実装されており、githubに配布されています。

このプロジェクトをクローンして使用するだけです。

GraphQLサーバーとWebフロントエンドの連動

NETFLIXでGraphQLを使用する方法を知りたい場合は！

実際、NetflixではGraphQLをSpring Bootのフレームワークにして使用しています。

この技術の名前はNetflix DGSです。

Spring BootでGraphQLをお使いの方は、GraphQL講義を受講後、DGS講義も受講されたら
GraphQLを2倍より効率的にお使いいただけるとお答えします！

受講前の注意

練習環境

  • オペレーティングシステムとバージョン（OS）：macOS

  • 使用ツール: Altair GraphQL Client, vscode, intelliJ


学習資料

  • githubを介してWebフロント（react）、Node.jsサーバー、Spring Bootサーバー（kotlin、java）をデプロイしました。いつでも受け取ってお試しいただけます！

選手の知識と注意事項

  • API関連の基本的な知識があれば良いです。

  • バックエンドの練習に興味がある方は、Node.jsやSpring Bootの基本的な取り扱いをお勧めします。


  • 講義受講中に不便や改善点がありましたら、いつでも受講評やお問い合わせ残してください！

こんな方に
おすすめです

学習対象は
誰でしょう？

  • GraphQLを学びたい方

  • 新しい技術を学びたい方

こんにちは
Burgerです。

2,064

受講生

70

受講レビュー

46

回答

4.8

講座評価

3

講座

AWS認定プロフェッショナルおよびアソシエイト多数保有 元スタートアップCTO

AWS Certified ProfessionalおよびAssociateを多数保有

元スタートアップCTO

カリキュラム

全体

31件 ∙ (2時間 48分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

31件

4.7

31件の受講レビュー

  • gyeongjae님의 프로필 이미지
    gyeongjae

    受講レビュー 19

    ∙

    平均評価 5.0

    5

    32% 受講後に作成

    おかげで会社にうまく紹介できました。ありがとうございます！ご提供いただいた資料のおかげでスムーズでした。👍

    • burger
      知識共有者

      こんにちは、ルカさん！ 紹介が無事に終えられたとのこと、良かったです😊😊 レビューありがとうございます😃

  • tmdgns43211522님의 프로필 이미지
    tmdgns43211522

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    77% 受講後に作成

    GraphQLについて少しでも理解することができました。ただ残念だった点は、apollo-server-expressがdeprecatedになり、apollo/serverをインストールする際に、記述方法が少しずつ異なっていたことです。所々subscriptionなどの記述部分が異なり戸惑いましたが、調べて修正してみる面白さもありました。 次の軽いプロジェクトを進める際にGraphQLを使用して実装してみようと思います。 良い講義をありがとうございます！

    • burger
      知識共有者

      こんにちは、スンフンさん！ 講座をリリースしてから時間が経ち、変化があったようですね。 言い訳になりますが、expressを主に使っていないため、この部分について確認できませんでした。申し訳ありません！ それでも講座がお役に立てたなら幸いです。 良いレビューを書いていただきありがとうございます😃

  • salt님의 프로필 이미지
    salt

    受講レビュー 29

    ∙

    平均評価 5.0

    5

    32% 受講後に作成

    GraphQLの講義が必要だったのですが、分かりやすく、実習中心で、かつ核心をついた説明で、すべてがとても親切で、すんなりと理解できました。唯一理解できないのは、これほど質の高い講義がなぜ無料なのかという疑問だけです。

    • burger
      知識共有者

      こんにちは DoYoung Ahn様！ とても力になるレビューありがとうございます。お褒めの言葉、大変恐縮です😃 個人的に無料公開したかった理由の一つに、韓国ではGraphQLの使用率が他国に比べて低いように感じ、広めたい気持ちもありました。 それにお役に立てて、DoYoung Ahn様のお役に立てたなら、とても嬉しいです 😊😊 レビュー改めて感謝いたします！

  • fain9301님의 프로필 이미지
    fain9301

    受講レビュー 102

    ∙

    平均評価 4.7

    5

    61% 受講後に作成

    良い講義ありがとうございます。

    • burger
      知識共有者

      こんにちは ウォンドクヒ様！ ご受講いただきありがとうございます〜 講義がお役に立てたことを願っております！

  • shinbeomkim11님의 프로필 이미지
    shinbeomkim11

    受講レビュー 26

    ∙

    平均評価 4.8

    5

    61% 受講後に作成

    要点だけ話してくださっていいですね！

    • burger
      知識共有者

      stigerさん、こんにちは！ 講座がお役に立てたなら幸いです。 ご受講ありがとうございました！

Burgerの他の講座

知識共有者の他の講座を見てみましょう！

DGS: NETFLIXがSpring Bootで大容量トラフィックを処理する方法講義サムネイル

DGS: NETFLIXがSpring Bootで大容量トラフィックを処理する方法

Burger

NetflixがRESTの代わりに選んだDGS！ 実際にNetflixが大容量トラフィックを処理するために使用しているフレームワークで、Spring BootでGraphQLを簡単かつ強力に活用する方法を学びましょう！🔥

初級

初級

GraphQL, Spring Boot, netflix-dgs

DGS: NETFLIXがSpring Bootで大容量トラフィックを処理する方法講義サムネイル

DGS: NETFLIXがSpring Bootで大容量トラフィックを処理する方法

Burger

AWSで簡単かつ迅速に、しかも非常に堅牢なサーバー環境を構築する方法講義サムネイル

AWSで簡単かつ迅速に、しかも非常に堅牢なサーバー環境を構築する方法

Burger

サンプルのEコマースサービスをAWSにデプロイし、継続的に堅牢で効率的な環境へと改善していく過程を素早く体験することができます。

初級

初級

AWS, Docker, MSA

AWSで簡単かつ迅速に、しかも非常に堅牢なサーバー環境を構築する方法講義サムネイル

AWSで簡単かつ迅速に、しかも非常に堅牢なサーバー環境を構築する方法

Burger

似ている講座

同じ分野の他の講座を見てみましょう！

Spring Batch入門：3時間で終わらせる大容量処理の基礎講義サムネイル

Spring Batch入門：3時間で終わらせる大容量処理の基礎

synee

Spring Batchを初めて接する就活生と現役エンジニアのための、実務ですぐに活用できる「Spring Batch」講座です！

初級

初級

MySQL, Jenkins, Spring Boot

Spring Batch入門：3時間で終わらせる大容量処理の基礎講義サムネイル

Spring Batch入門：3時間で終わらせる大容量処理の基礎

synee

コードで学ぶReact 19 with Spring Boot APIサーバー講義サムネイル

コードで学ぶReact 19 with Spring Boot APIサーバー

zk202308a5410

Spring Boot (ver3.4.x)で制作されるAPIサーバーと React 19 (with TypeScript) 連動プロジェクトを完成させる！ バックエンドのポートフォリオにフロントエンドを適用！ 実務者を対象に作成された講義（初心者向けの講義ではありません。）

中級以上

中級以上

React, TypeScript, Spring Boot

コードで学ぶReact 19 with Spring Boot APIサーバー講義サムネイル

コードで学ぶReact 19 with Spring Boot APIサーバー

zk202308a5410

フルスタックリアクトトイプロジェクト - REST, GraphQL (for FE開発者)講義サムネイル

フルスタックリアクトトイプロジェクト - REST, GraphQL (for FE開発者)

jaenam

ReactベースのシンプルなSNSサービスを作成しながら、REST APIとGraphQLを練習します。 フロントエンド開発のためのバックエンド環境を簡単かつ簡単にする方法を紹介します。

初級

初級

REST API, GraphQL, React

フルスタックリアクトトイプロジェクト - REST, GraphQL (for FE開発者)講義サムネイル

フルスタックリアクトトイプロジェクト - REST, GraphQL (for FE開発者)

jaenam

一から作ってみるWeb開発入門: HTML · JavaScript · Node · DB · Next.js講義サムネイル

一から作ってみるWeb開発入門: HTML · JavaScript · Node · DB · Next.js

ludgi

この講義は 「最新技術で素晴らしいものを作ろう」ではなく、 「少し知っているだけでも直接作ることができる」ということを感じさせてくれる 最も現実的なウェブ開発入門講義です。 HTMLとJavaScriptで基本構造を作り、 Node.jsとSQLiteを利用してデータをやり取りし、 Next.jsで簡単なウェブページまで完成させてみます。 複雑な設定や難しい理論は最小限に抑え、 実際に動作するコードを作成しながら ウェブ開発の感覚と流れを手で覚えることに集中します。 この講義は「学ぶこと」よりも「直接やってみる経験」が中心です。 少しでもコードを触ったことがあれば、 誰でも一緒に進めながら完成の達成感を感じることができます。

入門

入門

HTML/CSS, JavaScript, Node.js

一から作ってみるWeb開発入門: HTML · JavaScript · Node · DB · Next.js講義サムネイル

一から作ってみるWeb開発入門: HTML · JavaScript · Node · DB · Next.js

ludgi

「AIポチポチの時代」原理で突破するNode.jsとCS Part1 - V8とコア解体新書講義サムネイル

「AIポチポチの時代」原理で突破するNode.jsとCS Part1 - V8とコア解体新書

nhcodingstudio

AIが吐き出したブラックボックスなコードに安堵していた日々は、もう終わり。コンピュータの物理的な限界とNode.jsコアエンジンの動作原理を見抜き、いかなるトラフィックの急増にも屈しないエンジニアの統制力を完成させます。

初級

初級

JavaScript, Node.js, Computer Architecture

「AIポチポチの時代」原理で突破するNode.jsとCS Part1 - V8とコア解体新書講義サムネイル

「AIポチポチの時代」原理で突破するNode.jsとCS Part1 - V8とコア解体新書

nhcodingstudio

GraphQL完全征服（キオスクを作って学ぶフルスタックコース） - [2024部分リニューアル]講義サムネイル

GraphQL完全征服（キオスクを作って学ぶフルスタックコース） - [2024部分リニューアル]

Indie Coder

次世代API制御技術であるGraphQLの基本と高度な使い方、そしてGraphQLで作っていく仮想のキオスクサービスを通じて、実際のプロジェクト体験を学びます。 コースは、2024年2月現在の最新バージョンであるapollo-server v4でコースを部分的に更新しました。

初級

初級

GraphQL, Svelte, MongoDB

GraphQL完全征服（キオスクを作って学ぶフルスタックコース） - [2024部分リニューアル]講義サムネイル

GraphQL完全征服（キオスクを作って学ぶフルスタックコース） - [2024部分リニューアル]

Indie Coder

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

AIはもはや選択ではなく生存の問題です。 3日かかっていた開発を30分に短縮し、反復業務はAIに任せて、あなたはより重要な問題解決に集中してください。 理論ではなく実務ですぐに使えるAIネイティブ開発法で、会社で「AIに強い開発者」として認められる確実な方法をお教えします。

初級

初級

Spring Boot, Next.js, AI

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発講義サムネイル

これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発

greencoding1234

聴いてみてください。講義力、引き込み力、講義の質が違います。

入門

入門

HTML/CSS, JavaScript, JSP

これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発講義サムネイル

これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発

greencoding1234

SpringAI + Reactで作る自分だけの感情日記サービス講義サムネイル

SpringAI + Reactで作る自分だけの感情日記サービス

Neo

SpringAI + Reactで作る自分だけの感情日記サービス Neo + Essentialと一緒に作る4番目のプロジェクトの時間です！

初級

初級

React, Kotlin, Spring Boot

SpringAI + Reactで作る自分だけの感情日記サービス講義サムネイル

SpringAI + Reactで作る自分だけの感情日記サービス

Neo

公式文書で学ぶ本番タイプスクリプト講義サムネイル

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

タイプスクリプトを正しく理解するには、公式文書を一度見てください。 文書の重要な部分だけがコックを拾い、分かりやすく伝えます。 実戦に必要な内容も一緒にお知らせする講義です！

入門

入門

TypeScript, JavaScript, ES6

公式文書で学ぶ本番タイプスクリプト講義サムネイル

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

知れば定時退勤できる Spring Boot バックエンドバイブ コーディング体験版講義サムネイル

知れば定時退勤できる Spring Boot バックエンドバイブ コーディング体験版

nullnull8537

IntelliJを使用するJavaバックエンド開発者が、Claude Codeを利用して生産性を最大化する方法をお教えします。特に、Windows環境を使用している方が直面するバイブコーディング（Vibe Coding）環境の問題を完全に解決できるようサポートいたします。

入門

入門

Java, Spring Boot, IntelliJ IDEA

知れば定時退勤できる Spring Boot バックエンドバイブ コーディング体験版講義サムネイル

知れば定時退勤できる Spring Boot バックエンドバイブ コーディング体験版

nullnull8537

Spring BootとReactで学ぶ超簡単REST API掲示板作り講義サムネイル

Spring BootとReactで学ぶ超簡単REST API掲示板作り

neneee

Spring BootとReact.jsで超簡単掲示板を手軽に構築する実践講義！この講義は、理論は少なめに、実習に集中して素早く完成させるウェブアプリケーション開発過程を盛り込んでいます。

入門

入門

Spring Boot, react.js, JPA

Spring BootとReactで学ぶ超簡単REST API掲示板作り講義サムネイル

Spring BootとReactで学ぶ超簡単REST API掲示板作り

neneee

1時間でチキンコンボ代で学ぶサーバーデプロイ講義サムネイル

1時間でチキンコンボ代で学ぶサーバーデプロイ

Neo

チキンコンボの値段でSpring Bootを 手動デプロイ -> Dockerでデプロイ -> Github Action CI/CD の順にデプロイ過程を学びます!

初級

初級

AWS, Docker, Spring Boot

1時間でチキンコンボ代で学ぶサーバーデプロイ講義サムネイル

1時間でチキンコンボ代で学ぶサーバーデプロイ

Neo

Javaスプリングブート活用Web開発実務用講義サムネイル

Javaスプリングブート活用Web開発実務用

songjava

実務者が使用する Java Web 開発 Spring Boot、Vue.JS 基礎設定から共通設計まで、簡単に動画を見て学びます

中級以上

中級以上

Spring Boot, mybatis, interceptors

Javaスプリングブート活用Web開発実務用講義サムネイル

Javaスプリングブート活用Web開発実務用

songjava

誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成講義サムネイル

誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成

Neo

誰よりも早く学ぶSpringboot + iOS RestAPI掲示板作り Springbootでサーバーを開発し、iOSで自分だけの掲示板を作ってみましょう!!

入門

入門

iOS, Kotlin, REST API

誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成講義サムネイル

誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成

Neo

[Season 2] Spring AI 実践：マルチAIエージェントシステム開発講義サムネイル

[Season 2] Spring AI 実践：マルチAIエージェントシステム開発

bitcocom

Spring AI Router Pattern + RAG + MCPを活用した「知能型協業」専門家エージェントチームの構築 単一エージェントを超えてアーキテクチャへ：ルーターパターンとエージェント隔離（Isolation）設計の定石

初級

初級

Spring Boot, RAG, AI Agent

[Season 2] Spring AI 実践：マルチAIエージェントシステム開発講義サムネイル

[Season 2] Spring AI 実践：マルチAIエージェントシステム開発

bitcocom

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る講義サムネイル

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

jaenam

開発から配布まで！ 一つのサービスを完成するための険しい旅をろ過なくお見せします。 初めて使ってみる技術を盛り込んで左衝ウドルウダン湯湯ながらもなんとか迷っていくことができますよ！

初級

初級

React, GraphQL, Firebase

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る講義サムネイル

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

jaenam

SpringBoot & React ポートフォリオプロジェクト：AWS サービスで実践デプロイ入門講義サムネイル

SpringBoot & React ポートフォリオプロジェクト：AWS サービスで実践デプロイ入門

ehtjd339667

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイする、ポートフォリオ中心の講義！ 早く自分のポートフォリオにフロント・バックエンドプロジェクトをデプロイしたい方に役立つ講義です。デプロイに必要な知識を、サーバー設定からDocker、ドメイン接続、Nginx、HTTPS適用まで、段階別に短期間で実習することができます！

初級

初級

React, Java, AWS

SpringBoot & React ポートフォリオプロジェクト：AWS サービスで実践デプロイ入門講義サムネイル

SpringBoot & React ポートフォリオプロジェクト：AWS サービスで実践デプロイ入門

ehtjd339667

核心だけを素早く終わらせる実践カフカ(kafka)講義サムネイル

核心だけを素早く終わらせる実践カフカ(kafka)

bradkim

SW開発者が知っておくべきKafka活用のための基礎・必須・実践知識を学びます。SpringBootを活用してKafkaと連携し、さまざまな実践状況に合わせたメッセージ送受信の実習を行います。

入門

入門

Spring Boot, Kafka, MSA

核心だけを素早く終わらせる実践カフカ(kafka)講義サムネイル

核心だけを素早く終わらせる実践カフカ(kafka)

bradkim

Claude + IntelliJでTodoList開発 - MCP完全攻略講義サムネイル

Claude + IntelliJでTodoList開発 - MCP完全攻略

Neo

Claude + IntelliJでTodoListを開発する - MCP完全攻略 ClaudeとIntelliJでTodoListを作りながらMCPの動作過程を完璧にマスターしましょう！

入門

入門

Kotlin, Spring Boot, IntelliJ IDEA

Claude + IntelliJでTodoList開発 - MCP完全攻略講義サムネイル

Claude + IntelliJでTodoList開発 - MCP完全攻略

Neo

無料