강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Full-stack

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

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

（5.0）受講レビュー 65件

受講生 438名

難易度 初級

受講期間 無制限

  • 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

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

受講後に得られること

  • 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ベースのフルスタック開発をしたい人

こんにちは
です。

2,834

受講生

296

受講レビュー

121

回答

5.0

講座評価

9

講座

💪💪💪실무와 강의 경력을 갖춘 전문가 💪💪💪

안녕하세요 김선국(bradkim) 강사입니다. 연세대학교를 졸업하고 대기업, 스타트업 등에서 8년 이상을 소프트웨어 엔지니어로 일해왔습니다. 현재는 부트캠프에서 전업 강사로 일하고 있습니다. 실무 경험과 강의 경험을 모두 갖춘 강사로서, 여러분들에게 반드시 알아야할 지식들 위주로 알기쉽게 전달 드리겠습니다.

프로필 : https://www.linkedin.com/in/seongukkim

カリキュラム

全体

36件 ∙ (11時間 16分)

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

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

受講レビュー

全体

65件

5.0

65件の受講レビュー

  • 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

          受講レビュー 28

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

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

          • bradkim
            知識共有者

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

        期間限定セール、あと1日日で終了

        ￥69,300

        30%

        ￥12,417

        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

        カカオ、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

        開発者が知っておくべき 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

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

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

        bradkim

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

        Beginner

        Beginner

        MariaDB, MySQL

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

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

        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 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を構築する実習中心で進められます。

        Basic

        Basic

        MariaDB, MySQL, sql-join

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

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

        bradkim

        似ている講座

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

        イルカでも理解する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

        真〜簡単スプリングパート1.スプリングフレームワークの理解とDI、AOPCourse Thumbnail

        真〜簡単スプリングパート1.スプリングフレームワークの理解とDI、AOP

        stgray220932

        スプリングフレームワークの核心を掘り下げる講義で、DIやAOPをはじめとするスプリングの中心概念をマスターすることになります。環境設定からユニットテスト、ロギング、メイブンの使い方まで、Springプロジェクトの基礎をしっかりと固めることができます。

        Basic

        Basic

        Spring, Spring Boot, dependency-injection

        真〜簡単スプリングパート1.スプリングフレームワークの理解とDI、AOPCourse Thumbnail

        真〜簡単スプリングパート1.スプリングフレームワークの理解とDI、AOP

        stgray220932

        PZM ベースの実務中心のバックエンド ブートキャンプ (事前トレーニング)Course Thumbnail

        PZM ベースの実務中心のバックエンド ブートキャンプ (事前トレーニング)

        bitcocom

        複数の機関で実施されているバックエンド ブートキャンプ コースを 1 つのカリキュラムにまとめました。この講義は、ブートキャンプ プリートレーニング (P) 講義です。誰でも受講できますが、詳細な学習を希望する方は、ブートキャンプ (ZM) コースに申し込んでください。

        Basic

        Basic

        Java, Spring, backend

        PZM ベースの実務中心のバックエンド ブートキャンプ (事前トレーニング)Course Thumbnail

        PZM ベースの実務中心のバックエンド ブートキャンプ (事前トレーニング)

        bitcocom

        # 10倍のAIネイティブ開発者：会社でAIを活用して圧倒的な成果を出す方法

        dingcodingco

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

        Basic

        Basic

        Spring Boot, Next.js, AI

        # 10倍のAIネイティブ開発者：会社でAIを活用して圧倒的な成果を出す方法

        dingcodingco

        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

        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と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

        [JSPからSpring Bootまで]諦めないSpring Bootへの道Course Thumbnail

        [JSPからSpring Bootまで]諦めないSpring Bootへの道

        youngcodikimssam

        Springの勉強を途中で諦めてしまいましたか？ コーディングが初めての完全初心者、非専攻者でもjspからspringBootまで、諦めずにSpring Bootへの道を開いてあげます。

        Beginner

        Beginner

        Java, JSP, TDD

        [JSPからSpring Bootまで]諦めないSpring Bootへの道Course Thumbnail

        [JSPからSpring Bootまで]諦めないSpring Bootへの道

        youngcodikimssam

        誰よりも早く学ぶ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

        誰よりも早く学習する 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

        Vue 3中級 - Composition APICourse Thumbnail

        Vue 3中級 - Composition API

        captain

        Vue 2 と最新の Vue 3 の両方で使用できる Vue Composition API を最も簡単かつ正確に学べる講座です。

        Intermediate

        Intermediate

        Vue 3, Vue.js

        Vue 3中級 - Composition APICourse Thumbnail

        Vue 3中級 - Composition API

        captain

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

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

        nullnull8537

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

        Beginner

        Beginner

        Java, Spring Boot, IntelliJ IDEA

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

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

        nullnull8537

        Learning Vue.js by Picking Out the EssentialsCourse Thumbnail

        Learning Vue.js by Picking Out the Essentials

        sucoding

        Vue.JS is a must-learn for front-end beginners!! We will thoroughly explore Vue.JS from basic to advanced levels!

        Basic

        Basic

        Vue.js, Vue 3, pinia

        Learning Vue.js by Picking Out the EssentialsCourse Thumbnail

        Learning Vue.js by Picking Out the Essentials

        sucoding

        コトリン製のスプリングブートCourse Thumbnail

        コトリン製のスプリングブート

        kwangsung

        スプリングブートそしてコートリン入門者がウェブ開発しながら経験することを入門者立場で親切に説明します。

        Basic

        Basic

        Kotlin, Spring Boot

        コトリン製のスプリングブートCourse Thumbnail

        コトリン製のスプリングブート

        kwangsung

        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

        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