パスワード生成

1. スライダーでパスワードの長さ（8〜64文字）を選択します
2. 使用する文字種（大文字・小文字・数字・記号）をチェックボックスで選択します
3. 設定変更のたびに自動でパスワードが再生成されます。「再生成」ボタンで手動再生成も可能です
4. 「コピー」ボタンでクリップボードにコピーできます。「表示/非表示」で文字の表示を切り替えられます
5. 「5件生成」ボタンで一度に5個のパスワードを一覧表示できます

ブラウザ標準の crypto.getRandomValues のみで実装。外部ライブラリ不要でそのままコピーして利用できます。Fisher-Yatesシャッフルで文字位置の偏りを排除しています。

export type PasswordOptions = {
  length: number       // 8〜64
  uppercase: boolean   // A-Z
  lowercase: boolean   // a-z
  numbers: boolean     // 0-9
  symbols: boolean     // !@#$%^&*()-_=+[]{}|;:,.<>?
}

const CHARSET = {
  uppercase: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
  lowercase: 'abcdefghijklmnopqrstuvwxyz',
  numbers: '0123456789',
  symbols: '!@#$%^&*()-_=+[]{}|;:,.<>?',
}

export function generatePassword(options: PasswordOptions): string {
  const { length, uppercase, lowercase, numbers, symbols } = options
  const pools: string[] = []
  if (uppercase) pools.push(CHARSET.uppercase)
  if (lowercase) pools.push(CHARSET.lowercase)
  if (numbers)   pools.push(CHARSET.numbers)
  if (symbols)   pools.push(CHARSET.symbols)
  if (pools.length === 0) return ''

  const fullPool = pools.join('')
  const result: string[] = []

  // 各プールから最低1文字
  for (const pool of pools) {
    const arr = new Uint32Array(1)
    crypto.getRandomValues(arr)
    result.push(pool[arr[0] % pool.length])
  }

  // 残りをランダム選択
  const remaining = length - result.length
  for (let i = 0; i < remaining; i++) {
    const arr = new Uint32Array(1)
    crypto.getRandomValues(arr)
    result.push(fullPool[arr[0] % fullPool.length])
  }

  // シャッフル（Fisher-Yates）
  for (let i = result.length - 1; i > 0; i--) {
    const arr = new Uint32Array(1)
    crypto.getRandomValues(arr)
    const j = arr[0] % (i + 1)
    ;[result[i], result[j]] = [result[j], result[i]]
  }

  return result.join('')
}

export function calcEntropy(options: PasswordOptions): number {
  let poolSize = 0
  if (options.uppercase) poolSize += 26
  if (options.lowercase) poolSize += 26
  if (options.numbers)   poolSize += 10
  if (options.symbols)   poolSize += 28
  if (poolSize === 0) return 0
  return options.length * Math.log2(poolSize)
}

このツールのソースコード（テストコードを含む）はGitHubで公開しています。 MITライセンスで自由に利用・改変できます。