ページ内ナビ
概要
Nano IDはNode.jsのcryptoとブラウザのWeb Crypto APIを使い、URLで扱いやすいランダムIDを生成するJavaScriptライブラリです。既定では126bit相当の乱数を21文字へ収め、必要に応じて文字集合と長さを変更できます。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日:
主な特徴
向いている用途
UUIDより短いランダムIDをクライアントとサーバーで共有したい場合に向く
URLや画面要素、アプリケーション内識別子などで、固定スキーマを持たない短いランダムIDをJavaScript環境から生成したい場面に適します。
出典:[1]
導入前の確認
参考にした公式資料
- [1]Nano ID 6.0.1 README(2026-10-05)
- [2]Nano ID 6.0.1 package metadata(2026-10-05)
- [3]Nano ID changelog(2026-10-05)
- [4]Nano ID 6.0.1 release(2026-10-05)
- [5]Nano ID MIT license(2026-10-05)
編集部からの補足
既定の21文字IDだけでなく、文字集合と長さを明示的に調整できる点が実務で扱いやすいライブラリです。6.0.1はNode.js 22/24/26以上系が対象で、Reactのkeyを描画ごとに生成する用途には公式READMEが非推奨を明記しています。
3ステップで試す
- 1
Nano ID 6.0.1を一時projectへ導入する
Node.js 22・24・26以上系で、review対象releaseを既存projectから分離して確認します。
demo=$(mktemp -d "${TMPDIR:-/tmp}/nanoid.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact nanoid@6.0.1 - 2
既定IDとcustom alphabetの生成scriptを作る
既定の21文字URL-safe IDと、16進文字だけを使う10文字IDを同じpackageで生成します。
printf "%s\n" "import { nanoid, customAlphabet } from 'nanoid';" "const id = nanoid();" "const hexId = customAlphabet('0123456789abcdef', 10)();" "console.log({ id, hexId });" "if (id.length !== 21 || hexId.length !== 10) throw new Error('unexpected Nano ID length');" > demo.mjs - 3
生成結果と長さを確認する
暗号学的乱数を使う既定IDが21文字、customAlphabetのIDが10文字で生成されることを確認します。
node demo.mjs
成長
成長の推移 · 直近30日
27,076 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit(直近30日)
- 10
- Open PR
- 4
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
カテゴリ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
- Stars
- 27,076
- Forks
- 889
- Watchers
- 162
- Open Issues
- 1
- Contributors
- 143
- 所有者種別
- User
- 主要言語
- JavaScript
- ライセンス
- MIT
- リポジトリ最終更新
- 2026/10/05
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- Autoprefixer22,211 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
BrowserslistとCan I Use dataから必要なvendor prefixだけを自動生成する
JavaScript - Less17,025 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
変数・mixin・nestingを使うstylesheetをlesscで通常のCSSへcompileする
JavaScript - Stylelint11,526 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
CSSのerrorとconventionを100以上のrule・plugin・shareable configで継続的に検査する
JavaScript - Stylus11,333 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
indented syntaxと通常のCSS styleを同じcompilerで扱うexpressiveなstylesheet language
JavaScript - i18next8,637 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
翻訳キー・複数形・補間・resource loadingをUI frameworkから切り離すi18n core
JavaScript - Bootstrap174,991 Stars
共通タグ 3件 · 共通カテゴリ 1件
responsive grid・utility・componentをCSS/Sassとnative JavaScriptから組み立てるfrontend framework
MDX
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。