강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Back-end

GraphQL: REST APIに代わる技術

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

（4.8）受講レビュー 26件

受講生 1,391名

  • Burger
3시간 만에 완강할 수 있는 강의 ⏰
이론 실습 모두
RestAPI
GraphQL
Spring Boot
Node.js
Thumbnail

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

受講後に得られること

  • 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を学びたい方

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

こんにちは
です。

1,929

受講生

60

受講レビュー

46

回答

4.8

講座評価

3

講座

 

AWS Certificated Professional 및 Associate 다수 보유

전 스타트업 CTO

カリキュラム

全体

31件 ∙ (2時間 48分)

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

受講レビュー

全体

26件

4.8

26件の受講レビュー

  • hony74101272님의 프로필 이미지
    hony74101272

    受講レビュー 1

    ∙

    平均評価 3.0

    3

    32% 受講後に作成

    • shinbeomkim11님의 프로필 이미지
      shinbeomkim11

      受講レビュー 26

      ∙

      平均評価 4.8

      5

      61% 受講後に作成

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

      • burger
        知識共有者

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

    • dktmvktm8438님의 프로필 이미지
      dktmvktm8438

      受講レビュー 1

      ∙

      平均評価 3.0

      3

      32% 受講後に作成

      • burger
        知識共有者

        dktmvktmさん、こんにちは！ 講座がお役に立てたことを願っております。 ご受講いただきありがとうございました💪

    • ggamsi04187932님의 프로필 이미지
      ggamsi04187932

      受講レビュー 4

      ∙

      平均評価 4.8

      4

      61% 受講後に作成

      • burger
        知識共有者

        JB_様、こんにちは！ 講義がお役に立てたことを願っております。 ありがとうございます👍

    • fain9301님의 프로필 이미지
      fain9301

      受講レビュー 97

      ∙

      平均評価 4.8

      5

      61% 受講後に作成

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

      • burger
        知識共有者

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

    無料

    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

    似ている講座

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

    最も簡単なNode.js（Global版）講義サムネイル

    最も簡単なNode.js（Global版）

    yalco

    このコースは、実際のフロントエンドまたはバックエンド開発に飛び込む前に知っておくべき、Node.jsの必須の原則と実践的なテクニックをカバーしています。

    初級

    初級

    Node.js

    最も簡単なNode.js（Global版）講義サムネイル

    最も簡単なNode.js（Global版）

    yalco

    コードで学ぶReact 19 with スプリングブートAPIサーバー講義サムネイル

    コードで学ぶReact 19 with スプリングブートAPIサーバー

    zk202308a5410

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

    中級以上

    中級以上

    React, TypeScript, Spring Boot

    コードで学ぶReact 19 with スプリングブートAPIサーバー講義サムネイル

    コードで学ぶReact 19 with スプリングブートAPIサーバー

    zk202308a5410

    1日で作る自分だけのビジュアルノベルゲーム講義サムネイル

    1日で作る自分だけのビジュアルノベルゲーム

    Neo

    React、Javascript、SpringAI、Springbootを通じて自分だけのビジュアルノベルゲームを作ってみましょう。 SpringAIとReactを通じてウェブベースのビジュアルノベルゲームを作る方法をお教えします！

    初級

    初級

    React, Spring Boot, AI

    1日で作る自分だけのビジュアルノベルゲーム講義サムネイル

    1日で作る自分だけのビジュアルノベルゲーム

    Neo

    一から作ってみる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

    Spring Boot JWT Tutorial講義サムネイル

    Spring Boot JWT Tutorial

    silvernine

    Spring Boot、Spring Security、JWTを使用したチュートリアルにより、認証と認可に関する基礎知識をすばやく簡単に学習できます。

    初級

    初級

    Spring Boot, JWT

    Spring Boot JWT Tutorial講義サムネイル

    Spring Boot JWT Tutorial

    silvernine

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

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

    jaenam

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

    初級

    初級

    React, GraphQL, Firebase

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

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

    jaenam

    React.js + Node.js LoL戦績検索サイト作成講義サムネイル

    React.js + Node.js LoL戦績検索サイト作成

    neneee

    この講義はRiot Games APIを活用し、React.jsとNode.jsを用いた「リーグ・オブ・レジェンド戦績検索サイト」を実際に作ってみる実践中心の講義です。 受講生は基本的なAPIの使い方から、フロントエンド(React.js)とバックエンド(Node.js, Express.js)の連携、戦績データの視覚化、そしてop.ggスタイルのUI実装まで、プロジェクトを段階的に追うことで実習を通じて自然に学ぶことができます。 複雑な理論よりも、コードを中心に「実際に真似して作る」ことを通じて、迅速に成果物を体験できます。

    入門

    入門

    React, Node.js, api

    React.js + Node.js LoL戦績検索サイト作成講義サムネイル

    React.js + Node.js LoL戦績検索サイト作成

    neneee

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

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

    Indie Coder

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

    初級

    初級

    GraphQL, Svelte, MongoDB

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

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

    Indie Coder

    あなたはSpringBootを適切に活用していますか？講義サムネイル

    あなたはSpringBootを適切に活用していますか？

    Hello World

    Spring Bootの自動設定で解決される問題を確認してみて、特別な理由がなければ、Spring Bootの自動設定と連携するように開発すべきなんだな！と気づかされます。

    初級

    初級

    Spring Boot, asynchronous-programming, trace-logging

    あなたはSpringBootを適切に活用していますか？講義サムネイル

    あなたはSpringBootを適切に活用していますか？

    Hello World

    ちゃんと学ぶ Express.js: Part1 基礎から応用まで [基礎編]講義サムネイル

    ちゃんと学ぶ Express.js: Part1 基礎から応用まで [基礎編]

    nhcodingstudio

    Express.jsの入門から実践まで、水の流れに身を任せるように無理なく学習！ サーバーの基礎概念からCRUDプロジェクトの完成まで、実際に手を動かしながらバックエンドの知識をしっかりと身につける旅。

    初級

    初級

    express.js, Node.js, routing

    ちゃんと学ぶ Express.js: Part1 基礎から応用まで [基礎編]講義サムネイル

    ちゃんと学ぶ Express.js: Part1 基礎から応用まで [基礎編]

    nhcodingstudio

    ジェームスコーディングフルスタック開発入門5週間完成講義サムネイル

    ジェームスコーディングフルスタック開発入門5週間完成

    jamescoding

    ジェームスコーディングコースは、フルスタックの深化カリキュラムの開始前に、Web開発の基礎を盛り込むことができるフルスタック開発入門コースです。することができます。

    入門

    入門

    HTML/CSS, JavaScript, Git

    ジェームスコーディングフルスタック開発入門5週間完成講義サムネイル

    ジェームスコーディングフルスタック開発入門5週間完成

    jamescoding

    一口サイズに切って食べるReact(React.js)：基礎から実戦まで講義サムネイル

    一口サイズに切って食べるReact(React.js)：基礎から実戦まで

    winterlood

    概念からユニークなプロジェクトまでを一緒に扱いながら、JavaScriptとReactをこの講座で一度に習得しましょう。 学習は短く、応用は長く。17時間分のオールインワン講座！

    初級

    初級

    JavaScript, React, Node.js

    一口サイズに切って食べるReact(React.js)：基礎から実戦まで講義サムネイル

    一口サイズに切って食べるReact(React.js)：基礎から実戦まで

    winterlood

    レディスのすべて (feat. Node.js)講義サムネイル

    レディスのすべて (feat. Node.js)

    yongsoocho

    レディスA to Zでレディス初のスタートをしっかり！ 高校生が見ても完璧に理解できる簡単で面白いレディスのすべて

    入門

    入門

    Redis, Node.js

    レディスのすべて (feat. Node.js)講義サムネイル

    レディスのすべて (feat. Node.js)

    yongsoocho

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

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

    Neo

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

    入門

    入門

    iOS, Kotlin, REST API

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

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

    Neo

    実戦ですぐに使えるElasticsearch入門（検索最適化編）講義サムネイル

    実戦ですぐに使えるElasticsearch入門（検索最適化編）

    jscode

    非専門家の立場からでも簡単に理解でき、実践ですぐに応用可能な「Elasticsearch入門」の講義を作ってみました！

    初級

    初級

    Spring Boot, Elasticsearch, devops

    実戦ですぐに使えるElasticsearch入門（検索最適化編）講義サムネイル

    実戦ですぐに使えるElasticsearch入門（検索最適化編）

    jscode

    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

    1時間でチキンコンボ値で学ぶサーバー配布講義サムネイル

    1時間でチキンコンボ値で学ぶサーバー配布

    Neo

    チキンコンボ値でスプリングブートを手動で配布する ->ドッカーとして配布 -> Github Action CI/CD の順で配布プロセスを学びます。

    初級

    初級

    Spring Boot, github-actions, Docker

    1時間でチキンコンボ値で学ぶサーバー配布講義サムネイル

    1時間でチキンコンボ値で学ぶサーバー配布

    Neo

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

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

    nullnull8537

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

    入門

    入門

    Java, Spring Boot, IntelliJ IDEA

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

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

    nullnull8537

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

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

    sowhatcoding

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

    入門

    入門

    TypeScript, JavaScript, ES6

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

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

    sowhatcoding

    本当のjOOQ！ Type Safe SQL with Java講義サムネイル

    本当のjOOQ！ Type Safe SQL with Java

    sdm32851630

    jOOQでType SafeしたSQLの強力さを体験してください！

    中級以上

    中級以上

    Java, jooq, SQL

    本当のjOOQ！ Type Safe SQL with Java講義サムネイル

    本当のjOOQ！ Type Safe SQL with Java

    sdm32851630