ユーザーやプロフィール等のデモに無料で顔写真と名前等のデータが使えるサービス『Random User Generator』

模擬的にユーザーの顔写真、名前、その他のデーターをランダムに表示して利用することが出来るサービスです。
モックアップではまだユーザーがいなのでその時に利用するととても便利です

また、フォトショップの拡張機能があるようで、フォトショップでも利用できるようになるようです。

利用の方法は jQueryでajax、jsonを使ってデータを読み込みます

まずスクリプトでこれを設置します

$.ajax({
  url: 'http://api.randomuser.me/',
  dataType: 'json',
  success: function(data){
    console.log(data);
  }
});

あと使えるデーターはこのようになっています

{
  results: [{
    user: {
      gender: "female",
      name: {
        title: "miss",
        first: "margie",
        last: "rivera"
      },
      location: {
        street: "7746 paddock way",
        city: "buffalo",
        state: "alabama",
        zip: "98475"
      },
        email: "margie.rivera44@example.com",
        username: "goldenlion241",
        password: "insertions",
        salt: ")uwSY(!h",
        md5: "939a8203d982410717a1fce43d44f2b1",
        sha1: "3cd89ece7a96f900e89e0b7df441e96382bc7b67",
        sha256: "d8efb0c75e3aa720a6949326c6b5232d5e0d449c7c889a43e4b0be7ce83df253",
        registered: "1016785823",
        dob: "159154467",
        phone: "(856)-409-4714",
        cell: "(447)-184-3263",
        SSN: "525-20-3862",
        picture: "http://api.randomuser.me/0.3.2/portraits/women/16.jpg"
      },
      seed: "blueDuck"
      version: "0.3.2"
    }]
}

javascript、jQueryでこれらのデータを取り出して表示を行います。