강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Full-stack

Websocket/STOMP チャット サービス (spring、vue、redis)

Websocket/stomp、springboot を活用してチャット サービスを開発します。比較的簡単なフレームワークである vue.js を使用して、簡単な画面も構成します。redis pub/sub を使用して、マルチ サーバー拡張性設計も構成します。

（4.9）受講レビュー 68件

受講生 487名

難易度 初級

受講期間 無制限

  • bradkim
websocket
websocket
pubsub
pubsub
Spring Boot
Spring Boot
Vue 3
Vue 3
stomp-websocket
stomp-websocket
websocket
websocket
pubsub
pubsub
Spring Boot
Spring Boot
Vue 3
Vue 3
stomp-websocket
stomp-websocket

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

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

4.9

5.0

열심인 참새

100% 受講後に作成

韓国で教えるのが上手な方5本の指に入ると思います。 皆がこのように講義すれば、韓国の技術が発展すると思います。 本当に良い講義でした。完璧でした。

5.0

김태우

89% 受講後に作成

最高の講義です。講義の合間に概念を短く説明してくださるのが良かったですし、現在どのような作業を進めているのか、全体的な流れを継続的に説明してくださったので、理解しながらついていくのが容易でした。受講者が何を難しいと感じるのか、知らないのか、すべて理解して講義をされているように感じます。良い講義、心から感謝いたします。 + 質問をたくさんしましたが、回答がとても早く、講義について疑問点をすぐに解消することができました。 もし、次の講義の計画があれば教えていただけますでしょうか？

5.0

신현섭

92% 受講後に作成

Stompの全般的な知識を学べる最高の講座...

受講後に得られること

  • websocket、stomp の概念と活用

  • シナリオ別チャットサービス開発（1:1チャット、グループチャットなど）

  • チャットサービスのためのDB設計とSpringBootベースのRESTFUL API開発

  • vue3 を使用してチャット画面を構成し、Web ソケット サーバーに接続する

  • redisのpub/subを利用したマルチチャットサーバー拡張性設計

1. 学習内容📕

  • websocket/stomp技術を活用した

    1:1チャット、団体チャットなどシナリオ別チャットサービスの実装

    • 純粋なWebソケットを活用したチャットの実装

    • stompを活用した1:1チャット

    • stompを活用したグループチャット


  • チャットサービスのためのDB設計とAPI開発

  • 開発主なAPIのリスト

    • stomp通信後のメッセージDBの保存

    • グループチャット関連


      • グループチャットルーム開設、グループチャットリスト照会、グループチャットに参加者追加


    • 1：1チャット関連


      • 個人チャットルーム開設

    • 共通事項

      • 前のメッセージ履歴照会、

        チャットルームのメッセージを読む、

        私のチャットルームリストを見る、チャットルームを出る

  • redisのpub / subを活用したマルチチャットサーバーのスケーラビリティ設計

    • マルチサーバー環境では、異なるサーバーに接続されたクライアントがWebソケット通信になるようにコードを実装してテストします。

2. 技術スタックと注意事項📢

  • バックエンド

    • java17, springboot3.4ベースのrestful api開発, spring data jpa, jwtトークンログイン, mysql, redis

  • フロント

    • html/css/js、vue3、vuetify、vue-router、sockjs-clientなどを活用

  • 注意事項

    • 上記の技術スタックの基本的な知識が先行していればいいのですが、授業で素早く全体的なspringbootとvueの基礎知識を説明します。 （特にvueはディテールしたコードの理解よりも大きな枠組みでフロントの動作過程を中心に見ればいいので、気軽についてくるといいでしょう。）

    • まず、上記の技術スタックに対する先行可否にかかわらず講義が聞こえるかどうか、会員パートは授業内容を全て公開処理しておくため、公開された講義を聞いて受講可否を判断お願いいたします。

3. 授業資料📢

こんな方に
おすすめです

学習対象は
誰でしょう？

  • チャットサービスを開発したい人

  • リアルタイム通信でバックエンドとフロントの領域と範囲が気になる方

  • 一度はspringbootベースのフルスタック開発をしたい人

こんにちは
です。

3,030

受講生

312

受講レビュー

122

回答

4.9

講座評価

9

講座

💪💪💪実務と講義の経歴を兼ね備えた専門家 💪💪💪

こんにちは、金善国（キム・ソングク、bradkim）講師です。延世大学を卒業し、大企業やスタートアップなどで8年以上ソフトウェアエンジニアとして働いてきました。現在はブートキャンプで専任講師として働いています。実務経験と講義経験を兼ね備えた講師として、皆さんに必ず知っておくべき知識を中心に分かりやすくお伝えします。

