【Node.js入門】Node.jsとMongoDBを連携してTodoアプリを１から構築してみよう
サーバーサイド言語のNode.jsとMongoDBを連携してWebAPIを作成し、データベースに保存できるTodoアプリの作り方を図解を用いて分かりやすく説明します。
4.65 (354 reviews)
1,995
students
4.5 hours
content
Jul 2022
last update
$54.99
regular price
What you will learn
サーバーサイド言語であるNodejsの概念が学べます
Nodejsの基礎が理解できる
Nodejsの環境構築と使い方が理解できます
Expressフレームワークの使い方が学べます
Expressのルーティング設計が学べます
Postmanの使い方が学べます
MongoDBの概念と使い方が学べます
NodejsとMongoDBの連携方法が学べます
axiosライブラリを使ったサーバーとの連携が学べます
クライアント、サーバー、データベースとの相互関係が理解できる
WebAPIの意味が理解できる
WebAPIを自分の手で構築できる
非同期処理をマスターできる
バックエンドの基礎を学んで、他言語への応用が利くようになる
Why take this course?
Node.jsとMongoDBを連携してバックエンド技術を身に着けたいエンジニアに向けた講座になります。
「Node.jsってよく聞くけど、一体何ができるの？」
「Javascriptを使ってサーバーサイド環境を構築してみたい！」
「WebAPIを自作してAPI連携を自分の手で構築してみたい！」
「MongoDBって何？どうやってNode.jsと連携してデータ保存するの？ 」
「Node.js初学者として、まずは簡単なTodoアプリから自作したい！」
お任せください。
図解やスライドを適宜入れつつ、誰でもスッと理解できるような講義を作成しました。
この講義1本だけでNode.jsやWebAPIの本質が理解でき、サーバーサイドエンジニアの第一歩
としてご活用頂けます。
■本コースでは教えないこと
・HTML/CSS/JavaScriptの基本的な文法とルール
Content
はじめに
本講座で学ぶこと・デモ
本講座の学習の流れ
Node.jsの開発環境を構築しよう
Node.jsって一体何者？
Node.jsをインストールしよう
VSCodeをインストールしよう
まずはWebAPIから自作してみよう
APIって一体何者？
Node.jsで開発環境を作ってみよう
必要なライブラリをインストールしよう
Expressを使ってローカルサーバーを立ててみよう
WebAPIのエンドポイントを設定してみよう
疑似的にデータを用意して、GETメソッドで全て取得してみよう
POSTメソッドのAPI設定をしてみよう
Postmanって何？
Postmanをインストールしよう
Postmanを使ってリクエストを送ってみよう
PUTメソッドのAPIを設定してみよう
DELETEメソッドのAPIを設定してみよう
Todoアプリに向けて、本セクションを振り返ろう
MongoDBの基礎を理解しよう
MongoDBって何？
【補足】非同期処理をマスターしよう
MongoDBのセットアップについて
【実践編】Node.jsとMongoDBでTodoアプリを構築してみよう(バックエンド編)
完成品のデモ
はじめにTodoアプリの概念図から理解しよう
開発環境構築とExpressでローカルサーバーを起動しよう
APIのエンドポイントを指定してHTTPメソッドを追加してみよう
ルーティング設計でapp.jsの中身をスッキリさせよう
各HTTPメソッドの中身のアルゴリズムを書きやすいように変更しよう
MongoDBを利用する前に、必要なデータ情報を理解しよう
MongoDBの公式からデータベースを作成してみよう
Node.jsとMongoDBを接続してみよう
MongoDB接続のURLを第三者から見られないように実装しよう
MongoDBにおけるタスクのデータスキーマを作成しよう
Todoタスク作成のアルゴリズムを作成しよう
Postmanを使ってTodoタスクをMongoDBに追加しよう
MongoDBからTodoタスクを全て取得してみよう
MongoDBから特定の1つのタスクを取得してみよう
MongoDBから特定の1つのタスクを更新してみよう
MongoDBから特定の1つのタスクを削除してみよう
【実践編】Node.jsとMongoDBでTodoアプリを構築してみよう(フロントエンド編)
はじめに：フロントエンドの役割を図解で確認しよう
まずはindex.htmlファイルを作成して表示させよう
Todoタスクを投稿するフォームを作成しよう
style.cssでTodoアプリをスタイリングしよう
index.htmlにタスクを疑似的に追加してみよう
クライアントとサーバーを繋ぐscript.jsを作成しよう
axiosを使ってNode.jsサーバーと連携してタスク全て取得しよう
データを１つずつ取り出してHTMLに出力してみよう
axiosを使ってクライアントサイドからデータを作成してみよう
axiosを使ってクライアントサイドからデータを削除してみよう
データ取得のエラーハンドリングをしてみよう
データ作成のエラーハンドリングをしてみよう
【実践編】Node.jsとMongoDBでTodoアプリを構築してみよう(タスク編集編)
Todoタスク編集ページを作成しよう
特定のタスクの編集ページを指定して遷移させよう
編集中のタスクIDを取得してみよう
タスクIDを使って特定のタスクを１つだけ取得して表示しよう
タスクの名前を編集してみよう
完了・未完了状態を編集してみよう
完了したら取り消し線とチェックマークを表示させよう
編集画面のバグ修正
ボーナスレクチャー
ボーナスレクチャー
Screenshots
Reviews
宇佐美良徳
August 14, 2023
レクチャで多分意図的にミスを入れておられると思いますが、オカシイなと思いつつ結構ハマり、諦めて先に進んだらミスの種明かしがあったという笑い話にもならない状況あり。
あと(get)SingleTaskのレスポンスをjsonで返すところの挙動（IDミス時）が、どうしても講義の内容と合いません。Codeや環境のチェックはしましたが分からず、とりあえず先に進む事にしました。
菅原大祐
March 27, 2023
23卒学生です。YouTubeからお世話になっています。今まではNode.jsとRDBMSによるwebアプリ開発をしてきましたが、今回の学習でNoSQLを使ったwebアプリ開発のイメージができました。大規模システムでは、RDBMSとNoSQLを使い分け組み合わせていくことが求められると思うので、これをきっかけにDBやwebAPIのスキルをさらに高めていきたいと思います。
yakan
December 31, 2022
すごくAPIやフロントやサーバーサイドのことを網羅的に理解できたような気がします。
また結構、講義中にコードのミスを多くされているのですが
おそらくこの講師は意図的にミスをして
どこが原因でうまく起動できないかを伝えている気がします。
そのためデバック作業についてもこの講義で学べるのではないかと個人的に思います。
伊木
July 25, 2022
ネット記事でのNode.js入門ではGET, POSTの結果をそのまま出すだけで終わりのものが多かったですが、この講座ではToDoアプリといったDBへのCRUDをすべて含んだ良い題材を使っており、またWeb上で公開できる所まで一通り学ぶことができました。
コーディングやファイル構成も動かすだけでなく後々の管理がしやすいおすすめの手法も教えていただけ、Web系初心者にはとっても為になりました。
Nanayamiki
June 6, 2022
herokuにつなげるところをもう少し詳しくおしえてほしかったです！IPアドレスは何でもいいのかと思い環境に合わせたIPアドレスを選びましたが、最後データがアクセスされず、解決するのにかなり手こずりました！
Mark
April 9, 2022
node.jsの勉強のため、YoutubeやUdemyの動画を見てきましたが、初心者にとってのレベル感（余分なライブラリやパッケージは使わない）や、話すペースがわかりやすかったです。Node.js + Expressを使った応用編コースが出たら嬉しいです。
Daiki
March 25, 2022
一つのWebアプリ（今回はTodoアプリ）の作成の流れを知れて、またセクション8でデプロイまで学ぶことができたので非常に有益でした。ありがとうございました。
今回はDBをmongoDBで作られていましたが、RDB（例えばMySQLとか）を使ったWebアプリ開発も見てみたいです。
岩辺聖矢
March 17, 2022
フロントエンドエンジニア1年目ですが、サーバーサイドの知見を深めたいと思い受講しました。
サーバーサイドもデータベースも知識0でしたが、イメージしずらい部分はスライドで説明していただけたり、expressとMongoDBのコードの部分についても今何をしているのかを簡潔に説明しながら進んでいくのでとても理解しやすかったです。
ボリュームについても無理のない量に設定されていて、入門としてはとても良質な教材だと思います。
Reactの講座も出されていると思いますが、個人的にReactとNode.jsを連携させたフルスタックの講座を密かに期待しています笑
Charts
Price
Rating
Enrollment distribution
Related Topics
4509748
udemy ID
1/23/2022
course created date
2/20/2022
course indexed date
Bot
course submited by