crypto-js vs js-sha256 vs sha.js vs sha256
フロントエンドでのSHA-256ハッシュ計算ライブラリ選定ガイド
パッケージを検索...
crypto-jsjs-sha256sha.jssha256類似パッケージ:

フロントエンドでのSHA-256ハッシュ計算ライブラリ選定ガイド

crypto-js、js-sha256、sha.js、sha256 はすべて JavaScript 環境で SHA-256 ハッシュを生成するための npm パッケージですが、設計思想や使用方法、依存関係、メンテナンス状況に大きな違いがあります。これらのライブラリは、パスワードのハッシュ化、データ整合性チェック、署名生成などのセキュリティ関連タスクで利用されることが多く、フロントエンド開発者が軽量かつ安全な実装を選ぶ際に重要な選択肢となります。

npmのダウンロードトレンド

3 年

GitHub Starsランキング

統計詳細

パッケージ
ダウンロード数
Stars
サイズ
Issues
公開日時
ライセンス
crypto-js016,385487 kB2783年前MIT
js-sha256096439.6 kB91年前MIT
sha.js029866.1 kB161年前(MIT AND BSD-3-Clause)
sha256048-411年前-

フロントエンドでの SHA-256 ハッシュ計算：crypto-js vs js-sha256 vs sha.js vs sha256

フロントエンドで SHA-256 を使う理由はさまざまです — パスワードのクライアント側ハッシュ化、ファイルの整合性チェック、署名付きリクエストの生成など。しかし、npm 上には似たような名前のパッケージが複数存在し、どれを選ぶべきか迷う開発者も多いでしょう。ここでは、crypto-js、js-sha256、sha.js、そして非推奨の sha256 の4つを、実際のコードと使い勝手を中心に比較します。

⚠️ 非推奨パッケージの確認：sha256 は使わない

まず最初に明確にしておきます：sha256 パッケージは公式に非推奨（deprecated）です。npm ページには「Use js-sha256 instead」と明記されており、GitHub リポジトリもアーカイブ済みです。このパッケージは新しいプロジェクトで使用すべきではありません。

// ❌ sha256 — 非推奨のため使用禁止
import sha256 from 'sha256';
const hash = sha256('hello'); // 動作はするが、セキュリティアップデートなし

代わりに、後述する js-sha256 を使うことで、同じ API で安全かつメンテナンスされた実装を利用できます。

🔐 基本的な SHA-256 計算：シンプルさ vs 機能性

js-sha256：最小限で高速

js-sha256 は SHA-256 に特化しており、API が非常にシンプルです。文字列や Uint8Array を直接ハッシュ化でき、戻り値は16進数文字列です。

// ✅ js-sha256
import { sha256 } from 'js-sha256';
const hash = sha256('hello');
console.log(hash); // '2cf24dba5fb0a30e26e83b2ac5b9e29e1b161e5c1fa7425e73043362938b9824'

オブジェクト指向スタイルもサポートされており、ストリーム処理も可能です。

const hasher = sha256.create();
hasher.update('hel');
hasher.update('lo');
console.log(hasher.hex()); // 同じ結果

crypto-js：多機能だが重め

crypto-js は SHA-256 以外にも多数の暗号アルゴリズムを提供します。ただし、全体をインポートすると不要なコードがバンドルに含まれるため、個別モジュールのインポートが推奨されます。

// ✅ crypto-js（個別インポート）
import sha256 from 'crypto-js/sha256';
import encHex from 'crypto-js/enc-hex';

const hash = sha256('hello');
console.log(hash.toString(encHex)); // '2cf24dba5fb0a30e26e83b2ac5b9e29e1b161e5c1fa7425e73043362938b9824'

注意点として、crypto-js の戻り値は WordArray オブジェクトであり、文字列にするには .toString() とエンコーダ（例: encHex）が必要です。これは学習コストを少し高めます。

sha.js：Node.js 互換の柔軟性

