![[Web開発フルスタックコース] Node.jsプロジェクト投入1週間前 - 基礎から実務まで강의 썸네일](https://cdn.inflearn.com/public/courses/330080/cover/53450c0a-fe6a-448a-a968-54803487b395/nodejs-1.jpg?f=avif&w=420)
[Web開発フルスタックコース] Node.jsプロジェクト投入1週間前 - 基礎から実務まで
realprogrammers
この講義は、フルスタックWeb開発者を育成するための[Web開発フルスタックコース]講義シリーズのバックエンド部分についての講義です。この講義は、講師の著書<Node.jsプロジェクト投入一週間前>の内容に基づいて作られた講義です。
초급
Node.js, MySQL, Express
Electron、NodeJS、Socket.ioを使用したチャットアプリケーションの開発
講義の内容をもとに基本的なチャットアプリ作成と ElectronとNodeJSの基本的な構造について学びます。
学習した受講者のレビュー
受講後に得られること
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)を実装
2.クライアントからemetへのメッセージ転送
3.サーバーからonにメッセージを受け取り、他のクライアントへのブロードキャスト
4.簡単なログイン画面(Electron&HTML&CSS&JS)とログイン機能(NodeJS&Socket.IO)を実装
役に立つ方
- ElectronとNodeJSに関する知識がない方。デスクトップアプリケーションを作成したいのですが、Web技術に基づいた開発者たち。 NodeJSに興味のある入門者、開発者
注意事項
- Mac / Electron 2.0.3、Socket.io 2.1.0、NodeJS 8.4.0、mongoose 5.1.4、axios 0.17.1以上/ Google検索能力/ WebStorm（IDE）準備/ IBM Bluemixアカウント準備
- サンプルコード（ https://github.com/kishe89/ InflearnElectronExample ）
知識共有者の紹介
キム・ジウンこんにちはロケーションベースのモバイルアプリケーション開発スタートアップTHATZITでBackend（NodeJS）、Ios（Swift）、Android（Java）の開発を担当しており、今は個人開発者として個人プロジェクト（地図共有サービス、チャットアプリケーション）そしてサイドキャップをしながら開発活動を続けているキム・ジウンです。
こんな方に
おすすめです
学習対象は
誰でしょう？
プログラミング初心者
リアルタイムチャットアプリケーションの開発に興味のある人
Electronを使ったデスクトップアプリケーションの開発を学びたい人
Node.jsとSocket.ioを活用したリアルタイム通信に興味のある人
Web技術を活用したデスクトップアプリケーションの開発に関心のある人
カリキュラム
全体
29件 ∙ (13時間 59分)
12. 画面作成（HTML＆CSS）
43:00
18. チャットエリア作成（JS）
27:00
講座掲載日:
最終更新日:
受講レビュー
全体
11件
3.8
11件の受講レビュー
yoonsg1165受講レビュー 3
∙
平均評価 4.7
- panameraturbos
受講レビュー 5
∙
平均評価 5.0
5
100% 受講後に作成それぞれダイアログで分けて機能部分を確認でき、 評価残してくださった方の文を参考にして書かずに載せてくださったコードを参考にして、その部分を貼り付けながら授業らしいので大丈夫でした！ エレクトロンを初めて使ってみるのに、部屋の作成、友達の招待などの機能をクライアントとサーバーを一緒に進めて簡単にアプリを作れる点が良かったです！ でも、文を参考にして聞いたとしても声が小さくて音を育てて、咳の音が思ったより大きくてびっくりすることがありました！キーボードも良いことを書いて、ザグロックザグロックの音がすごく大きく聞こえ、後半の講義では、MacBookのファンに帰る音なのかも思ったよりひどかったです。 バックエンドソケット部分実装時には映像音が割れてワープする宇宙船の音が出てウォンウォン鳴る部分があるのに講義映像を確認をしないで上げたのではないかという小さな疑いさえ聞きました。 そして講義映像なのに power mode プラグインを使って打者ひとつひとつ打つたびに画面がめちゃくちゃ揺れてコードをたくさん貼り付ける場合に BAM BAM して編むことがあって実笑を隠せませんでした！では見にくかったです！） 映像と音についてだけある程度不快感があったが、コード自体は異常なくうまく書かれて、すべて完了して、私は次に＆#x27;ああそれでもうまくやった！という安堵とやりがいが得られ、一味違った経験で受講しました！ 以後、現在のプロジェクトに追加で進める講義が出たらそれでも私は受講はしたいと思います！ ありがとうございます！
- kishe561204知識共有者
講義聞いてくれてありがとう。 初めて作ってみたり、音響関連では撮影したところのすぐ隣が列車が通る線路なので、できるだけ列車時間を避けて撮ってみたりもしましたが大変な点がありました。 キーボードの打鍵音や指摘してくれた音響関連の内容は、次に講義や映像撮影時にもう少し気にして、より良い品質の映像撮影をするように努力します。
- devthumb
受講レビュー 12
∙
平均評価 5.0
- bcu8185
受講レビュー 2
∙
平均評価 5.0
- seunghyoseo0290
受講レビュー 2
∙
平均評価 5.0
期間限定セール
￥36,960
30%
￥6,613
似ている講座
同じ分野の他の講座を見てみましょう！
![# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
