ブラウザサイド暗号化のためのWeb Crypto APIサポート

Web Crypto API検出

Web Cryptography APIは、鍵生成、暗号化、復号、署名、ハッシュ化のための低レベル暗号プリミティブのセットを提供し、すべて外部ライブラリなしでブラウザ内でネイティブに実行されます。

検出

const hasWebCrypto = !!(window.crypto && window.crypto.subtle);

利用可能な操作

function checkCryptoCapabilities() {
  const subtle = window.crypto?.subtle;
  if (!subtle) return null;
  return {
    encrypt: typeof subtle.encrypt === 'function',
    decrypt: typeof subtle.decrypt === 'function',
    sign: typeof subtle.sign === 'function',
    verify: typeof subtle.verify === 'function',
    digest: typeof subtle.digest === 'function',
    generateKey: typeof subtle.generateKey === 'function',
    deriveKey: typeof subtle.deriveKey === 'function',
    importKey: typeof subtle.importKey === 'function',
    exportKey: typeof subtle.exportKey === 'function',
  };
}

一般的なアルゴリズム

操作	アルゴリズム	ユースケース
ハッシュ化	SHA-256, SHA-512	データ整合性、チェックサム
暗号化	AES-GCM, AES-CBC	データ保護
署名	RSA-PSS, ECDSA	認証、JWT
鍵交換	ECDH	セキュアな鍵合意
鍵導出	PBKDF2, HKDF	パスワードベースの鍵

セキュリティ要件

• HTTPSのみ: crypto.subtleはセキュアコンテキストでのみ利用可能
• エクスポート不可の鍵: 鍵をエクスポート不可としてマークでき、JavaScriptが生の鍵素材を読み取ることを防止
• MD5/SHA-1なし: APIは意図的に安全でないアルゴリズムを省略

例：SHA-256ハッシュ

async function sha256(message) {
  const encoder = new TextEncoder();
  const data = encoder.encode(message);
  const hash = await crypto.subtle.digest('SHA-256', data);
  return Array.from(new Uint8Array(hash))
    .map(b => b.toString(16).padStart(2, '0'))
    .join('');
}