【動画で学習】UdemyのNode.js 人気／おすすめ講座【セールでお得】

Webエンジニアを目指している方

Node.jsを使ってフロント側のコードの実装を行っている方

フロントエンドツール界隈の技術がカオスすぎて混乱している方

VueやReactなどのSPAライブラリを学んでいる方

モダンなWeb開発の全体像をとらえたい方

JavaScriptで何か動くものを作ってみたい方

デスクトップアプリの開発などに興味のある方

プログラムを使った自動化の技術に興味のある方

JavaScriptやフロントエンドの学習をしている方

これらに当てはまる方は是非こちらのコースを受けてみてください。本コースでは、ただNode.jsについて学ぶだけでなく、Node.jsを中心としたモダンな開発の手法について網羅的に学んでいきます。

- Node.jsって何？

Node.jsは世界で最も使用されているプログラミング言語のJavaScriptを実行するための環境です。元々は2009年にJavaScriptを用いたサーバーサイドのプログラムの実行環境として開発されました。ただ、それから１０年以上の月日が経ち、昨今のNode.jsはサーバー上の処理を実装するためだけではなく、ソフトウェア開発の様々なシーンで利用されています！

- Node.jsを学ぶメリットは？

Node.jsは昨今のWeb開発、ソフトウェア開発のいたるところで使用されています。特にフロントエンド側の開発を行っている場合、Node.jsは必ずと言っていいほど使用します。また、PaypalやLinkedInといった大企業はバックエンドにNode.jsを導入しています。それに加えて、デスクトップアプリの開発やモバイルアプリの開発などもNode.jsで行えます。プログラムは全てJavaScriptで書くことができるため、様々なことを一つで出来るかなりコスパのいい技術になります！

- Node.jsって難しいの？

Node.jsはJavaScriptが出来れば誰でもできます。ただ、使いこなせるようになるにはNode.js独特のルールについてマスターする必要があります。JavaScriptが実行できる環境にブラウザがありますが、ブラウザ上で実行された時とNode.js上で実行された時ではJavaScriptの動作が異なります。本コースではそういった違いなどについても体系的に解説していきます！

- 本コースで学ぶこと！

本コースで学ぶことについて以下にまとめました！興味のある方は是非一度ざっと見てみてください。

- 本コースで学ぶこと - ポイント１（Node.js基礎）

本コースでは、まずはターミナル上での基本的なコマンドの使い方から学んでいきます。また、パスの取り扱いについても何となく理解している方も多いと思いますので、本コースでマスターしていってください。普段、何気なく使っているNode.jsの使い方と特徴についてはブラウザ環境と対比しながら説明しますので、違いが明確になり頭の中がすっきりすると思います！

・Node.jsのバージョンの意味。

・Node.jsの実行方法。

・PC上のパスの取り扱い方法について。

・ターミナルの基本的な使い方。

・モジュール管理システム（CJS / ESM）。

・ブラウザ環境とNode.js環境の違い。

- 本コースで学ぶこと - ポイント２（npm基礎）

Node.jsの基礎が終わったら、npmについて学びましょう。npmはNode.jsのパッケージ管理のためのツールです。

npmでインストールしたパッケージはNode.js上で自由に使用することができますが、意外とその仕組みは理解していないもの。基礎を固めることによって、エラーなどにも対処できるようになりましょう！

・npmってなに？npmを使う理由。

・package.jsonの中身を見る！

・npmの便利コマンド紹介！

・パッケージ読み込みと実行。

・npm install使いこなせてる？

・コマンド型のパッケージの仕組み！

・グローバルパッケージの管理方法など。

- 本コースで学ぶこと - ポイント３（自動化ツールの作成）

基礎が完了したら、実際にコードを書いてみましょう！本コースではPlaywrightというライブラリを用いて、サイト内の情報を取得し、Google Spread Sheetに書き込んでみます。プログラムの定期実行やその結果のEmail送信なども行いますので、楽しみにしてください！

・サイトの情報を自動で収集！

・収集した情報をcsvに出力。

・Google Spread Sheetと連携して出力！

・定期実行も可能！

・エラーが起きた時の処理の記述。

・Emailで結果の通知！

- 本コースで学ぶこと - ポイント４（モダンフロントエンド開発界隈の現状把握）

昨今のフロントエンド開発はかなりカオスな状況です（いや、ホントに）。特にフロントエンドのコードをビルドするためのツールなどは乱立しており、初心者の方からしてみれば何を使うべきなのか？何を学習するべきなのか？が分からないと思います。