sha.js は Node.js の crypto.createHash('sha256') と似たインターフェースを持ち、ストリーム処理に強いです。

// ✅ sha.js
import { sha256 } from 'sha.js';

const hash = sha256().update('hello').digest('hex');
console.log(hash); // '2cf24dba5fb0a30e26e83b2ac5b9e29e1b161e5c1fa7425e73043362938b9824'

update() を複数回呼び出せるため、大容量データをチャンク単位で処理するのに適しています。

📦 入力データの扱い：文字列、バイト配列、TypedArray

各ライブラリは異なる入力形式をサポートしています。

文字列（UTF-8）

// js-sha256
sha256('こんにちは');

// crypto-js
sha256('こんにちは').toString(encHex);

// sha.js
sha256().update('こんにちは').digest('hex');

すべて問題なく動作しますが、内部エンコーディングはいずれも UTF-8 です。

Uint8Array / ArrayBuffer

バイナリデータ（例: ファイルの Blob）をハッシュ化する場合：

// js-sha256
const uint8 = new TextEncoder().encode('hello');
sha256(uint8);

// crypto-js
import WordArray from 'crypto-js/lib-typedarrays';
const wa = WordArray.create(uint8);
sha256(wa).toString(encHex);

// sha.js
sha256().update(uint8).digest('hex');

js-sha256 と sha.js は直接 Uint8Array を受け入れますが、crypto-js は一旦 WordArray に変換する必要があります。この点で、バイナリ処理が多いアプリでは js-sha256 や sha.js の方がコードが簡潔になります。

🧩 ツリーシェイキングとバンドルサイズ

  • js-sha256：ESM 対応で、import { sha256 } とすれば SHA-256 だけがバンドルされます。極めて軽量。
  • sha.js：CommonJS が基本ですが、ESM ビルドも提供。sha256 だけをインポートすれば他のアルゴリズムは含まれません。
  • crypto-js：個別モジュール（例: crypto-js/sha256）をインポートしないと、全アルゴリズムがバンドルされてしまいます。

たとえば、Vite や Webpack でビルドする場合、js-sha256 は最も小さい出力サイズを実現します。

🔄 ストリーム処理（逐次更新）

大規模データやネットワークストリームをハッシュ化する必要がある場合：

// js-sha256
const hasher = sha256.create();
hasher.update(chunk1);
hasher.update(chunk2);
const result = hasher.hex();

// sha.js
const hasher = sha256();
hasher.update(chunk1);
hasher.update(chunk2);
const result = hasher.digest('hex');

// crypto-js
// ストリーム処理は非対応。一度に全データを渡す必要あり。

crypto-js は逐次更新に対応していないため、ストリーム処理が必要なら js-sha256 または sha.js を選ぶ必要があります。

🧪 TypeScript サポート

  • js-sha256：組み込みの型定義があり、import { sha256 } from 'js-sha256' で即時利用可能。
  • sha.js：DefinitelyTyped による @types/sha.js が必要。
  • crypto-js：組み込み型定義あり。

TypeScript プロジェクトでは、追加の型定義インストール不要という点で js-sha256 が有利です。

📌 まとめ：どう選ぶべきか

パッケージ推奨シナリオ
js-sha256SHA-256 だけが必要で、軽量・シンプル・TypeScript 対応を求める場合。フロントエンド向けに最適化されています。
sha.jsNode.js とのコード共有が必要、または複数の SHA アルゴリズム（SHA-1, SHA-512 など）を将来的に使う可能性がある場合。ストリーム処理も柔軟。
crypto-jsSHA-256 以外にも AES 暗号化や HMAC など複数の暗号機能が必要な場合。ただし、個別モジュールのインポートを忘れずに。
sha256非推奨。新規プロジェクトでは絶対に使用しないでください。

💡 最終的なアドバイス

