<コースの概要>
本コースはご自身のPCを使用してWebSocket・STOMPとSpring Bootによるリアルタイムチャットアプリ開発ハンズオンを実施します。WebSocket・STOMPとは、Pub/Subとはから始まり、Java/Spring Bootによるサーバサイド開発(通信設定機能/チャット機能/イベントリスナー機能)、HTML/CSS/Bootstrap/JavaScript/jQueryによるクライアントサイド開発(ユーザー名入力ページ/チャットページ)、ユーザー体験価値向上のためのシングルページアプリケーション(SPA)/エラーハンドリング実装を通じて、リアルタイムチャットアプリ開発を実践的に学ぶことができます。
<他教材との違い>
本コースと他教材(書籍やYoutube動画教材等)との違いは以下の通りです。
・1本完結型コースであるためご自身でネット検索やマニュアル確認等を行う手間がかからない。
・WebSocket・STOMPとは何か、なぜその手順で設定するのか等、解説する技術や手順一つとってもその理由や背景を詳細に説明しているため途中で止まらずに受講できる。
・全レクチャー動画ダウンロード可能なため、場所を問わずどこからでも受講できる。
・全ハンズオンに完成版のコード等を添付しているため、コーディングミスによる原因調査等、余計な手間がかからない。
<コースの内容>
本コースの内容は以下の通りです。
コース概要
本コース受講にあたって
自己紹介
本コースのねらい
WebSocketハンズオン
概要編1 WebSocket・STOMPとは
概要編2 リアルタイムチャットアプリの仕組み
サーバサイド編1 Spring Bootアプリケーション雛型作成
サーバサイド編2 通信設定機能(ConnectionConfig実装)
サーバサイド編3 チャット機能(MessageType実装)
サーバサイド編4 チャット機能(ChatMessage実装)
サーバサイド編5 チャット機能(ChatController実装)
サーバサイド編6 イベントリスナー機能(ConnectionEventListener実装)
クライアントサイド編1 ユーザー名入力ページ(HTML作成)
クライアントサイド編2 チャットページ(HTML作成)
クライアントサイド編3 ユーザー名入力ページ(JavaScript実装)
クライアントサイド編4 チャットページ(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>