WebSocket・STOMPとSpring Bootによるリアルタイムチャットアプリ開発入門講座

Description

＜コースの概要＞

本コースはご自身のPCを使用してWebSocket・STOMPとSpring Bootによるリアルタイムチャットアプリ開発ハンズオンを実施します。WebSocket・STOMPとは、Pub/Subとはから始まり、Java/Spring Bootによるサーバサイド開発（通信設定機能/チャット機能/イベントリスナー機能）、HTML/CSS/Bootstrap/JavaScript/jQueryによるクライアントサイド開発（ユーザー名入力ページ/チャットページ）、ユーザー体験価値向上のためのシングルページアプリケーション（SPA）/エラーハンドリング実装を通じて、リアルタイムチャットアプリ開発を実践的に学ぶことができます。

＜他教材との違い＞

本コースと他教材（書籍やYoutube動画教材等）との違いは以下の通りです。

・１本完結型コースであるためご自身でネット検索やマニュアル確認等を行う手間がかからない。

・WebSocket・STOMPとは何か、なぜその手順で設定するのか等、解説する技術や手順一つとってもその理由や背景を詳細に説明しているため途中で止まらずに受講できる。

・全レクチャー動画ダウンロード可能なため、場所を問わずどこからでも受講できる。

・全ハンズオンに完成版のコード等を添付しているため、コーディングミスによる原因調査等、余計な手間がかからない。

＜コースの内容＞

本コースの内容は以下の通りです。

コース概要

• 本コース受講にあたって

• 自己紹介

• 本コースのねらい

WebSocketハンズオン

• 概要編１ WebSocket・STOMPとは

• 概要編２ リアルタイムチャットアプリの仕組み

• サーバサイド編１ Spring Bootアプリケーション雛型作成

• サーバサイド編２ 通信設定機能（ConnectionConfig実装）

• サーバサイド編３ チャット機能（MessageType実装）

• サーバサイド編４ チャット機能（ChatMessage実装）

• サーバサイド編５ チャット機能（ChatController実装）

• サーバサイド編６ イベントリスナー機能（ConnectionEventListener実装）

• クライアントサイド編１ ユーザー名入力ページ（HTML作成）

• クライアントサイド編２ チャットページ（HTML作成）

• クライアントサイド編３ ユーザー名入力ページ（JavaScript実装）

• クライアントサイド編４ チャットページ（JavaScript実装）

• リアルタイムチャット確認

ボーナスレクチャー

• ボーナスレクチャー

＜参考文献＞

[1] Chat Room Project using Spring Boot Web Socket step by step [Hindi]

<サイト名: Learn Code With Durgesh>

[2] Building a chat application with Spring Boot and WebSocket

<サイト名: CalliCoder>

What You Will Learn!

• WebSocket・STOMPの仕組み理解
• Pub/Subの仕組み理解
• リアルタイムチャットアプリ開発の概要理解（Java / Spring Bootによるサーバサイド開発、HTML / CSS / Bootstrap / JavaScript / jQueryによるクライアントサイド開発）
• ユーザー体験価値向上のためのシングルページアプリケーション（SPA）/エラーハンドリング実装

Who Should Attend!

• WebSocket・STOMPの仕組みが知りたいエンジニアの方
• Pub/Subの仕組みが知りたい方
• リアルタイムチャットアプリ開発の概要が知りたい方

TAKE THIS COURSE