本コースでは初心者の方が知っておくべき、フロントエンド界隈の知識について体系的に説明していきますので、効率的に最新のトレンドをキャッチアップすることができます。

・モジュールバンドラーって？トランスパイラとは！？

・用語やツールについて説明。

・現状とトレンドについて説明。

・良く使用されるツールの用途について。

・webpackを例に設定方法の意味を解説。

・最新のビルドツールViteについて紹介！

- 本コースで学ぶこと - ポイント５（バックエンド開発）

フロントの学習が終わったら、次はバックエンドの実装について学んでいきましょう！バックエンドを学ぶということはすなわちWebシステムの仕組みを学ぶ必要があります。Webシステムの仕組みを知れば、他のプログラミング言語でバックエンド側の実装を行った時もとても役に立ちます。（プログラミング言語による違いは書き方の違いのみで、Webシステムの仕組みはどの言語でも同じです。）本コースではRest APIを作りながら、Webシステムの基本的な仕組みと実装方法について学習していきます！

・Webページが表示されるまで！

・サーバーとブラウザのやり取り！

・Content-Type？HTTPステータス？

・POSTとGETメソッドの違い？送り方と受け取り方。

・Rest APIについて学ぶ！application/json？

・ルーター？ミドルウェア？サーバーの基本を習得！

・MongoDBにデータを格納！

- 本コースで学ぶこと - ポイント６（モダンなWebアプリの構築）

バックエンドの実装が完了したら、今度はフロントエンドのコードと統合して、画面を持ったアプリケーションを実際に構築してみましょう。フロントエンド側はReactを用いたSPA（Single Page Application）を用意しています。Reactの実装や細かな説明は行いませんが、実際どのようにしてWebシステムが構成されているのかを具体的に知ることは大変勉強になると思います。また、作成したアプリケーションはインターネットへの公開まで行いますので、ポートフォリオを公開したい人などは是非楽しみにしてください。

・フロントエンドのコードとバックエンドのコードの統合。

・CORS制約とは？

・どのようにWebアプリは動くのか？

・インターネットへの公開。

- 本コースで学ぶこと - ポイント７（デスクトップアプリ開発）

最後に、デスクトップアプリの開発をやってみましょう。実は皆さんが普段お使いのアプリにもNode.jsで開発されたものはたくさんあります。例えば、VSCode、Teams、Slack、Discord、SkypeなどはNode.jsのライブラリであるElectronで作成されています。本コースでは実際にElectronを用いて、画像ダウンロードアプリを作成し、それを配布できる状態にビルドまでします。また、コースの最後にはReact Native + Expoを用いたスマホアプリ開発のための環境構築の方法についても紹介しますので是非楽しみにしてください。

・Electronって何？

・Electronを使ったアプリの特徴。

・プロセスってなに？

・IPC（プロセス間通信）とは！

・画像ダウンロードアプリを作成！

・アプリを実際にビルドして配布！

・Node.jsでスマホ開発！

以上が本コースでざっと学ぶことになってきます。

もし、あなたがJavaScriptを使った開発に興味があれば、是非一度Node.jsについて学んでみてください。Web開発のスキルアップはもちろん、Webシステム以外のプログラムも行うことができるようになるため、JavaScriptを使った開発の幅がグッと広がります！

また、近年ではDenoやBunといったNode.js以外のJavaScript実行環境も登場してきていますが、Node.jsを習得すればその他の実行環境についても特に問題なく使用することができます。

是非この機会にNode.jsに触れてみてください！

5. 本コースで使用する代表的なパッケージ

express: 4.18.1

mongodb: 4.10.0

mongoose: 6.6.1

webpack: 5.74.0

babel: 6.23.0

google-spreadsheet: 3.3.0

node-cron: 3.0.2

playwright: 1.27.1

node: 18.12.1

nodemailer: 6.7.8

vite: 3.2.0

react: 18.0.22

react-dom: 18.0.7

electron: 20.1.4

electron-builder: 23.6.0

npm-run-all: 4.1.5

chrome-paths: 1.0.1

image-downloader: 4.3.0

expo-cli: 6.0.8

その他）

WSLを用いて学習を進めたい方へ。

WSL（Windows Subsystem for Linux）を用いてもNodeは実行可能なため、受講いただくことはできますがセットアップや一部動画の通りにコマンドが流れない可能性があります。（パスが通っていないためエラーになるなど。）そのため、WSLを用いて本コースを受講する場合にはその点をご留意いただけますと幸いです。