ほとんどのフロントエンドプロジェクトでは、js-sha256 が最良の選択肢です。理由は3つ：

  1. 軽量 — SHA-256 に特化しているため、バンドルサイズが最小。
  2. 使いやすい — 直感的な API で、文字列や Uint8Array をそのまま渡せる。
  3. 安全 — 現在もアクティブにメンテナンスされており、TypeScript サポートも完備。

一方、Node.js との共通コードを書く必要がある、あるいは将来的に SHA-384 や SHA-512 に拡張する可能性があるなら、sha.js を検討してください。crypto-js は「他の暗号機能も必要」でない限り、オーバースペックです。

そして、もう一度強調します：sha256 は使わないでください。

選び方: crypto-js vs js-sha256 vs sha.js vs sha256

  • crypto-js:

    crypto-js は AES、HMAC、PBKDF2 など多数の暗号アルゴリズムを含む包括的なライブラリです。SHA-256 だけでなく他の暗号機能も必要で、かつバンドルサイズが許容できるプロジェクトに適しています。ただし、フルセットをインポートすると不要なコードが含まれるため、個別モジュールのインポートが推奨されます。

  • js-sha256:

    js-sha256 は SHA-256 専用の軽量ライブラリで、API がシンプルで直感的です。TypeScript サポートも充実しており、フロントエンドで単一のハッシュ関数だけが必要な場合に最適です。ESM/CJS の両方に対応し、ツリーシェイキングにも親和性が高いです。

  • sha.js:

    sha.js は Node.js 標準の crypto モジュールと互換性のあるインターフェースを持ち、SHA-1 から SHA-512 まで幅広いアルゴリズムをサポートします。Node.js とのコード共有や、複数の SHA ファミリーが必要なプロジェクトに向いています。ストリーム処理も可能で、大規模データのハッシュ計算に柔軟性があります。

  • sha256:

    sha256 パッケージは非推奨（deprecated）であり、npm および GitHub で明確にその旨が記載されています。新規プロジェクトでは絶対に使用せず、代わりに js-sha256 や sha.js などの代替手段を検討すべきです。既存コードで使用されている場合は早急に移行を検討してください。

crypto-jsと類似したnpmパッケージ

crypto-jsは、JavaScriptで暗号化とハッシュ化を行うためのライブラリです。このライブラリは、さまざまな暗号化アルゴリズムをサポートしており、データの保護やセキュリティを強化するために広く使用されています。crypto-jsは、特にブラウザやNode.js環境での使用に適しており、シンプルで使いやすいAPIを提供しています。しかし、crypto-jsの代替となるライブラリもいくつか存在します。以下にいくつかの選択肢を紹介します。

  • bcryptは、パスワードのハッシュ化に特化したライブラリです。bcryptは、強力なハッシュアルゴリズムを使用しており、パスワードの安全な保存を実現します。特に、パスワードのセキュリティを重視するアプリケーションにおいて、bcryptは非常に人気があります。bcryptは、ハッシュ化の際にソルトを生成し、計算コストを調整することで、ブルートフォース攻撃に対する耐性を高めています。

  • node-forgeは、暗号化、デジタル署名、証明書の生成など、さまざまな暗号化機能を提供するライブラリです。node-forgeは、WebやNode.js環境での使用に適しており、RSA、AES、SHAなどの多くのアルゴリズムをサポートしています。特に、セキュアな通信やデータの暗号化が必要なアプリケーションにおいて、node-forgeは強力な選択肢となります。

  • sjcl（Stanford Javascript Crypto Library）は、スタンフォード大学によって開発された軽量の暗号化ライブラリです。sjclは、AES、SHA-256、HMACなどのアルゴリズムをサポートしており、ブラウザ環境での使用に最適化されています。sjclは、シンプルで使いやすいAPIを提供し、クライアントサイドでの暗号化が必要な場合に便利です。

これらのライブラリの比較については、以下のリンクを参照してください：bcrypt vs crypto-js vs node-forge vs sjclの比較。

