category / Node.js

Node.js

【Node.js】Vitestを使って、ソースコードをテストする

Vitest を使うと、JavaScript や TypeScript のソースコードをテストすることができます。 まずは、Vitest をインストールします。 ターミナルで、 npm install --save vitest を実行します。 インストール完了後、package…

続きを読む
2022年05月30日1 分
Node.js

【Node.js】トークンを保持しているユーザーのみ、特定のデータを送信する

トークンを検証して、トークンを保持しているユーザーのみ、book のデータを表示させます。 コードは、前回までのコードを使用します。 index.js routes/auth.js routes/book.js model/user.js model/book.js…

続きを読む
2021年11月11日3 分
Node.js

【Node.js】jsonwebtokenを使って、JWTを設定する

JWT は、Json Web Token の略です。 JWT を使用することで、JSON オブジェクトの認証データを安全に送信することができます。 node.js で JWT を使用するために、jsonwebtoken…

続きを読む
2021年11月10日5 分
Node.js

【Node.js】bcryptを使って、パスワードをハッシュに変換する

パスワードのセキュリティを上げるために、ハッシュに変換します。 ハッシュとは、データを不可逆変換して置き換えることです。 不可逆変換なので解読が非常に困難になります。 コードは、以下のコードを使います。 model/use.js controllers/auth.js…

続きを読む
2021年11月09日2 分
Node.js

【Node.js】express-vaidatorを使って、送信データの検証をする

前回は、Express で CORS エラーを解消しました。 今回は、express-vaidator を使って、バックエンドで POST データの検証をします。 コードは、前回までのコードを使用します。 index.js routes/book.js controllers…

続きを読む
2021年11月08日3 分
Node.js

【Node.js】Expressで作成した、REST APIsのCORSエラーを解消する

コードは、前回のコードを使用します。 フロント部分は、React で作成しました。 試しにブラウザからデータを取得してみます。 データを取得する時、エラーが発生しています。 これは、CORS エラーと言います。 バックエンドと異なるドメインでは、API…

続きを読む
2021年11月07日2 分
Node.js

【Node.js】ExpressでREST APIsをセッティングする

Express で REST APIs をセッティングします。 サーバーをセッティングする まずは、ターミナルで npm init を実行します。 次に、ターミナルで npm install --save express body-parser を実行して、Express…

続きを読む
2021年11月06日3 分
Node.js

【Node.js】mongooseを使ってブラウザに表示や編集、削除する方法

前回は、mongoose をセッティングしました。 今回は、mongoose を使ってブラウザに表示や、データを編集や削除します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs views/menu-detail.ejs…

続きを読む
2021年11月05日7 分
Node.js

【Node.js】mongooseをセッティングする

前回は、Express で MongoDB のデータを編集しました。 今回は、mongoose をセッティングします。 mongoose は、MongoDB のデータを定義して構造化することができるようになります。 コードは、前回のコードを使用します。 views/index…

続きを読む
2021年11月04日5 分
Node.js

【Node.js】ExpressでMongoDBのデータを編集する

前回は、Express で MongoDB のデータを削除しました。 今回は、Express で MongoDB のデータを編集します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs views/menu-detail.ejs…

続きを読む
2021年11月03日8 分
Node.js

【Node.js】ExpressでMongoDBのデータを削除する

前回は、MongoDB のデータを使って、一覧画面から詳細画面に遷移しました。 今回は、Express で MongoDB のデータを削除します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs views/menu…

続きを読む
2021年11月02日3 分
Node.js

【Node.js】MongoDBのデータを使って、一覧画面から詳細画面に遷移する

前回は、MongoDB のデータを、ブラウザに一覧表示しました。 今回は、MongoDB のデータを使って、一覧画面から詳細画面に遷移する方法を紹介します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs views/menu…

続きを読む
2021年11月01日3 分
Node.js

【Node.js】MongoDBのデータをブラウザに一覧表示する

前回は、Express と MongoDB を繋げました。 今回は、MongoDB のデータを一覧表示します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs views/menu-detail.ejs views/menu…

続きを読む
2021年10月31日3 分
Node.js

【Node.js】ExpressとMongoDBを繋げる

今回は、Express と MongoDB を繋げます。 コードは、前々回のコードを使用します。 views/index.ejs views/menu.ejs views/menu-detail.ejs views/menu-edit.ejs index.js models…

続きを読む
2021年10月30日10 分
Node.js

【Node.js】MongoDBをセッティングする

Express で作成したデータをデータベースに保存したいと考えています。 データベースは、mongoDB を使ってみます。 今回は、mongoDB のインストールをおこないます。 mongoDB とは、NoSQL と呼ばれるデータベースに分類する製品です。 mongoDB…

続きを読む
2021年10月29日5 分
Node.js

【Node.js】Expressで、JSONデータを編集する方法

前回は、Express で、JSON データを削除する方法を紹介しました。 今回は、JSON データを編集する方法を紹介します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs views/menu-detail.ejs…

続きを読む
2021年10月28日5 分
Node.js

【Node.js】Expressで、JSONデータを削除する方法

前回は、Express と JSON データを使って、一覧画面から詳細画面に遷移する方法を紹介しました。 今回は、JSON データを削除する方法を紹介します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs views/menu…

