[{"data":1,"prerenderedAt":234},["ShallowReactive",2],{"news-item-\u002Fja\u002Fnews\u002Fmockdata-fakerjs":3},{"id":4,"title":5,"body":6,"category":221,"created by":222,"date":223,"description":224,"extension":225,"meta":226,"navigation":227,"path":228,"sections":229,"seo":230,"stem":231,"thumbnail":232,"__hash__":233},"content_ja\u002Fja\u002Fnews\u002Fmockdata-fakerjs.md","FakerJsを使ったモックデータ生成",{"type":7,"value":8,"toc":216},"minimark",[9,17,21,30,35,48,54,57,68,71,74,80,83,89,92,98,101,107,110,113,119,121,127,135,142,145,151,157,162,165,171,173,179,183,186,192,197,200,203,209],[10,11,13],"h1",{"id":12},"fakerjsとは",[14,15,16],"strong",{},"FakerJsとは？",[18,19,20],"p",{},"FakerJsはEメールアドレス、電話番号、住所、パスワード、画像といった、多種多様なランダムデータを生成するJavaScriptライブラリーです。",[18,22,23,24],{},"デモ： ",[25,26,27],"a",{"href":27,"rel":28},"https:\u002F\u002Frawgit.com\u002FMarak\u002Ffaker.js\u002Fmaster\u002Fexamples\u002Fbrowser\u002Findex.html",[29],"nofollow",[10,31,33],{"id":32},"何時に使われるか",[14,34,32],{},[36,37,38,42,45],"ul",{},[39,40,41],"li",{},"APIからのデータの返却が未実装の場合にフロントエンド側でデータ処理を実装する必要がある時",[39,43,44],{},"データベース、サービス、ホスト等の接続先に問題があった場合に、APIから返却されるダミーデータを生成する時",[39,46,47],{},"APIの検証のためjson形式のサンプルデータを生成する時",[10,49,51],{"id":50},"nodejsでのfakerjs使い方",[14,52,53],{},"NodeJsでのFakerJs使い方",[18,55,56],{},"まずnpmで以下のコマンドでインストールします。",[58,59,64],"pre",{"className":60,"code":62,"language":63},[61],"language-text","npm i faker\n","text",[65,66,62],"code",{"__ignoreMap":67},"",[18,69,70],{},"つぎ、以下のようにインポートします。",[18,72,73],{},"TypeScriptプロジェクトの場合：",[58,75,78],{"className":76,"code":77,"language":63},[61]," import faker = require(\"faker\")\n",[65,79,77],{"__ignoreMap":67},[18,81,82],{},"JavaScriptプロジェクトの場合：",[58,84,87],{"className":85,"code":86,"language":63},[61],"var faker = require(\"faker\");\n",[65,88,86],{"__ignoreMap":67},[18,90,91],{},"例えば、FakerJsを使って3オブジェクトのEmployeeを作成します。",[58,93,96],{"className":94,"code":95,"language":63},[61],"const generateEmployee = () => {\n\n  return {\n\n    id: faker.random.uuid(),\n\n    first_name: faker.name.firstName(),\n\n    last_name: faker.name.lastName(),\n\n    email: faker.internet.email(),\n\n  };\n\n};\n\n\u002F\u002FReturn 3 object users\n\n=>> Array.from({ length: 3 }, generateEmployee)\n",[65,97,95],{"__ignoreMap":67},[18,99,100],{},"結果：",[58,102,105],{"className":103,"code":104,"language":63},[61],"[\n  {\n    \"id\": \"653551ca-29dc-458d-90dd-1c7a04004350\",\n    \"first_name\": \"Yadira\",\n    \"last_name\": \"Zieme\",\n    \"email\": \"Russel_Will88@yahoo.com\"\n  },\n  {\n    \"id\": \"14243402-a6f9-4005-bc61-bb1d25f23183\",\n    \"first_name\": \"Nyah\",\n    \"last_name\": \"Hermiston\",\n    \"email\": \"Sigrid77@gmail.com\"\n  },\n  {\n    \"id\": \"60dbec10-2898-4571-8187-31072f849ed9\",\n    \"first_name\": \"Reed\",\n    \"last_name\": \"Towne\",\n    \"email\": \"Alejandrin.Simonis@hotmail.com\"\n  }\n]\n",[65,106,104],{"__ignoreMap":67},[18,108,109],{},"現在FakerJsは多言語をサポートしてくれます。",[18,111,112],{},"例えば、employeeオブジェクトを作成する前にロケールを予め指定しておきます。",[58,114,117],{"className":115,"code":116,"language":63},[61],"faker.locale = 'ja';\n",[65,118,116],{"__ignoreMap":67},[18,120,100],{},[58,122,125],{"className":123,"code":124,"language":63},[61],"[ \n  { \n    \"id\": \"c0a9b596-ade2-4d9e-bddc-3a6e6ed43fcb\", \n    \"first_name\": \"結菜\", \n    \"last_name\": \"加藤\", \n    \"email\": \"海翔_井上@gmail.com\" \n  }, \n  { \n    \"id\": \"12381746-bb9e-479c-adf0-ba7887392a06\", \n    \"first_name\": \"杏\", \n    \"last_name\": \"渡辺\", \n    \"email\": \"結菜_清水11@gmail.com\" \n  }, \n  { \n    \"id\": \"264a8702-3318-43d1-9518-748046ff6ac5\", \n    \"first_name\": \"心愛\", \n    \"last_name\": \"清水\", \n    \"email\": \"結衣_山田57@gmail.com\" \n  } \n]\n",[65,126,124],{"__ignoreMap":67},[18,128,129,130,134],{},"FakerJsのサポートしてくれるデータ種類と言語について",[25,131,132],{"href":132,"rel":133},"http:\u002F\u002Fmarak.github.io\u002Ffaker.js\u002F",[29],"を参照してください。",[10,136,138,139],{"id":137},"fakerjsにおけるseed","FakerJsにおける",[14,140,141],{},"Seed",[18,143,144],{},"FakerJsではランダムデータを生成できますが、異なる処理にて同じデータを生成する必要がある場合があります。その対応策としては、以下のようなSeedを利用できます。",[58,146,149],{"className":147,"code":148,"language":63},[61],"    faker.seed(1);\n\n    var number1st = faker.random.number(); \u002F\u002F name1st = 123\n\n    \u002F\u002F Setting the seed again resets the sequence.\n\n    faker.seed(1);\n\n    var number2nd = faker.random.number(); \u002F\u002F number2nd = 123\n\n    \u002F\u002F => number1st === number2nd\n",[65,150,148],{"__ignoreMap":67},[10,152,154],{"id":153},"fakerjsの他のサービス",[14,155,156],{},"FakerJsの他のサービス",[158,159,161],"h2",{"id":160},"fakerjs-api","FakerJs API",[18,163,164],{},"APIからはリクエストパラメーターにより、単一のデータ項目を返却します。",[58,166,169],{"className":167,"code":168,"language":63},[61],"http:\u002F\u002Ffaker.hook.io\u002F?property=internet.email&locale=en\n",[65,170,168],{"__ignoreMap":67},[18,172,100],{},[58,174,177],{"className":175,"code":176,"language":63},[61]," \"Ted37@hotmail.com\"\n",[65,178,176],{"__ignoreMap":67},[158,180,182],{"id":181},"faker-cloud","Faker Cloud",[18,184,185],{},"単一または複数のダミーデータを素早く作成でるので、API検証のため大量データ生成に役立ちます。データのDBへの一括登録コマンドの他に、CSV形式やJson形式、MySQLやMSSQLをもサポートしてくれます。",[18,187,188],{},[25,189,190],{"href":190,"rel":191},"https:\u002F\u002Ffakercloud.com\u002F",[29],[10,193,195],{"id":194},"まとめ",[14,196,194],{},[18,198,199],{},"Faker Jsはバックエンド・フロントエンド両方に適用できる、便利かつ簡潔なライブラリーです。特にFakerCloudはテスターにふさわしいです。Faker Jsでは時間にかなりかかりそうなDBへのデータ一括登録やAPIへ送信するJsonリスト作成を簡単化することができ、多言語等をもサポートしてくれます。",[18,201,202],{},"参考元：",[18,204,205,206],{},"1. ",[25,207,132],{"href":132,"rel":208,"title":132},[29],[18,210,211,212],{},"2. ",[25,213,214],{"href":214,"rel":215,"title":214},"https:\u002F\u002Fzetcode.com\u002Fjavascript\u002Ffakerjs\u002F",[29],{"title":67,"searchDepth":217,"depth":217,"links":218},2,[219,220],{"id":160,"depth":217,"text":161},{"id":181,"depth":217,"text":182},"tech talk","KHUYEN DO TIEP","2021-05-05","FakerJsとは？FakerJsはEメールアドレス、電話番号、住所、パスワード、画像といった、多種多様なランダムデータを生成するJavaScriptライブラリーです。","md",{},true,"\u002Fja\u002Fnews\u002Fmockdata-fakerjs",null,{"title":5,"description":224},"ja\u002Fnews\u002Fmockdata-fakerjs","https:\u002F\u002Fhomepage-media.s3.ap-southeast-1.amazonaws.com\u002Fwp-content\u002Fuploads\u002F2026\u002F06\u002F05103100\u002FFaker.png","QieLM6zI8pujLsDkRu9--GGo4-02XbKFENhB2LF1hYU",1784703337858]