js-sha256と類似したnpmパッケージ

js-sha256は、JavaScriptでSHA-256ハッシュを生成するための軽量なライブラリです。このライブラリは、クライアントサイドおよびサーバーサイドのアプリケーションで簡単に使用でき、データの整合性を確保するために広く利用されています。js-sha256は、シンプルで効率的なAPIを提供し、SHA-256ハッシュを迅速に生成することができますが、他にもいくつかの代替ライブラリがあります。以下にいくつかの選択肢を紹介します。

  • crypto-jsは、暗号化とハッシュ化のための包括的なライブラリで、SHA-256を含む多くのハッシュアルゴリズムをサポートしています。crypto-jsは、データの暗号化、復号化、ハッシュ化を行うための多機能なツールを提供し、特にセキュリティが重要なアプリケーションに適しています。多様な機能を持つため、複雑な暗号化要件を持つプロジェクトに最適です。
  • hash.jsは、SHA-256を含むさまざまなハッシュアルゴリズムを提供するライブラリです。hash.jsは、特にパフォーマンスに重点を置いて設計されており、ストリーム処理やバッファ処理をサポートしています。大規模なデータセットや高パフォーマンスが求められるアプリケーションにおいて、効率的なハッシュ化を実現します。
  • sha.jsは、SHA-1、SHA-256、SHA-512などのSHAファミリーのハッシュアルゴリズムを実装したライブラリです。sha.jsは、Node.jsおよびブラウザ環境の両方で使用でき、シンプルなAPIを提供しています。SHA-256を必要とするアプリケーションにおいて、使いやすさとパフォーマンスを兼ね備えた選択肢です。

これらのライブラリの比較については、こちらをご覧ください: Comparing crypto-js vs hash.js vs js-sha256 vs sha.js。

sha.jsと類似したnpmパッケージ

sha.jsは、JavaScriptでSHA（Secure Hash Algorithm）ハッシュを生成するためのライブラリです。このライブラリは、SHA-1、SHA-256、SHA-512などのさまざまなSHAアルゴリズムをサポートしており、データの整合性を確認したり、パスワードのハッシュ化を行ったりする際に便利です。sha.jsは、軽量で効率的なハッシュ生成を提供し、Node.jsおよびブラウザ環境で使用できます。しかし、sha.jsの代替として利用できる他のライブラリもいくつかあります。

  • crypto-jsは、暗号化およびハッシュ化のための包括的なライブラリで、SHAアルゴリズムを含む多くの暗号化機能を提供します。crypto-jsは、AES、HMAC、PBKDF2などの他の暗号化アルゴリズムもサポートしており、さまざまなセキュリティニーズに対応できます。もし、ハッシュ化だけでなく、暗号化機能も必要な場合は、crypto-jsが適しています。
  • hash.jsは、SHAおよびRIPEMDハッシュアルゴリズムをサポートする軽量なライブラリです。hash.jsは、特にSHA-256やSHA-512のようなハッシュアルゴリズムを使用する際に便利で、シンプルなAPIを提供します。もし、シンプルで効率的なハッシュ生成を求めている場合は、hash.jsが良い選択肢です。
  • jsshaは、JavaScriptでSHAおよびHMACハッシュを生成するためのライブラリです。jsshaは、SHA-1、SHA-256、SHA-512などのアルゴリズムをサポートしており、ブラウザおよびNode.js環境で動作します。特に、HMACを使用したハッシュ化が必要な場合に便利です。

これらのライブラリの比較については、こちらをチェックしてください: Comparing crypto-js vs hash.js vs jssha vs sha.js。

sha256と類似したnpmパッケージ

