Javascriptでランダムにダミーの名前を生成するサンプルコード
公開日：2020年04月24日
カテゴリー：JavaScript
システム開発の中ではモックアップや画面イメージを作成し、システムの完成イメージを共有します。
その際、できるだけ本当のデータに近い値を設定してく方がイメージがしやすく、
完成時認識違いを防ぐこともできます。
こっちより
| 1 | 山田 太郎 |
| 2 | 山田 太郎 |
| 3 | 山田 太郎 |
こっち
| 1 | 織田 信長 |
| 2 | 徳川 家康 |
| 3 | 豊吉 秀吉 |
そこで、サンプルデータ作成にさくっと使える、ランダム氏名を生成するJavascriptを作りました。
バラバラの名前を作るのは結構手間がかかるので、コピペで利用してみてください。
ランダム氏名作成Javascript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
/** * ランダムで名前を取得 */ 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; } |
使い方サンプル
|
1 2 3 4 5 6 7 |
<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業界を盛り上げて行きましょう！
採用情報詳細はコチラ
