INSIGHT

情報・インサイト

Javascriptでランダムにダミーの名前を生成するサンプルコード

2020.04.24

ランダムな名前をつくるJavaScript

システム開発の中ではモックアップや画面イメージを作成し、システムの完成イメージを共有します。
その際、できるだけ本当のデータに近い値を設定してく方がイメージがしやすく、
完成時認識違いを防ぐこともできます。

こっちより

1 山田 太郎
2 山田 太郎
3 山田 太郎

こっち

1 織田 信長
2 徳川 家康
3 豊吉 秀吉

 
そこで、サンプルデータ作成にさくっと使える、ランダム氏名を生成するJavascriptを作りました。
バラバラの名前を作るのは結構手間がかかるので、コピペで利用してみてください。
 

ランダム氏名作成Javascript

/**
 * ランダムで名前を取得
 */
function randomName() {
    var myoujiAry = ['佐藤', '鈴木', '高橋', '田中', '渡辺', '伊藤', '山本', '中村', '小林', '加藤', '吉田', '山田', '佐々木', '山口',
        '斎藤', '松本', '井上', '木村', '林', '清水', '山崎', '森', '阿部', '池田', '橋本', '山下', '石川', '中島', '前田', '藤田',
        '小川', '後藤', '岡田', '長谷川', '村上', '近藤', '石井', '齊藤', '坂本', '遠藤', '青木', '藤井', '西村', '福田', '太田', '三浦',
        '岡本', '松田', '中川', '中野', '原田', '小野', '田村', '竹内', '金子', '和田', '中山', '藤原', '石田', '上田', '森田', '原',
        '柴田', '酒井', '工藤', '横山', '宮崎', '宮本', '内田', '高木', '安藤', '谷口', '大野', '丸山', '今井', '高田', '藤本', '武田',
        '村田', '上野', '杉山', '増田', '平野', '大塚', '千葉', '久保', '松井', '小島', '岩崎', '桜井', '野口', '松尾', '野村', '木下',
        '菊地', '佐野', '大西', '杉本', '新井', '浜田', '菅原', '市川', '水野', '小松', '島田', '古川', '小山', '高野', '西田', '菊池',
        '山内', '西川', '五十嵐', '北村', '安田', '中田', '川口', '平田', '川崎', '飯田', '吉川', '本田', '久保田', '沢田', '辻', '関',
        '吉村', '渡部', '岩田', '中西', '服部', '樋口', '福島', '川上', '永井', '松岡', '田口', '山中', '森本', '土屋', '矢野', '広瀬',
        '秋山', '石原', '松下', '大橋', '松浦', '吉岡', '小池', '馬場', '浅野', '荒木', '大久保', '野田', '小沢', '田辺', '川村', '星野',
        '黒田', '堀', '尾崎', '望月', '永田', '熊谷', '内藤', '松村', '西山', '大谷', '平井', '大島', '岩本', '片山', '本間', '早川',
        '横田', '岡崎', '荒井', '大石', '鎌田', '成田', '宮田', '小田', '石橋', '篠原', '須藤', '河野', '大沢', '小西', '南', '高山',
        '栗原', '伊東', '松原', '三宅', '福井', '大森', '奥村', '岡', '内山', '片岡'
    ];
    var namaeAry = ['大輔', '誠', '直樹', '亮', '剛', '大介', '学', '健一', '健', '哲也', '聡', '健太郎', '洋平', '淳', '竜也', '崇',
        '翔太', '拓也', '健太', '翔', '達也', '雄太', '翔平', '大樹', '大輔', '和也', '達也', '翔太', '徹', '哲也', '秀樹', '英樹',
        '浩二', '健一', '博', '博之', '修', '大輝', '拓海', '海斗', '大輔', '大樹', '翔太', '大輝', '翼', '拓海', '直人', '康平',
        '達也', '駿', '雄大', '亮太', '拓也', '大貴', '亮太', '拓哉', '雄大', '誠', '隆', '茂', '豊', '明', '浩', '進', '勝',
        '洋子', '恵子', '京子', '幸子', '和子', '久美子', '由美子', '裕子', '美智子', '悦子', '智子', '久美子', '陽子', '理恵', '真由美',
        '香織', '恵', '愛', '優子', '智子', '裕美', '真由美', 'めぐみ', '美穂', '純子', '美紀', '彩', '美穂', '成美', '沙織', '麻衣',
        '舞', '愛美', '瞳', '彩香', '麻美', '沙織', '麻衣', '由佳', 'あゆみ', '友美', '麻美', '裕子', '美香', '恵美', '直美', '由美',
        '陽子', '直子', '未来', '萌', '美咲', '亜美', '里奈', '菜々子', '彩花', '遥', '美咲', '明日香', '真由', '楓', '奈々', '彩花',
        '優花', '桃子', '美咲', '佳奈', '葵', '菜摘', '桃子', '茜', '明美', '京子', '恵子', '洋子', '順子', '典子'
    ];
    var myouji = myoujiAry[Math.floor(Math.random() * myoujiAry.length)];
    var namae = namaeAry[Math.floor(Math.random() * namaeAry.length)];
    return myouji + " " + namae;
}

使い方サンプル

<table class="table">
<script>
    for (var i = 1; i <= 10; i++) {
        document.write("<tr><td>" + i + "</td><td>" + randomName() + "</td></tr>");
    }
</script>
</table>

実行結果

1 宮田 大介
2 松井 彩香
3 新井 麻衣
4 森本 達也
5 吉岡 真由美
6 藤原 哲也
7 坂本 明
8 村田 美咲
9 森田 健太
10 村田 竜也

ポイント

  • nameArayの 0 ~ 64 が男性っぽい名前、 65 ~ 141 が女性っぽい名前です
  • 性別の判定はindexの番号からできます
  • 見ての通り日本人だけです
  • カスタマイズは自由です

 
名前のサンプルって簡単そうで大変ですよね。
社内でも好評のランダム氏名スクリプトを是非活用してみてください。

 

ウィズテクノロジーで一緒に働きませんか?
分野を限定せず幅広い事業を展開。新しい技術の導入にも積極的に取り組んでおり、チャレンジや成長する機会が沢山。
あなたの経験・知識を活かしながら一緒にIT業界を盛り上げて行きましょう!
採用情報詳細はコチラ

WORKS

導入事例

ウィズテクノロジーは大阪を拠点に、システム開発の分野で20年の実績を持つパートナー企業です。
業務効率化やDX支援など、さまざまな課題にワンストップで対応。
経験豊富なエンジニアが、企業の成長を技術面からしっかりサポートします。

導入事例一覧を見る
導入事例一覧を見る

RECRUIT

採用情報

未来に、価値ある選択を。

All WhizzTechnologyは、期待を超える価値をともにつくり、より良い未来へ導く仲間を募集しています。