강의

멘토링

로드맵

Programming

/

Back-end

Electron、NodeJS、Socket.ioを使用したチャットアプリケーションの開発

講義の内容をもとに基本的なチャットアプリ作成と ElectronとNodeJSの基本的な構造について学びます。

  • kishe561204
Node.js
Electron
Socket.io

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

こんなことが学べます

  • Electronを使用したデスクトップアプリケーションの開発

  • Node.jsとSocket.ioを活用したリアルタイムメッセージングアプリケーションの実装

  • Expressミドルウェア機能の実装とユーザー認証

  • HTML、CSS、JavaScriptを使用したUIコンポーネントの開発

  • IBM Bluemixを使用したサーバーのデプロイ

Electron、NodeJS、Socket.ioを使用したチャットアプリケーションの開発

最近、デスクトップアプリケーション開発に活用されるWeb技術ベースのデスクトップアプリケーション開発ライブラリであるElectronとこれを動作させるNodeJS、そしてリアルタイムメッセージアプリケーション開発に多く使われるSocket.ioライブラリを利用してチャットアプリケーションを開発する過程について話します。

学習目標

  • 講義の内容に基づいて、基本的なチャットアプリケーションの作成と、ElectronとNodeJSの基本的な構造について学びます。

Electron

  • Node JSランタイムで動作するJavascriptフレームワークで、通常デスクトップで使用するOS(Linux、OSX、Window)Javascript、HTML、CSSなどのWeb技術を利用して動作するアプリケーションを作成するのに役立つライブラリです

学ぶこと

1.クラインアントでログイン(成功時ウェブソケット接続)
2.クライアントからemetへのメッセージ転送
3.サーバーからonにメッセージを受け取り、他のクライアントへのブロードキャスト
4.簡単なログイン画面(Electron&HTML&CSS&JS)とログイン機能(NodeJS&Socket.IO)を実装

役に立つ方

  • ElectronとNodeJSに関する知識がない方。デスクトップアプリケーションを作成したいのですが、Web技術に基づいた開発者たち。 NodeJSに興味のある入門者、開発者

注意事項

知識共有者の紹介

キム・ジウン
こんにちはロケーションベースのモバイルアプリケーション開発スタートアップTHATZITでBackend(NodeJS)、Ios(Swift)、Android(Java)の開発を担当しており、今は個人開発者として個人プロジェクト(地図共有サービス、チャットアプリケーション)そしてサイドキャップをしながら開発活動を続けているキム・ジウンです。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • プログラミング初心者

  • リアルタイムチャットアプリケーションの開発に興味のある人

  • Electronを使ったデスクトップアプリケーションの開発を学びたい人

  • Node.jsとSocket.ioを活用したリアルタイム通信に興味のある人

  • Web技術を活用したデスクトップアプリケーションの開発に関心のある人

こんにちは
です。

210

受講生

11

受講レビュー

5

回答

3.8

講座評価

1

講座

カリキュラム

全体

29件 ∙ (13時間 59分)

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

受講レビュー

全体

11件

3.8

11件の受講レビュー

  • 윤순기님의 프로필 이미지
    윤순기

    受講レビュー 3

    平均評価 4.7

    4

    100% 受講後に作成

    많은 도움 되었어요.

    • Panamera Turbo님의 프로필 이미지
      Panamera Turbo

      受講レビュー 5

      平均評価 5.0

      5

      100% 受講後に作成

      각각 다이얼로그들로 나눠서 기능 부분을 확인할 수 있었고, 평가 남겨주신 분의 글을 참고하여 따라 쓰지는 않고 올려주신 코드를 참고하여 해당 부분들 복붙하면서 수업들으니 괜찮긴했습니다! 일렉트론을 처음 사용해보는데 방 생성, 친구 초대 등의 기능을 클라이언트와 서버를 같이 진행하여 간단하게 앱을 만들 수 있는 점이 좋았습니다! 하지만 글을 참고해서 들었어도 목소리가 작으셔서 소리를 키워놨다가 기침 소리가 생각보다 커서 깜짝 놀라는 경우가 있었습니다! 키보드도 좋은걸 쓰셔서 자그락 자그락 소리가 엄청 크게 들렸고 후반부 강의에서는 맥북의 팬 돌아가는 소리인지도 생각보다 심했습니다.(처음엔 제꺼에서 도는 줄 알았습니다..) 백엔드 소켓부분 구현시에는 영상 소리가 깨져서 워프하는 우주선 소리가 나고 웡웡 울리는 부분이 있는데 강의 영상을 확인을 안하시고 올리신거 아닌가 하는 자그마한 의심마저 들었습니다.ㅠㅠ 그리고 강의 영상인데 power mode 플러그인을 쓰셔서 타자 하나하나 칠때마다 화면이 엄청 흔들리고 코드를 많이 붙여넣기 하는 경우에 BAM BAM 하고 뜨는 경우가 있어 실소를 감출 수 없었습니다!(그러려고 쓰는 기능이긴 하지만 강의 영상에서는 보기 어려웠습니다!) 영상과 소리에 대해서만 어느정도 불편함이 있었지만 코드 자체는 이상없이 잘 작성되어 모두 완료하고 난 다음에는 '아 그래도 잘 마쳤구나!' 하는 안도와 보람을 얻을 수 있어 색다른 경험으로 수강했습니다! 이후 현재 프로젝트에 추가로 진행하시는 강의가 나오면 그래도 저는 수강은 하고 싶습니다! 감사합니다!

      • 김지운
        知識共有者

        강의 들어주셔서 감사합니다. 처음 만들어보기도 하였고 음향관련해서는 촬영한곳 바로 옆이 열차가 다니는 선로라 최대한 열차시간을 피해서 찍어보기도 하였으나 힘든점이 있었습니다. 키보드 타건 소리나 지적해주신 음향관련한 내용은 다음에 강의나 영상촬영시에 좀 더 신경써서 더 좋은 품질의 영상 촬영을 하도록 노력하겠습니다.

    • 도전적인 불가사리님의 프로필 이미지
      도전적인 불가사리

      受講レビュー 12

      平均評価 5.0

      5

      100% 受講後に作成

      좋은 강의 였습니다

      • bcu님의 프로필 이미지
        bcu

        受講レビュー 2

        平均評価 5.0

        5

        97% 受講後に作成

        Electron에 대한 이해도가 많이 올라갔습니다. 감사합니다.

        • 서승효님의 프로필 이미지
          서승효

          受講レビュー 2

          平均評価 5.0

          5

          100% 受講後に作成

          IDE 화면에서 화면 효과 때문에 커서 위치가 흔들리면서 조금 알아보기 힘들긴 했습니다.

          期間限定セール

          ¥39,600

          25%

          ¥6,170

          似ている講座

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