メモ | refirio.org

Memo

Express
■比較

2025年のトップ5 Node.js バックエンドフレームワーク #JavaScript - Qiita
https://qiita.com/Leapcell/items/f02cc810fa5917744ad8■概要

Express入門~Node.jsのための最小限のWebフレームワーク~
https://zenn.dev/oku/articles/f55c7d540710bf

EC2にNode.jsをインストールして、ExpressでAPIサーバを作ってみた | DevelopersIO
https://dev.classmethod.jp/articles/ec2-nodejs-express-api/

チュートリアル: Amazon EC2 インスタンスでの Node.js のセットアップ - AWS SDK for JavaScript
https://docs.aws.amazon.com/ja_jp/sdk-for-javascript/v2/developer-guide/setting-up-node-on-ec2-insta...■Expressの利用>mkdir express-app
>cd express-app
>npm init
>npm install --save express


※「express」というフォルダ名にすると、expressインストール時に
  「Refusing to install package with name "express" under a package npm ERR! also called "express".」
  というエラーになる。

C:\Users\refirio\Node\express-app\index.js
var express = require('express');
var app = express();

app.get('/', (req, res) => {
    res.send('Welcome to Express!');
});

app.listen(3000, () => {
    console.log('Started server port: 3000');
});
>node index.js


ブラウザで以下にアクセスすると「Welcome to Express!」と表示される。Ctrl+C で終了できる。
http://localhost:3000/■Express Generator を使う>npm install -g express-generator
>cd C:\Users\refirio\Node
>express -e ex-gen-app
>cd ex-gen-app
>npm install
>npm start


ブラウザで以下にアクセスすると「Welcome to Express!」と表示される。Ctrl+C で終了できる。
なお「npm start」の代わりに「node bin\www」としても起動できる。
http://localhost:3000/■EJSを使う>npm install --save ejs


C:\Users\refirio\Node\express-app\index.js
var express = require('express');
var ejs = require('ejs');

var app = express();
app.engine('ejs', ejs.renderFile);
app.use(express.static('public'));

app.get('/', (req, res) => {
    res.render('index.ejs', {
        title: 'トップページ',
        content: 'これはExpressによるトップページです。'
    });
});

app.get('/other', (req, res) => {
    res.render('other.ejs', {
        title: 'サブページ',
        content: 'これはExpressによるサブページです。'
    });
});

app.listen(3000, () => {
    console.log('Started server port: 3000');
});


C:\Users\refirio\Node\express-app\views\index.ejs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><%=title %></title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1><%=title %></h1>
<p><%=content %></p>
<ul>
  <li><a href="/other">/other</a></li>
</ul>
</body>
</html>


C:\Users\refirio\Node\express-app\views\other.ejs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><%=title %></title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1><%=title %></h1>
<p><%=content %></p>
<a href="/">戻る</a>
</body>
</html>


C:\Users\refirio\Node\express-app\public\style.css
h1 {
  color: #FF4500;
}
■TypeScriptの利用

Express.js(Node.js)をTypescriptで開発する
https://zenn.dev/redheadchloe/articles/d897321ab8d4c2

Node.js + TypeScript + Express の最小構成でHelloWorldする
https://zenn.dev/sungvalley/articles/4de76c12826709

ExpressでTypeScriptをセットアップする方法｜ Kinsta
https://kinsta.com/jp/blog/express-typescript/■データベースの利用

Node.jsアプリケーションとMySQLを接続しよう！ | プログラミングの入門なら基礎から学べるProgate[プロゲート]
https://prog-8.com/docs/nodejs-mysql

Node.js(Express)とMySQLを使用してAPIを構築をしていく #JavaScript - Qiita
https://qiita.com/ryuki1126/items/cec6ad27578b507f6d9c

Express から MySQL に接続する #Node.js - Qiita
https://qiita.com/Yasushi-Mo/items/50a7f6f7e0563c0a2592

EC2で Express と MySQL を使用する方法！
https://zenn.dev/shooq/articles/8959bc17fcf983■CRUDの作成

Express.js(node.js)からMySQLへの接続とCRUD操作 | アールエフェクト
https://reffect.co.jp/node-js/express-js-connect-mysql
Memo

Advertisement
