inflearn logo
inflearn logo

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

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

難易度 初級

受講期間 無制限

Node.js
Node.js
Electron
Electron
Socket.io
Socket.io
Node.js
Node.js
Electron
Electron
Socket.io
Socket.io
날개 달린 동전

講座 を紹介して、成長と収益を得ましょう!

날개 달린 동전

マーケティングパートナーズ

講座 を紹介して、成長と収益を得ましょう!

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

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

3.8

5.0

Panamera Turbo

100% 受講後に作成

それぞれダイアログで分けて機能部分を確認でき、 評価残してくださった方の文を参考にして書かずに載せてくださったコードを参考にして、その部分を貼り付けながら授業らしいので大丈夫でした! エレクトロンを初めて使ってみるのに、部屋の作成、友達の招待などの機能をクライアントとサーバーを一緒に進めて簡単にアプリを作れる点が良かったです! でも、文を参考にして聞いたとしても声が小さくて音を育てて、咳の音が思ったより大きくてびっくりすることがありました!キーボードも良いことを書いて、ザグロックザグロックの音がすごく大きく聞こえ、後半の講義では、MacBookのファンに帰る音なのかも思ったよりひどかったです。 バックエンドソケット部分実装時には映像音が割れてワープする宇宙船の音が出てウォンウォン鳴る部分があるのに講義映像を確認をしないで上げたのではないかという小さな疑いさえ聞きました。 そして講義映像なのに power mode プラグインを使って打者ひとつひとつ打つたびに画面がめちゃくちゃ揺れてコードをたくさん貼り付ける場合に BAM BAM して編むことがあって実笑を隠せませんでした!では見にくかったです!) 映像と音についてだけある程度不快感があったが、コード自体は異常なくうまく書かれて、すべて完了して、私は次に'ああそれでもうまくやった!という安堵とやりがいが得られ、一味違った経験で受講しました! 以後、現在のプロジェクトに追加で進める講義が出たらそれでも私は受講はしたいと思います! ありがとうございます!

5.0

도전적인 불가사리

100% 受講後に作成

良い講義でした

5.0

bcu

97% 受講後に作成

Electronに対する理解度がとても上がりました。 ありがとうございます。

受講後に得られること

  • 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技術を活用したデスクトップアプリケーションの開発に関心のある人

こんにちは
kishe561204です。

214

受講生

11

受講レビュー

5

回答

3.8

講座評価

1

講座

カリキュラム

全体

29件 ∙ (13時間 59分)

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

受講レビュー

全体

11件

3.8

11件の受講レビュー

  • devthumb님의 프로필 이미지
    devthumb

    受講レビュー 12

    平均評価 5.0

    5

    100% 受講後に作成

    良い講義でした

    • panameraturbos님의 프로필 이미지
      panameraturbos

      受講レビュー 5

      平均評価 5.0

      5

      100% 受講後に作成

      それぞれダイアログで分けて機能部分を確認でき、 評価残してくださった方の文を参考にして書かずに載せてくださったコードを参考にして、その部分を貼り付けながら授業らしいので大丈夫でした! エレクトロンを初めて使ってみるのに、部屋の作成、友達の招待などの機能をクライアントとサーバーを一緒に進めて簡単にアプリを作れる点が良かったです! でも、文を参考にして聞いたとしても声が小さくて音を育てて、咳の音が思ったより大きくてびっくりすることがありました!キーボードも良いことを書いて、ザグロックザグロックの音がすごく大きく聞こえ、後半の講義では、MacBookのファンに帰る音なのかも思ったよりひどかったです。 バックエンドソケット部分実装時には映像音が割れてワープする宇宙船の音が出てウォンウォン鳴る部分があるのに講義映像を確認をしないで上げたのではないかという小さな疑いさえ聞きました。 そして講義映像なのに power mode プラグインを使って打者ひとつひとつ打つたびに画面がめちゃくちゃ揺れてコードをたくさん貼り付ける場合に BAM BAM して編むことがあって実笑を隠せませんでした!では見にくかったです!) 映像と音についてだけある程度不快感があったが、コード自体は異常なくうまく書かれて、すべて完了して、私は次に'ああそれでもうまくやった!という安堵とやりがいが得られ、一味違った経験で受講しました! 以後、現在のプロジェクトに追加で進める講義が出たらそれでも私は受講はしたいと思います! ありがとうございます!

      • kishe561204
        知識共有者

        講義聞いてくれてありがとう。 初めて作ってみたり、音響関連では撮影したところのすぐ隣が列車が通る線路なので、できるだけ列車時間を避けて撮ってみたりもしましたが大変な点がありました。 キーボードの打鍵音や指摘してくれた音響関連の内容は、次に講義や映像撮影時にもう少し気にして、より良い品質の映像撮影をするように努力します。

    • seunghyoseo0290님의 프로필 이미지
      seunghyoseo0290

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      IDE画面で画面効果のためカーソル位置が揺れながら少し調べるのが大変でした。

      • bcu8185님의 프로필 이미지
        bcu8185

        受講レビュー 2

        平均評価 5.0

        5

        97% 受講後に作成

        Electronに対する理解度がとても上がりました。 ありがとうございます。

        • yoonsg1165님의 프로필 이미지
          yoonsg1165

          受講レビュー 3

          平均評価 4.7

          4

          100% 受講後に作成

          たくさん助けました。

          似ている講座

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

          ¥6,453