プロフィール : https://www.linkedin.com/in/seongukkim

カリキュラム

全体

36件 ∙ (11時間 16分)

講座資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

68件

4.9

68件の受講レビュー

  • pcdoomco8345님의 프로필 이미지
    pcdoomco8345

    受講レビュー 16

    ∙

    平均評価 5.0

    5

    8% 受講後に作成

    巷ではSpringといえば、MVCや掲示板作成の講座が主流ですが、この講座は他の講師があまり扱わない部分を非常に細かく扱っているので、大変満足しました。講義力も、実務だけをされている方で説明が下手な方々とは違いますね！強くおすすめします。

    • gusamttf78242님의 프로필 이미지
      gusamttf78242

      受講レビュー 6

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      韓国で教えるのが上手な方5本の指に入ると思います。 皆がこのように講義すれば、韓国の技術が発展すると思います。 本当に良い講義でした。完璧でした。

      • bradkim
        知識共有者

        丁寧に受講レビューを書いていただきありがとうございます。より良い講義を準備できるよう頑張ります。

    • han020717178님의 프로필 이미지
      han020717178

      受講レビュー 4

      ∙

      平均評価 5.0

      5

      92% 受講後に作成

      丁寧に説明してくださるので、よく理解できます。 サービス概要 -> 進行状況 -> コード説明 の順になっているので、どこで何をしてどのように動作するのかを知って授業を受けられるので 途方に暮れることもありません。 どんなコードがどんな役割をするのか詳しく説明してくださるのが一番気に入っています。

      • dhkdrb8979265님의 프로필 이미지
        dhkdrb8979265

        受講レビュー 18

        ∙

        平均評価 4.8

        5

        31% 受講後に作成

        本当に良い講義です。 WebSocketとStompをいつもコピペばかりしていたのですが、勉強するようになって良かったです。

        • kduoh님의 프로필 이미지
          kduoh

          受講レビュー 36

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          WebSocket/STOMPベースのプロジェクト経験を求める求人が多かったため、受講しました。全体的に構成が充実しており、説明も明確で理解するのに大変役立ちました。さらに、リファクタリングの方向性も提示してくださり、よかったです！ありがとうございました :)

          • bradkim
            知識共有者

            お役に立ててよかったです😊 ありがとうございます。

        ￥12,203

        bradkimの他の講座

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

        eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)Course Thumbnail

        eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)

        bradkim

        ドメイン購入およびeksを活用したspringboot本番サーバーデプロイ、docker基礎、kubernetes基礎、aws基礎、github actionsを通じたCI/CD自動化、argocd、prometheus/grafanaなどdevops全般について学びます。

        Basic

        Basic

        AWS, Docker, Kubernetes

        eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)Course Thumbnail

        eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)

        bradkim

        MariaDB(MySQL)のすべて - 深刻な編Course Thumbnail

        MariaDB(MySQL)のすべて - 深刻な編

        bradkim

        開発初心者、バックエンド開発者、SQLD試験準備受講生など、開発者なら知っておくべきMariaDB(MySQL)のすべてを学びます。授業は、実際にDBを構築する実習中心で進められます。

        Basic

        Basic

        MariaDB, MySQL, sql-join

        MariaDB(MySQL)のすべて - 深刻な編Course Thumbnail

        MariaDB(MySQL)のすべて - 深刻な編

        bradkim

        スピーディーに学ぶSpring Cloud基礎(MSA)Course Thumbnail

        スピーディーに学ぶSpring Cloud基礎(MSA)

        bradkim

        Spring Cloudを活用したMSAサーバー構成について学習します。

        Basic

        Basic

        Spring Cloud, MSA, eureka

        スピーディーに学ぶSpring Cloud基礎(MSA)Course Thumbnail

        スピーディーに学ぶSpring Cloud基礎(MSA)

        bradkim

        MariaDB(MySQL)のすべて - 基本編Course Thumbnail

        MariaDB(MySQL)のすべて - 基本編

        bradkim

        開発初心者、バックエンド開発者、SQLD試験準備受講生など、開発者なら知っておくべきMariaDB(MySQL)のすべてを学びます。授業は、実際にDBを構築する実習中心で進められます。

        Beginner

        Beginner

        MariaDB, MySQL

        MariaDB(MySQL)のすべて - 基本編Course Thumbnail

        MariaDB(MySQL)のすべて - 基本編

        bradkim

        開発者が知っておくべき Redis の基本Course Thumbnail

        開発者が知っておくべき Redis の基本

        bradkim

        REDIS の基本的なデータ構造と REDIS の実務活用例を redis-cli (コマンド) 実習を通じて学びます。

        Beginner

        Beginner

        Redis, devops, database

        開発者が知っておくべき Redis の基本Course Thumbnail

        開発者が知っておくべき Redis の基本

        bradkim

        実践活用のためのgit/github(feat.各種コンフリクトの解決)Course Thumbnail

        実践活用のためのgit/github(feat.各種コンフリクトの解決)

        bradkim

        git/GitHubの基礎的な知識から、実務で直面する様々なコンフリクト状況に対する実践的な解決策と戦略を学びます。

        Beginner

        Beginner

        Git, GitHub, gitlab

        実践活用のためのgit/github(feat.各種コンフリクトの解決)Course Thumbnail

        実践活用のためのgit/github(feat.各種コンフリクトの解決)

        bradkim

        カカオ、Google SNSログイン（springboot3, vue3）Course Thumbnail

        カカオ、Google SNSログイン（springboot3, vue3）

        bradkim

        SpringBootを活用して、カカオ、Googleログインを実装します。JWTトークンベースのログインが実装されます。Vue3を通じて簡単な画面を構成します。

        Basic

        Basic

        OAuth, oauth2, JWT

        カカオ、Google SNSログイン（springboot3, vue3）Course Thumbnail

        カカオ、Google SNSログイン（springboot3, vue3）

        bradkim

        開発者なら知っておくべき Linux (Ubuntu) 基本Course Thumbnail

        開発者なら知っておくべき Linux (Ubuntu) 基本

        bradkim

        DevOpsやLinuxのエキスパートでなくても、開発者なら必ず知っておくべきLinuxの必須知識について学びます。ハンズオン形式で授業が進められます。

        Beginner

        Beginner

        Linux, ubuntu, Shell Script

        開発者なら知っておくべき Linux (Ubuntu) 基本Course Thumbnail

        開発者なら知っておくべき Linux (Ubuntu) 基本

        bradkim

        似ている講座

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

        非専攻者のためのSpring ORMの発酵基礎Course Thumbnail

        非専攻者のためのSpring ORMの発酵基礎

        admin0013

        この講義により、非専攻者はSpringの最も重要なORMモジュールの概念と動作原理を完全に理解することができます。

        Basic

        Basic

        Spring, Spring Boot, mybatis

        非専攻者のためのSpring ORMの発酵基礎Course Thumbnail

        非専攻者のためのSpring ORMの発酵基礎

        admin0013

        Java Spring Boot プロジェクトと Python AI プロジェクトを連携させるCourse Thumbnail

        Java Spring Boot プロジェクトと Python AI プロジェクトを連携させる

        javaspecialist

        Spring BootプロジェクトでFastAPIを使ったPythonベースのAIウェブサーバーとの連携について説明します。

        Intermediate

        Intermediate

        Spring Boot, FastAPI, yolo

        Java Spring Boot プロジェクトと Python AI プロジェクトを連携させるCourse Thumbnail

        Java Spring Boot プロジェクトと Python AI プロジェクトを連携させる

        javaspecialist

        イルカでも理解するSpring Boot 3 + PostgreSQL 17Course Thumbnail

        イルカでも理解するSpring Boot 3 + PostgreSQL 17

        dackkuck

        Spring Boot 3 + PostgreSQL 17 + JPA + MyBatis + Spring Security を 一気に 攻略できる 実践講座！

        Basic

        Basic

        Java, Spring Boot, JPA

        イルカでも理解するSpring Boot 3 + PostgreSQL 17Course Thumbnail

        イルカでも理解するSpring Boot 3 + PostgreSQL 17

        dackkuck

        Spring Bootを使用したRESTFUL APIの作成（AWS、EKS）Course Thumbnail

        Spring Bootを使用したRESTFUL APIの作成（AWS、EKS）

        parkmyounghoi

        初心者向けのバックエンドプログラミングWeb開発講義です。

        Basic

        Basic

        Spring Boot, REST API, restful

        Spring Bootを使用したRESTFUL APIの作成（AWS、EKS）Course Thumbnail

        Spring Bootを使用したRESTFUL APIの作成（AWS、EKS）

        parkmyounghoi

        これ一つで完結-高品質ReactとSpring Boot 65時間フルスタック開発講座(Docker、AWS、GITHUB-ACTIONS)

        greencoding1234

        1人IT創業、1人事業家の両方を経験した著者が 作った率直で淡白、直感的で深いReact+Spring Boot講座 (Docker、AWS、GITHUB-ACTIONS) そのままこれで一つの講座に統一しました。

        Beginner

        Beginner

        React, AWS, Docker

        これ一つで完結-高品質ReactとSpring Boot 65時間フルスタック開発講座(Docker、AWS、GITHUB-ACTIONS)

        greencoding1234

        Spring BootとReactで実装するソーシャルログインCourse Thumbnail

        Spring BootとReactで実装するソーシャルログイン

        oncoding

        スプリングブートとReactを活用し、通常ログインとソーシャルログインを統合実装する方法を学びます。 MPAとSPA環境の両方でログインシステムを構築し、JWTとOAuth2認証を実習します。 実務にすぐに適用可能なサンプルプロジェクトを通じて、全体のログインフローを理解し実装することができます。

        Intermediate

        Intermediate

        Java, Spring Boot, JPA

        Spring BootとReactで実装するソーシャルログインCourse Thumbnail

        Spring BootとReactで実装するソーシャルログイン

        oncoding

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

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

        ehtjd339667

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

        Basic

        Basic

        React, Java, AWS

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

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

        ehtjd339667

        Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)Course Thumbnail

        Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

        gymcoding

        Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

        Intermediate

        Intermediate

        Vue.js, Firebase, Quasar

        Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)Course Thumbnail

        Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

        gymcoding

        誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作りCourse Thumbnail

        誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作り

        Neo

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

        Basic

        Basic

        Flutter, Java, Kotlin

        誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作りCourse Thumbnail

        誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作り

        Neo

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

        dingcodingco

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

        Basic

        Basic

        Spring Boot, Next.js, AI

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

        dingcodingco

        [最新]Vue川の終わりの王：Nuxt 3完璧マスターCourse Thumbnail

        [最新]Vue川の終わりの王：Nuxt 3完璧マスター

        gymcoding

        Vueベースでパフォーマンスに優れたWebをすばやく作成するのに役立つNuxtフレームワーク講義です。

        Intermediate

        Intermediate

        Vue.js, Nuxt.js, pinia

        [最新]Vue川の終わりの王：Nuxt 3完璧マスターCourse Thumbnail

        [最新]Vue川の終わりの王：Nuxt 3完璧マスター

        gymcoding

        ウェブで扱うメディア - ビデオ通話を作りながら学ぶMediaStream APICourse Thumbnail

        ウェブで扱うメディア - ビデオ通話を作りながら学ぶMediaStream API

        sir24is

        Webでメディア（ビデオ、オーディオ）を扱う方法！！ もう難しくありません。 一つ一つ 따라しながら 배우는 MediaStream API と WebRTC

        Basic

        Basic

        React, Java, Web API

        ウェブで扱うメディア - ビデオ通話を作りながら学ぶMediaStream APICourse Thumbnail

        ウェブで扱うメディア - ビデオ通話を作りながら学ぶMediaStream API

        sir24is

        Vue3とSupabaseで求人求人サイトを作るCourse Thumbnail

        Vue3とSupabaseで求人求人サイトを作る

        Michael Kwon

        独自のフルスタックアプリケーション開発からプログレッシブWebアプリ（PWA）まで！

        Basic

        Basic

        Vue.js, PWA, supabase

        Vue3とSupabaseで求人求人サイトを作るCourse Thumbnail

        Vue3とSupabaseで求人求人サイトを作る

        Michael Kwon

        知っておけば定時退社できるSpring Bootバックエンドバイブコーディング入門Course Thumbnail

        知っておけば定時退社できるSpring Bootバックエンドバイブコーディング入門

        nullnull8537

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

        Beginner

        Beginner

        Java, Spring Boot, IntelliJ IDEA

        知っておけば定時退社できるSpring Bootバックエンドバイブコーディング入門Course Thumbnail

        知っておけば定時退社できるSpring Bootバックエンドバイブコーディング入門

        nullnull8537

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

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

        Neo

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

        Beginner

        Beginner

        iOS, Kotlin, REST API

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

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

        Neo

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

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

        Neo

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

        Beginner

        Beginner

        Kotlin, Spring Boot, IntelliJ IDEA

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

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

        Neo

        React + SpringAIで作る安全申聞鼓（安全通報）AI通報サービス開発Course Thumbnail

        React + SpringAIで作る安全申聞鼓（安全通報）AI通報サービス開発

        Neo

        React + SpringAIで作る「安全新聞庫」AI通報サービス開発 Neo + Essential 5番目のプロジェクト講義は、政府システム改善アイデア「安全新聞庫」通報システムの構築です！

        Beginner

        Beginner

        React, Spring Boot, AI

        React + SpringAIで作る安全申聞鼓（安全通報）AI通報サービス開発Course Thumbnail

        React + SpringAIで作る安全申聞鼓（安全通報）AI通報サービス開発

        Neo