新しく本格的なWEBサーバー構築を学ぼうと思った時、

• そもそもNode.jsとは何なのか？

• Node.jsはどのような仕組みで動くのか？

• なぜNode.jsが昨今の開発現場で用いられるようになったか？

といった大切な概念の部分が理解できず、

なんとなく使っている or 挫折してしまった。

といった経験はございませんか？

Node.jsは、NetflixやUder、LinkedIn などの欧米系IT企業のサーバーサイド（バックエンド）システムの開発環境として用いられていて、最近は日本でもNode.jsを使った企業が増えてきています。

なぜこれらの企業はわざわざシステムの開発言語切り替えるまでしてNode.jsを導入するのでしょうか？

本コースは、実際に本格的な開発に関する知識をお伝えしていくのは勿論、

しっかりNode.jsとは何なのか？というところから丁寧に授業を進めていきます。

授業を通じてNode.js誕生の背景から、

サーバーサイド開発の基礎を一緒に学んでいきましょう。

このコースではNode.jsのみでWebアプリ全体を構築していきますが、

今後フロントエンド側の開発言語としてAngularやReact、Vueなどのフロントエンドフレームワークと組み合わせた開発を行なっていける下地を構築する為、HTML側とサーバーサイド側を完全に分離し、APIで接続するノウハウも同時にご紹介していきます。

今後Webアプリ開発だけでなく、ネイティブアプリなどを開発する際に、バックエンド側は共用システムにしたいという場合に、Node.jsを学んでおくことで今後の開発をスムーズに行えるようになります。

本コースは初心者でも開発の知識を学んでいけることを意識し、

• constやletとは何？

• 関数の作り方や呼び出し方は？

• moduleって何？どうやってインポート/エクスポートするの？

といった基礎から丁寧に授業を行なっていきます。

もし受講を進める中で強化してほしいコンテンツなどございましたら、

UdemyのQ&A機能からご意見くださいね。

ご意見を元に授業をアップデートさせて頂きます。

GitやGitHubの基本的な使い方に関しましては、姉妹コースの

• 【Macで始める】はじめてのGitとGitHub、GitKraken入門【VSCode初期セットアップ含む】

も合わせてご受講してみてくださいね。

2022 年現在、Web アプリの開発に入門するための情報源は豊富で、Ruby on Rails などを使って「なんとなく」Web アプリが実装できるという方は増えています。

しかし、最近よくある構成の (いわゆるモダンな) Web アプリの開発には、さらに非常にたくさんの知識が必要になります。

例えば、React や Vue.js といったキーワードを聞いたことがある方は多いでしょう。

しかし、Web アプリを「なんとなく」実装できる段階で、より高度な Web アプリを開発しようとしても、よく分からないことだらけで苦戦する方は少なくありません。

Web アプリを「なんとなく」実装できる段階から、より高度な Web アプリの開発に進むには、Web アプリの仕組みと JavaScript の重要知識の 2 つを学ぶ必要があります。

このコースでは、Web アプリの仕組みと JavaScript の重要知識について、実際にコードを書きながら学んでいきます。

キーワード

Web アプリの仕組み：HTTP、Web API、Ajax、Cookie、CORS

JavaScript の重要知識：Node.js、npm、非同期処理、Promise、async/await

更新履歴

• 2023/05/12「（補足）asdf のセットアップについて」を追加

　このコースでは、Node.jsを使い、JavaScriptでWebスクレイピングをする方法を学びます。

（2023年12月に、最新の仕様の情報を追加しました）

　Node.jsの環境構築から始まり、nodeコマンドやnpmコマンドといった、CLI環境での操作方法を身に付けます。

　また、Node.js向けのプログラムの書き方や、モジュールの利用の仕方、自作モジュールの作り方も学びます。

　そして、「node-fetch」によるネット上のファイルのダウンロード、「jsdom」によるHTMLパース、それらを利用したWebスクレイピングを身に付けます。

　また、「Puppeteer」を利用したWebブラウザの自動操縦を利用したWebスクレイピングも身に付けます。

　コースで紹介するコードは、サンプルコードとして、全てダウンロードできます。

　依存するモジュールは全て紹介しており、npmコマンドを利用して、別のプロジェクトでもインストールできます。

　このコースを習得すれば、次のような事ができるようになります。

