JavaScriptのモジュールを使ったセキュアなコード設計

// math.js
export function add(a, b) {
    return a + b;
}

export function subtract(a, b) {
    return a - b;
}

// main.js
import { add, subtract } from './math.js';

console.log(add(5, 3)); // 出力: 8
console.log(subtract(5, 3)); // 出力: 2

// utils.js
export function multiply(a, b) {
    return a * b;
}

// main.js
import { multiply } from './utils.js';
console.log(multiply(4, 5)); // 出力: 20

// math.js
module.exports = {
    add: function(a, b) {
        return a + b;
    },
    subtract: function(a, b) {
        return a - b;
    }
};

// main.js
const math = require('./math.js');
console.log(math.add(10, 5)); // 出力: 15
console.log(math.subtract(10, 5)); // 出力: 5

# 新しいプロジェクトの作成
npm init -y

# 依存関係のインストール
npm install lodash

{
  "name": "my-project",
  "version": "1.0.0",
  "dependencies": {
    "lodash": "^4.17.21"
  }
}

# すべての依存関係を最新バージョンに更新
npm update

# セキュリティチェックの実行
npm audit

# セキュリティ脆弱性の自動修正
npm audit fix

// webpack.config.jsの例
module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist'
  }
};

// 不必要な関数を排除したモジュール
export function fetchData(url) {
    return fetch(url).then(response => response.json());
}

function sanitizeInput(input) {
    return input.replace(/</g, "&lt;").replace(/>/g, "&gt;");
}

const userInput = sanitizeInput("<script>alert('xss')</script>");
console.log(userInput); // &lt;script&gt;alert('xss')&lt;/script&gt;

try {
    // some code that might throw an error
} catch (error) {
    console.error('Error details:', error); // ログに詳細を記録
    throw new Error('An unexpected error occurred'); // ユーザーには一般的なメッセージ
}

const defaultConfig = {
    enableLogging: false,
    maxLoginAttempts: 3,
    sessionTimeout: 300 // 秒単位
};

# 依存関係の更新
npm update

# セキュリティチェックの実行
npm audit

function validateUsername(username) {
    const usernameRegex = /^[a-zA-Z0-9]+$/;
    return usernameRegex.test(username);
}

const isValid = validateUsername("user123");
console.log(isValid); // true

function sanitizeHTML(input) {
    const element = document.createElement('div');
    element.innerText = input;
    return element.innerHTML;
}

const userInput = "<script>alert('xss')</script>";
const safeInput = sanitizeHTML(userInput);
console.log(safeInput); // &lt;script&gt;alert('xss')&lt;/script&gt;

// ユーザー入力をDOMに挿入する場合のサニタイジング
const userInput = document.getElementById('userInput').value;
const safeInput = sanitizeHTML(userInput);
document.getElementById('output').innerHTML = safeInput;

// プレースホルダーを使用した安全なSQLクエリの例（Node.jsとMySQLの場合）
const mysql = require('mysql');
const connection = mysql.createConnection({ /* 接続設定 */ });

const userInput = 'example';
const query = 'SELECT * FROM users WHERE username = ?';
connection.query(query, [userInput], (error, results) => {
    if (error) throw error;
    console.log(results);
});

try {
    // エラーが発生する可能性のあるコード
    let result = riskyOperation();
    console.log(result);
} catch (error) {
    // エラーが発生した場合の処理
    console.error('An error occurred:', error.message);
    // ユーザーには一般的なエラーメッセージを表示
    alert('Something went wrong. Please try again.');
}

function logError(error) {
    // エラーログをサーバーに送信
    fetch('/log', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({ message: error.message, stack: error.stack })
    });
}

try {
    // エラーが発生する可能性のあるコード
    let result = riskyOperation();
    console.log(result);
} catch (error) {
    // エラーが発生した場合の処理
    console.error('An error occurred:', error.message);
    logError(error);
    // ユーザーには一般的なエラーメッセージを表示
    alert('Something went wrong. Please try again.');
}

class CustomError extends Error {
    constructor(message) {
        super(message);
        this.name = 'CustomError';
    }
}

function riskyOperation() {
    throw new CustomError('This is a custom error');
}

try {
    let result = riskyOperation();
    console.log(result);
} catch (error) {
    if (error instanceof CustomError) {
        console.error('Custom error occurred:', error.message);
    } else {
        console.error('An error occurred:', error.message);
    }
    logError(error);
    alert('Something went wrong. Please try again.');
}

window.addEventListener('error', function(event) {
    console.error('Global error handler:', event.message);
    logError(event.error);
    alert('An unexpected error occurred. Please try again.');
});

window.addEventListener('unhandledrejection', function(event) {
    console.error('Unhandled promise rejection:', event.reason);
    logError(event.reason);
    alert('An unexpected error occurred. Please try again.');
});

const crypto = require('crypto');

// 暗号化関数
function encrypt(text, secretKey) {
    const iv = crypto.randomBytes(16);
    const cipher = crypto.createCipheriv('aes-256-cbc', Buffer.from(secretKey), iv);
    let encrypted = cipher.update(text);
    encrypted = Buffer.concat([encrypted, cipher.final()]);
    return iv.toString('hex') + ':' + encrypted.toString('hex');
}