sha256は、JavaScriptでSHA-256ハッシュを生成するためのシンプルで使いやすいライブラリです。このライブラリは、データの整合性を確認したり、パスワードのハッシュ化などのセキュリティ関連の用途に役立ちます。sha256は軽量であり、特に小規模なプロジェクトやシンプルなハッシュ生成が必要な場合に適しています。しかし、他にも同様の機能を提供するライブラリがいくつかあります。以下はその代替案です。

  • crypto-jsは、暗号化とハッシュ化のための包括的なライブラリで、SHA-256を含む多くのアルゴリズムをサポートしています。crypto-jsは、データの暗号化、ハッシュ化、署名など、さまざまなセキュリティ機能を提供します。もし、複数の暗号化アルゴリズムや機能を必要とする場合、crypto-jsは非常に強力な選択肢です。
  • js-sha256は、SHA-256ハッシュを生成するための軽量なライブラリです。sha256と同様に、使いやすさを重視しており、特にSHA-256に特化しています。もし、SHA-256のハッシュ化だけを行いたい場合、js-sha256はシンプルで効率的な選択肢となります。
  • sha.jsは、SHA-1、SHA-224、SHA-256、SHA-384、SHA-512など、さまざまなSHAアルゴリズムをサポートするライブラリです。sha.jsは、Node.jsおよびブラウザ環境で動作し、パフォーマンスを重視した設計となっています。複数のSHAアルゴリズムを必要とする場合、sha.jsは非常に便利です。

これらのライブラリの比較を確認するには、こちらを参照してください: crypto-js vs js-sha256 vs sha.js vs sha256の比較。

crypto-js のREADME

crypto-js

JavaScript library of crypto standards.

Discontinued

Active development of CryptoJS has been discontinued. This library is no longer maintained.

Nowadays, NodeJS and modern browsers have a native Crypto module. The latest version of CryptoJS already uses the native Crypto module for random number generation, since Math.random() is not crypto-safe. Further development of CryptoJS would result in it only being a wrapper of native Crypto. Therefore, development and maintenance has been discontinued, it is time to go for the native crypto module.

Node.js (Install)

Requirements:

  • Node.js
  • npm (Node.js package manager)
npm install crypto-js

Usage

ES6 import for typical API call signing use case:

import sha256 from 'crypto-js/sha256';
import hmacSHA512 from 'crypto-js/hmac-sha512';
import Base64 from 'crypto-js/enc-base64';

const message, nonce, path, privateKey; // ...
const hashDigest = sha256(nonce + message);
const hmacDigest = Base64.stringify(hmacSHA512(path + hashDigest, privateKey));

Modular include:

var AES = require("crypto-js/aes");
var SHA256 = require("crypto-js/sha256");
...
console.log(SHA256("Message"));

Including all libraries, for access to extra methods:

var CryptoJS = require("crypto-js");
console.log(CryptoJS.HmacSHA1("Message", "Key"));

Client (browser)

Requirements:

  • Node.js
  • Bower (package manager for frontend)
bower install crypto-js

Usage

Modular include:

require.config({
    packages: [
        {
            name: 'crypto-js',
            location: 'path-to/bower_components/crypto-js',
            main: 'index'
        }
    ]
});

require(["crypto-js/aes", "crypto-js/sha256"], function (AES, SHA256) {
    console.log(SHA256("Message"));
});

Including all libraries, for access to extra methods:

// Above-mentioned will work or use this simple form
require.config({
    paths: {
        'crypto-js': 'path-to/bower_components/crypto-js/crypto-js'
    }
});

require(["crypto-js"], function (CryptoJS) {
    console.log(CryptoJS.HmacSHA1("Message", "Key"));
});

Usage without RequireJS

<script type="text/javascript" src="path-to/bower_components/crypto-js/crypto-js.js"></script>
<script type="text/javascript">
    var encrypted = CryptoJS.AES(...);
    var encrypted = CryptoJS.SHA256(...);
</script>

API

See: https://cryptojs.gitbook.io/docs/

AES Encryption

Plain text encryption

var CryptoJS = require("crypto-js");

// Encrypt
var ciphertext = CryptoJS.AES.encrypt('my message', 'secret key 123').toString();

