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件の受講レビュー

  • panameraturbos님의 프로필 이미지
    panameraturbos

    受講レビュー 5

    平均評価 5.0

    5

    100% 受講後に作成

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

    • kishe561204
      知識共有者

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

  • devthumb님의 프로필 이미지
    devthumb

    受講レビュー 12

    平均評価 5.0

    5

    100% 受講後に作成

    良い講義でした

    • yoonsg1165님의 프로필 이미지
      yoonsg1165

      受講レビュー 3

      平均評価 4.7

      4

      100% 受講後に作成

      たくさん助けました。

      • brianjune님의 프로필 이미지
        brianjune

        受講レビュー 3

        平均評価 3.7

        1

        100% 受講後に作成

        nodejsのための浅い基礎がある状況でデスクトップアプリを作るために講義を受講し、かなり残念な講義だと思います。 講師の方がいったん進度を抜くことに急給され、講義の95%以上は本人が作成するソースコードをただ読めることで行われます。つまり、一行のコードの説明はほとんどありません。もちろん講師様に沿ってコードに沿って打つことが流れを身につけるのに役立ちますが、これがどういう意味なのかもしれず、コードに従うと受講生の立場では幕膜です。特に画面切替やは、コードを再利用する際にコピー&ペーストが目覚ましい新しいもので、講義を頻繁に停止したり回したりしなければならず、1倍速で講義を受講するのにも困難がありました。そこにノイズや咳、ため息などが頻繁に聞いている間に集中力が維持されない問題もありました。 このレッスンを受講したい場合は、少なくともhtml&css&javascript&nodejs+express&socketio&electronすべてのための基礎を持っている状況で'素早く本番で何かをしたいとき'受講することをお勧めします。

        • kishe561204
          知識共有者

          次に講義を制作するときは、もう少しお話した部分を改善するようにします。ありがとうございます。

      • imredcat님의 프로필 이미지
        imredcat

        受講レビュー 1

        平均評価 1.0

        1

        14% 受講後に作成

        本当に集中できないですね。 下記のbrianjuneさんの評価文を見たら申し込みませんでした。 ため息と咳の音、水に落ちる音...とても集中していて見ることができません。 講義内容も…役に立つ方に "ElectronとNodeJSについての知識がない方"となっているが 少なくともNodeJSについての知識がなければ聞くことができると思います。 そして、開発ツールも...重要なことではありませんが、webstormを使用していない人はいますか? ない人のためにコンソールでの設定方法でも説明をしてください... 払い戻ししたいのですが、進捗率は10%だから払い戻しはできません...

        似ている講座

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