AIRES ＞ 知識の泉 ＞ HTML5

Webカラー見本

基本16色

Red #FF0000	Lime #00FF00	Blue #0000FF	Maroon #800000	Green #008000	Navy #000080	Black #000000	Silver #C0C0C0
Yellow #FFFF00	Aqua #00FFFF	Fuchsia #FF00FF	Olive #808000	Teal #008080	Purple #800080	Gray #808080	White #FFFFFF

CSS font-family

キーワードで措定
san-serif … ゴシック系のフォント (abc123あいうえお)
serif ……… 明朝系のフォント (abc123あいうえお)
cursive …… 筆記体・草書体のフォント (abc123あいうえお)
fantasy …… 装飾的なフォント (abc123あいうえお)
monospace … 等幅フォント (abc123あいうえお)

Webカメラの使い方

<video id="myVideo" width="400" height="300" autoplay="1" ></video>

   <script type="text/javascript">
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || window.navigator.mozGetUserMedia;
    window.URL = window.URL || window.webkitURL;

    var video = document.getElementById('myVideo');
    var localStream = null;
    navigator.getUserMedia({video: true, audio: false}, 
     function(stream) { // for success case
      console.log(stream);
      video.src = window.URL.createObjectURL(stream);
     },
     function(err) { // for error case
      console.log(err);
     }
    );
   </script>

位置情報の取得

// JavaScript Document

//ユーザーの現在の位置情報を取得
navigator.geolocation.getCurrentPosition(successCallback, errorCallback);

/***** ユーザーの現在の位置情報を取得 *****/
function successCallback(position) {
  var gl_text = "緯度：" + position.coords.latitude + "<br>";
    gl_text += "経度：" + position.coords.longitude + "<br>";
    gl_text += "高度：" + position.coords.altitude + "<br>";
    gl_text += "緯度・経度の誤差：" + position.coords.accuracy + "<br>";
    gl_text += "高度の誤差：" + position.coords.altitudeAccuracy + "<br>";
    gl_text += "方角：" + position.coords.heading + "<br>";
    gl_text += "速度：" + position.coords.speed + "<br>";
  document.getElementById("show_result").innerHTML = gl_text;
}

/***** 位置情報が取得できない場合 *****/
function errorCallback(error) {
  var err_msg = "";
  switch(error.code)
  {
    case 1:
      err_msg = "位置情報の利用が許可されていません";
      break;
    case 2:
      err_msg = "デバイスの位置が判定できません";
      break;
    case 3:
      err_msg = "タイムアウトしました";
      break;
  }
  document.getElementById("show_result").innerHTML = err_msg;
  //デバッグ用→　document.getElementById("show_result").innerHTML = error.message;
}