// Decrypt
var bytes  = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');
var originalText = bytes.toString(CryptoJS.enc.Utf8);

console.log(originalText); // 'my message'

Object encryption

var CryptoJS = require("crypto-js");

var data = [{id: 1}, {id: 2}]

// Encrypt
var ciphertext = CryptoJS.AES.encrypt(JSON.stringify(data), 'secret key 123').toString();

// Decrypt
var bytes  = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');
var decryptedData = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));

console.log(decryptedData); // [{id: 1}, {id: 2}]

List of modules

  • crypto-js/core
  • crypto-js/x64-core
  • crypto-js/lib-typedarrays
  • crypto-js/md5
  • crypto-js/sha1
  • crypto-js/sha256
  • crypto-js/sha224
  • crypto-js/sha512
  • crypto-js/sha384
  • crypto-js/sha3
  • crypto-js/ripemd160
  • crypto-js/hmac-md5
  • crypto-js/hmac-sha1
  • crypto-js/hmac-sha256
  • crypto-js/hmac-sha224
  • crypto-js/hmac-sha512
  • crypto-js/hmac-sha384
  • crypto-js/hmac-sha3
  • crypto-js/hmac-ripemd160
  • crypto-js/pbkdf2
  • crypto-js/aes
  • crypto-js/tripledes
  • crypto-js/rc4
  • crypto-js/rabbit
  • crypto-js/rabbit-legacy
  • crypto-js/evpkdf
  • crypto-js/format-openssl
  • crypto-js/format-hex
  • crypto-js/enc-latin1
  • crypto-js/enc-utf8
  • crypto-js/enc-hex
  • crypto-js/enc-utf16
  • crypto-js/enc-base64
  • crypto-js/mode-cfb
  • crypto-js/mode-ctr
  • crypto-js/mode-ctr-gladman
  • crypto-js/mode-ofb
  • crypto-js/mode-ecb
  • crypto-js/pad-pkcs7
  • crypto-js/pad-ansix923
  • crypto-js/pad-iso10126
  • crypto-js/pad-iso97971
  • crypto-js/pad-zeropadding
  • crypto-js/pad-nopadding

Release notes

4.2.0

Change default hash algorithm and iteration's for PBKDF2 to prevent weak security by using the default configuration.

Custom KDF Hasher

Blowfish support

4.1.1

Fix module order in bundled release.

Include the browser field in the released package.json.

4.1.0

Added url safe variant of base64 encoding. 357

Avoid webpack to add crypto-browser package. 364

4.0.0

This is an update including breaking changes for some environments.

In this version Math.random() has been replaced by the random methods of the native crypto module.

For this reason CryptoJS might not run in some JavaScript environments without native crypto module. Such as IE 10 or before or React Native.

3.3.0

Rollback, 3.3.0 is the same as 3.1.9-1.

The move of using native secure crypto module will be shifted to a new 4.x.x version. As it is a breaking change the impact is too big for a minor release.

3.2.1

The usage of the native crypto module has been fixed. The import and access of the native crypto module has been improved.

3.2.0

In this version Math.random() has been replaced by the random methods of the native crypto module.

For this reason CryptoJS might does not run in some JavaScript environments without native crypto module. Such as IE 10 or before.

If it's absolute required to run CryptoJS in such an environment, stay with 3.1.x version. Encrypting and decrypting stays compatible. But keep in mind 3.1.x versions still use Math.random() which is cryptographically not secure, as it's not random enough.

This version came along with CRITICAL BUG.

DO NOT USE THIS VERSION! Please, go for a newer version!

3.1.x

The 3.1.x are based on the original CryptoJS, wrapped in CommonJS modules.

npm-compare.com is an independent website designed to help developers choose the most suitable npm packages. We are not affiliated with npm, Inc, the official website for the npm registry. Note that npm is a registered trademark of npm, Inc. Please share your feedback via our GitHub repository. For more details, please refer to our Terms & Privacy.