• Node.jsを利用したプログラムの開発。

• ファイルのダウンロードとHTMLのパースによるWebスクレイピング。

• Puppeteerを利用したブラウザ自動操縦によるWebスクレイピング。

‥‥‥‥‥‥‥‥‥‥

　このコースは、以下のように進みます。

● 第1章 イントロダクション

● 第2章 プロジェクトの作成

● 第3章 ネットのファイルのダウンロード

● 第4章 requireとimport

● 第5章 Path

● 第6章 Promise

● 第7章 File System

● 第8章 パース

● 第9章 Puppeteerによる情報取得

● 第10章 Puppeteerによるフォーム操作

● 第11章 Puppeteerによるダウンロード

● 第12章 自作モジュール

● 終わりに

‥‥‥‥‥‥‥‥‥‥

Webアプリケーション開発、なんとなく実装していませんか？

個人情報の流出やプライバシーポリシーの規約と異なる利用など…「安全な」Webアプリケーション開発が昨今は求められています。

本講座では「安全なWebアプリケーション開発」を行うために何を知り、どのように対策していくのか、Node.js＋MySQLの構成で具体的なケーススタディを通して学んでいきます。

また、本講座で作成したWebアプリケーション構成は別講座「AWSで作るWebアプリケーション実践講座」を参考にデプロイ/リリースすることができます。

【概要】

・環境構築

・はじめての開発

・作成するWebアプリケーション

・プロジェクト新規作成

・静的解析の組み込み

・Node.js + Express （ミドルウェア、ルーティング）

・Node.js + Express （テンプレートエンジン（１））

・静的ファイルの配信

・トップページの作成

・ログ出力の作成

・データベースの準備

・データベースへの接続（１）

・Node.js + Express（テンプレートエンジン（２））

・詳細画面の作成

・検索画面の作成

・データベースへの接続（２）

・登録画面の作成

・ログイン/ログアウトの作成

・データ利活用と個人情報保護

・カスタムヘッダーの作成

・カスタムエラーページの作成

・グレースフルシャットダウン

・タスクランナー

【謝辞】

今回も同僚の力を借りて作成することになりました。本コース作成にあたり実務上の知見や講座内容に対するフィードバックをしてくれた古澤魁さんには大変感謝しています。

【免責事項】

本講座には日本国内の法律、EU圏の法律に関する内容が含まれています。

本講座のコンテンツや情報はできる限り正確な情報になるよう努めておりますが、誤情報の混入、情報の陳腐化により不正確になる場合があります。

本講座の情報に基づいて被ったいかなる損害について、一切の責任を負うものではございませんのであらかじめご了承ください。

【更新履歴】

v1.0.2　2022/02/07　「yarnが動作しない場合」について補足レクチャーを追加
v1.0.1　2021/11/27　「トランザクションの利用（動作確認）」レクチャー添付のソースコードを修正
v1.0.0　2021/08/13　初版リリース

RESTful Web API（REST）の持つ問題を解決するために開発されたGraphQLは、
近年、益々注目を浴びてきています。
2020年 GraphQLは、さらに注目されることは間違いないでしょう。
このコースでは、そんな注目度の高いGraphQLを実際にサーバーを建て
CRUD処理を体系的に学んでいきます。

はじめてNode.jsでの開発を学ぶ、初心者向けの講座です。

この講座は、Mac、Windowsなど関係なく、ブラウザのみで受講できます。

Node.jsのようなWeb開発を学ぶ場合、実際に手を動かしてアプリケーションを作り、感触をつかんでいくことが大切です。

ただ、はじめての場合に難しいのが、開発環境の構築です。環境構築で疲れてしまって、開発がはじめられないのでは本末転倒です。

そこで、ここでは、クラウドIDE(PaizaCloud)を使って、ブラウザ上でNode.jsのウェブ開発を学びます。PaizaCloudは日本語に対応しており、インストールなどの環境構築をしなくても、ブラウザだけで簡単にNode.jsを使ったWeb開発ができます。さらに、作ったサービスをそのまま公開して、友人に見せることもできます。

ここでは、最短わずか30分で簡単な、タスク一覧を管理する、掲示板のようなアプリケーションをNode.jsで実際に開発する手順を説明します。

この講座では、Node.js、Express.js、JavaScript、MongoDBデータベース、PaizaCloudを利用して開発を行います。

本講座では、最新の安定版のNode.js バージョン8を利用します。