続きを読む
2021年10月27日5 分
Node.js

【Node.js】ExpressとJSONデータを使って、一覧画面から詳細画面に遷移する方法

前回は、Express で作成したデータを JSON ファイルへ保存しました。 今回は、JSON ファイルへ保存したデータを使って、一覧画面から詳細画面へ遷移させます。 コードは、前回のコードの EJS を少し修正して使います。 views/index.ejs views…

続きを読む
2021年10月26日5 分
Node.js

【Node.js】Expressで作成したデータをJSONファイルで保存する

前回までは、データを配列にしてデータ内容を画面に表示していました。 今回は、データを JSON ファイルにしてから、データ内容を画面に表示します。 コードは、前回のコードを使用します。 views/index.ejs views/menu.ejs index.js routes…

続きを読む
2021年10月25日8 分
Node.js

【Node.js】MVCに沿って、モデルを作成する

前回は、MVC に沿って、コントローラーを作成しました。 views/index.ejs views/menu.ejs index.js routes/index.js routes/menu.js controllers/menus.js 今回は、MVC の『M…

続きを読む
2021年10月24日2 分
Node.js

【Node.js】MVCに沿って、コントローラーを作成する

MVC は、Model View Controller の略です。 Model がデータ取扱の部分にあたり、View がブラウザを表示する部分にあたります。 Controller は、Model と View…

続きを読む
2021年10月23日5 分
Node.js

【Node.js】EJSを使って、ブラウザにデータを表示する方法

Express で取得したデータを、EJS を使ってブラウザに表示させてみます。 前回のコードを使用します。 views/index.html views/menu.html index.js routes/index.js routes/menu.js EJS とは、html…

続きを読む
2021年10月22日5 分
Node.js

【Node.js】Expressで別ページにデータを送信する方法

フォームで入力したデータを、index.html へ送信してみます。 コードは、前回のコードを使用します。 まずは、menu.js に、menu を入れるための空の配列を作成します。 次に、 router.post の部分で、先程作成した menus…

続きを読む
2021年10月21日2 分
Node.js

【Node.js】Expressで静的ファイルを繋げる方法

css ファイルや image ファイルなどを静的ファイルとしてまとめたい時、Express でどのように設定するかを紹介します。 前回のファイルを使用します。 index.js routes/menu.js views/menu.html まずは、CSS…

続きを読む
2021年10月20日1 分
Node.js

【Node.js】Expressでhtmlファイルを繋げる方法

Express で html ファイルを繋げてみます。 ルーターは、前回作成した menu.js を使用します。 routes/menu.js views ファイルを作成し、menu.html を作成します。 views/menu.html menu.js の router…

続きを読む
2021年10月19日1 分
Node.js

【Node.js】Expressでルーティング処理をする方法

現在、単一のファイルでコードを書いていくと、コードが煩雑になります。 コードを見やすくするためにルーティング処理をして、ファイルに分割したいと考えています。 コードは、前回のコードを使います。 まずは、routes フォルダを作成し、その中に menu.js…

続きを読む
2021年10月13日3 分
Node.js

【Node.js】Expressを使って、404ページを表示する方法

間違った URL を入力した際、『ページが見つかりません』と表示するよう、Express で設定します。 前回のコードを使います。 Express は、上から実行されます。 上のコードでは、『/menu』の URL ではフォームを実行し、次に『/』の URL…

続きを読む
2021年10月12日2 分
Node.js

【Node.js】Expressを使って、フォームの内容を送信する方法

Express を使って、フォームの内容を送信してみます。 まず初めに、ポート 8000 でサーバーを実行できるようにします。 フォームの内容を送信するために、Express の urlencoded を使用します。 get を使って、フォームを作りましょう。 URL…

続きを読む
2021年10月11日2 分
Node.js

【Node.js】nodemonを使って、サーバーを自動で更新する方法

前回は、Express を使って、サーバーを構築する方法を紹介しました。 今回は、nodemon を使って、サーバーを自動で更新する方法を紹介します。 nodemon とは、コードを監視して、保存後サーバーを自動で更新してくれるツールです。 前回のコードを使って、nodemon…

続きを読む
2021年10月10日1 分
Node.js

【Node.js】Expressを使って、サーバーを構築する方法

Express を使用して、サーバーを構築します。 Express をインストールする まずは、ターミナルで npm install --save express を実行します。 Express のインストール完了後、 require で呼び出しましょう。 express…

続きを読む
2021年10月09日1 分
Node.js

【Node.js】fsモジュールを使ってファイルを操作する方法

Node.js で、ファイルを操作します。 Node.js の中の fs モジュールを、 require で呼び出しましょう。 ファイルの変更を監視する テストとして、中身が空の test.txt ファイルを作成します。 test.txt…

続きを読む
2021年10月08日5 分
Node.js

【Node.js】サーバーを作成する方法

Node.js でサーバーを構築するには、http モジュールを使います。 Node.js の中の http モジュールを、 require で呼び出しましょう。 http モジュールの createServer メソッドを使います。 サーバーを確認するために、 req…

続きを読む
2021年10月07日1 分