// 復号関数
function decrypt(text, secretKey) {
    const textParts = text.split(':');
    const iv = Buffer.from(textParts.shift(), 'hex');
    const encryptedText = Buffer.from(textParts.join(':'), 'hex');
    const decipher = crypto.createDecipheriv('aes-256-cbc', Buffer.from(secretKey), iv);
    let decrypted = decipher.update(encryptedText);
    decrypted = Buffer.concat([decrypted, decipher.final()]);
    return decrypted.toString();
}

const secretKey = crypto.randomBytes(32);
const originalData = 'Sensitive data';
const encryptedData = encrypt(originalData, secretKey);
const decryptedData = decrypt(encryptedData, secretKey);

console.log('Original:', originalData);
console.log('Encrypted:', encryptedData);
console.log('Decrypted:', decryptedData);

const https = require('https');
const fs = require('fs');
const express = require('express');

const app = express();

// SSL証明書の読み込み
const options = {
    key: fs.readFileSync('server.key'),
    cert: fs.readFileSync('server.cert')
};

// 簡単なルートの設定
app.get('/', (req, res) => {
    res.send('Hello, secure world!');
});

// HTTPSサーバの起動
https.createServer(options, app).listen(443, () => {
    console.log('HTTPS server running on port 443');
});

const jwt = require('jsonwebtoken');

// トークンの生成
function generateToken(user) {
    const payload = { id: user.id, role: user.role };
    return jwt.sign(payload, 'secretKey', { expiresIn: '1h' });
}

// トークンの検証
function verifyToken(token) {
    try {
        return jwt.verify(token, 'secretKey');
    } catch (error) {
        return null;
    }
}

// ミドルウェアでの使用例
const express = require('express');
const app = express();

app.use((req, res, next) => {
    const token = req.headers['authorization'];
    if (token) {
        const decoded = verifyToken(token);
        if (decoded) {
            req.user = decoded;
            next();
        } else {
            res.status(401).send('Unauthorized');
        }
    } else {
        res.status(401).send('No token provided');
    }
});

app.get('/secure-data', (req, res) => {
    if (req.user && req.user.role === 'admin') {
        res.send('This is secure data');
    } else {
        res.status(403).send('Forbidden');
    }
});

app.listen(3000, () => {
    console.log('Server running on port 3000');
});

// 例：npmでパッケージ情報を確認する
npm info lodash

# 例：GitHubでリポジトリの情報を確認する
https://github.com/lodash/lodash

# 例：npmで依存関係を確認する
npm list

# 依存関係のセキュリティチェック
npm audit

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://trusted.cdn.com;">

# 例：npmでパッケージを最新バージョンに更新する
npm update

# 例：npmでパッケージのライセンスを確認する
npm view package-name license

// 例：Jestを使用したテストの実行
test('example test', () => {
    const result = libraryFunction();
    expect(result).toBe(expectedValue);
});

# Pullリクエストのレビュー例
## 変更概要
- 新しい機能の追加
- バグの修正

## 確認ポイント
- コードの読みやすさ
- セキュリティ上の懸念点
- テストカバレッジ

# ESLintの設定と実行
npm install eslint --save-dev
npx eslint yourfile.js

# OWASP ZAPの例
# スキャン対象のアプリケーションURLを指定して、セキュリティスキャンを実行
zap-cli quick-scan http://your-application-url

// Jestを使用したユニットテストの例
const { add } = require('./math');

test('adds 1 + 2 to equal 3', () => {
    expect(add(1, 2)).toBe(3);
});

# ペネトレーションテストの流れ
1. 情報収集
2. 脆弱性評価
3. 実際の攻撃シナリオの実施
4. 報告書の作成と対策の提案

# GitHub ActionsによるCI設定例
name: CI
on: [push]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v2
    - name: Install dependencies
      run: npm install
    - name: Run ESLint
      run: npx eslint .
    - name: Run Tests
      run: npm test
    - name: Run Security Audit
      run: npm audit

# ESLintのインストール
npm install eslint --save-dev

# ESLintの初期設定
npx eslint --init

# コードの解析実行
npx eslint yourfile.js

# 依存関係のセキュリティ監査の実行
npm audit

# 脆弱性の自動修正
npm audit fix

# OWASP ZAPのインストール（例：Ubuntu）
sudo apt-get install zaproxy

# OWASP ZAPを使用してウェブサイトのセキュリティスキャンを実行
zap-cli quick-scan http://your-application-url

# Metasploitのインストール（例：Kali Linux）
sudo apt-get install metasploit-framework

# Metasploitの起動
msfconsole

# .github/dependabot.yml
version: 2
updates:
  - package-ecosystem: "npm"
    directory: "/"
    schedule:
      interval: "daily"

# .github/workflows/security-checks.yml
name: Security Checks

on: [push, pull_request]

jobs:
  lint:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v2
    - name: Install dependencies
      run: npm install
    - name: Run ESLint
      run: npx eslint .

  audit:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v2
    - name: Install dependencies
      run: npm install
    - name: Run npm audit
      run: npm audit

  zap:
    runs-on: ubuntu-latest
    steps:
    - name: Run OWASP ZAP
      run: zap-cli quick-scan http://your-application-url