JavaScriptでデータベースを操作する方法を紹介｜データベースの操作方法を整理しましょう
- システム
エンジニア - JavaScriptでデータベースを操作する方法を教えてほしいのですが。
- プロジェクト
マネージャー - それでは、JavaScriptでデータベースを操作する方法についてご紹介いたしましょう。
JavaScriptでデータベースを操作する方法
今回は、JavaScriptでデータベースを操作する方法について説明します。
データベースを操作するには、サーバサイドJavaScriptを使用します。JavaScriptはクライアントサイドのプログラミング言語として有名ですが、サーバサイドのプログラミング言語としても動作します。
サーバーサイドでJavaScriptを動作させる環境を、Node.jsを使用して作成します。JavaScriptでのデータベース操作方法に興味のある方はぜひご覧ください。
準備
ここでは、Node.jsはインストールしている前提で説明を進めます。今回は、データベースはMySQLとします。
まず、MySQLを扱うためのモジュールをインストールします。ターミナルから以下のコマンドを実行してください。
|
1
2
3
|
npm install mysql
|
MySQLをインストールしたら、userテーブルを作成しておきます。
今回は、このようなテーブルとします。
|
1
2
3
4
5
6
7
8
9
10
|
mysql> show columns from user;
+-------+-------------+------+-----+---------+----------------+
| Field | Type | Null | Key | Default | Extra |
+-------+-------------+------+-----+---------+----------------+
| id | int(11) | NO | PRI | NULL | auto_increment |
| name | varchar(50) | YES | | NULL | |
| age | int(11) | YES | | NULL | |
+-------+-------------+------+-----+---------+----------------+
|
次に、初期データを登録しておきます。
このようなデータが登録されていることとします。
|
1
2
3
4
5
6
7
8
9
10
11
|
mysql> select * from user;
+----+--------+------+
| id | name | age |
+----+--------+------+
| 1 | taro | 10 |
| 2 | jiro | 20 |
| 3 | saburo | 30 |
| 4 | shiro | 40 |
+----+--------+------+
|
データベースに接続
それではデータベースに接続してみましょう。JavaScriptでデータベースに接続するには、以下のように記述します。
ホスト名などは環境に合わせて書き換えてください。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
// app.js
const mysql = require('mysql');
const connection = mysql.createConnection({
host: 'ホスト名',
user: 'ユーザー名',
password: 'パスワード',
database: 'データベース名'
});
connection.connect((err) => {
if (err) throw err;
console.log('Connected!');
});
|
|
1
2
|
~/test$ node app.js
Connected!
|
このようにして、JavaScriptでデータベースに接続します。
検索（Select）
JavaScriptでデータベースからデータを取得できます。
実際のソースコードを見てみましょう。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
// app.js
const mysql = require('mysql');
const connection = mysql.createConnection({
host: 'ホスト名',
user: 'ユーザー名',
password: 'パスワード',
database: 'データベース名'
});
connection.connect((err) => {
if (err) throw err;
console.log('Connected!');
});
connection.query('SELECT * FROM user', (err,rows) => {
if(err) throw err;
console.log('Data received from Db:\n');
console.log(rows);
});
|
実行結果は以下のようになります。
|
1
2
3
4
5
6
7
8
9
10
|
~/test$ node app.js
Connected!
Data received from Db:
[
RowDataPacket { id: 1, name: 'taro', age: 10 },
RowDataPacket { id: 2, name: 'jiro', age: 20 },
RowDataPacket { id: 3, name: 'saburo', age: 30 },
RowDataPacket { id: 4, name: 'shiro', age: 40 }
]
|
queryにクエリを記述してデータを取得しています。このように、JavaScriptでデータベースからデータを取得できます。
挿入（Insert）
JavaScriptでデータベースにデータを挿入できます。
実際のソースコードを見てみましょう。
※データベースへの接続部分は省略します。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
const newUser = { name: 'goro', age: 50 };
connection.query('INSERT INTO user SET ?', newUser, (err, res) => {
if(err) throw err;
console.log('Last insert ID:', res.insertId);
});
connection.query('SELECT * FROM user', (err,rows) => {
if(err) throw err;
console.log('Data received from Db:\n');
console.log(rows);
});
|
実行結果は以下のようになります。
|
1
2
3
4
5
6
7
8
9
10
|
Last insert ID: 5
Data received from Db:
[
RowDataPacket { id: 1, name: 'taro', age: 10 },
RowDataPacket { id: 2, name: 'jiro', age: 20 },
RowDataPacket { id: 3, name: 'saburo', age: 30 },
RowDataPacket { id: 4, name: 'shiro', age: 40 },
RowDataPacket { id: 5, name: 'goro', age: 50 }
]
|
新しく挿入したデータのIDを取得して表示しています。
Selectすると、挿入したデータが取得できていることが分かります。
このように、JavaScriptでデータベースにデータを挿入できます。
更新（Update）
JavaScriptでデータベースのデータを更新できます。
実際のソースコードを見てみましょう。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
connection.query(
'UPDATE user SET name = ? Where ID = ?',
['goro2', 5],
(err, result) => {
if (err) throw err;
console.log(`Changed ${result.changedRows} row(s)`);
}
);
connection.query('SELECT * FROM user', (err,rows) => {
if(err) throw err;
console.log('Data received from Db:\n');
console.log(rows);
});
|
実行結果は以下のようになります。
|
1
2
3
4
5
6
7
8
9
10
|
Changed 1 row(s)
Data received from Db:
[
RowDataPacket { id: 1, name: 'taro', age: 10 },
RowDataPacket { id: 2, name: 'jiro', age: 20 },
RowDataPacket { id: 3, name: 'saburo', age: 30 },
RowDataPacket { id: 4, name: 'shiro', age: 40 },
RowDataPacket { id: 5, name: 'goro2', age: 50 }
]
|
更新されたデータ数をresult.changedRowsで取得します。Selectすると、データが更新できていることが分かります。
このように、JavaScriptでデータベースのデータを更新できます。
削除（Delete）
JavaScriptでデータベースのデータを削除できます。
実際のソースコードを見てみましょう。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
connection.query(
'DELETE FROM user WHERE id = ?', [5], (err, result) => {
if (err) throw err;
console.log(`Deleted ${result.affectedRows} row(s)`);
}
);
connection.query('SELECT * FROM user', (err,rows) => {
if(err) throw err;
console.log('Data received from Db:\n');
console.log(rows);
});
|
実行結果は以下のようになります。
|
1
2
3
4
5
6
7
8
9
|
Deleted 1 row(s)
Data received from Db:
[
RowDataPacket { id: 1, name: 'taro', age: 10 },
RowDataPacket { id: 2, name: 'jiro', age: 20 },
RowDataPacket { id: 3, name: 'saburo', age: 30 },
RowDataPacket { id: 4, name: 'shiro', age: 40 }
]
|
削除されたデータ数をresult.affectedRowsで取得します。Selectすると、データが削除できていることが分かります。
このように、JavaScriptでデータベースのデータを削除できます。
- システム
エンジニア - データベースもJavaScriptで操作することができるのですね。
- プロジェクト
マネージャー - 今回はNode.jsからMySQLのデータベースを操作する方法について紹介しましたが、それ以外にも、PostgreSQLやMongoDBなども操作することができます。
まとめ
いかがでしたでしょうか。サーバーサイドでJavaScriptを動作させる環境を、Node.jsを使用して作成しました。
さらにNode.jsからMySQLのデータベースを操作する方法について紹介しました。データベースはMySQL以外にも、PostgreSQLやMongoDBなども操作できます。
ぜひご自身でソースコードを書いて、理解を深めてください。
FEnet.NETナビ・.NETコラムは株式会社オープンアップシステムが運営しています。
株式会社オープンアップシステムはこんな会社です
秋葉原オフィスには株式会社オープンアップシステムをはじめグループのIT企業が集結！
数多くのエンジニアが集まります。
-
スマホアプリから業務系システムまで
スマホアプリから業務系システムまで開発案件多数。システムエンジニア・プログラマーとしての多彩なキャリアパスがあります。
-
充実した研修制度
毎年、IT技術のトレンドや社員の要望に合わせて、カリキュラムを刷新し展開しています。社内講師の丁寧なサポートを受けながら、自分のペースで学ぶことができます。
-
資格取得を応援
スキルアップしたい社員を応援するために資格取得一時金制度を設けています。受験料(実費)と合わせて資格レベルに合わせた最大10万円の一時金も支給しています。
-
東証プライム上場企業グループ
オープンアップシステムは東証プライム上場「株式会社オープンアップグループ」のグループ企業です。
安定した経営基盤とグループ間のスムーズな連携でコロナ禍でも安定した雇用を実現させています。
株式会社オープンアップシステムに興味を持った方へ
株式会社オープンアップシステムでは、開発系エンジニア・プログラマを募集しています。
年収をアップしたい！スキルアップしたい！大手の上流案件にチャレンジしたい！
まずは話だけでも聞いてみたい場合もOK。お気軽にご登録ください。
新着案件New Job
-
開発エンジニア/東京都品川区/【WEB面談可】/在宅ワーク
月給29万～30万円東京都品川区(大崎駅) -
遠隔テストサービス機能改修/JavaScript/東京都港区/【WEB面談可】/テレワーク
月給45万～60万円東京都港区(六本木駅) -
病院内システムの不具合対応、保守/東京都豊島区/【WEB面談可】/テレワーク
月給30万～30万円東京都豊島区(池袋駅) -
開発/JavaScript/東京都豊島区/【WEB面談可】/テレワーク
月給50万～50万円東京都豊島区(大塚駅) -
債権債務システム追加開発/東京都文京区/【WEB面談可】/在宅勤務
月給62万～67万円東京都文京区(後楽園駅) -
PMO/東京都豊島区/【WEB面談可】/在宅勤務
月給55万～55万円東京都豊島区(池袋駅)
関連記事Related Posts
-
JavaScriptのライブラリ5選
JavaScriptとは？ 「JavaScript」は、そのままでも高度な機能を備えており、簡易的な記述で、複雑な処理を実行できます。しかし、JavaScriptには、ライブラリ、フレームワークと呼ばれるものがあり、それ […]
-
JavaScriptのfor文基礎をご紹介！ループ処理する方法
JavaScriptの繰り返し処理 – for文の使い方とは？ 今回は、JavaScriptの繰り返し構文である、for文の使い方について説明します。 例えば、1から10まで繰り返し処理をしたり、配列の要素数 […]
-
jQueryでのaddClassメソッドの使い方を紹介！複数classを追加する方法とは？
jQueryでのaddClassメソッドの使い方とは？ 今回は、jQueryでのaddClassメソッドの使い方について説明します。 addClassメソッドを使用すると、classを追加することができます。addCla […]
-
jQueryの「id」セレクタを利用する方法9選｜使う際の注意点とは
HTML要素であるidの特徴3つ CSSやJavaScriptで装飾するために必要であるHTMLの要素のidは、大きく分けて3つの性質を持っています。その性質や似た性質を持っているclassとの使い分けについて紹介してい […]
-
JavaScriptのonloadについて解説します
JavaScriptのonloadとは？ JavaScriptのonloadは、Windowsインターフェイスのメソッドです。 具体的には以下のような使い方をします。 [crayon-63df62c2d5af116217 […]
