MongoDBに登録したデータをHTMLに表示する

2016.12.13 l＠ha

前回の続きで、MongoDBに登録したデータをHTMLに表示する方法を試してみました。実際に実行してみると大したことはなかったけど、結構調べるのに時間がかかった。今回はEJSというテンプレ…

Visual Studio2015で実行ファイルのアイコンの変更

2016.12.13 l＠ha

まずプロジェクトにアイコンにしたいicoファイルを追加するソリューションエクスプローラーのプロジェクト名を右クリックし、プロパティを選択するアプリケーションのタブのリソースの箇所で、追加し…

クロームで「この接続ではプライバシーが保護されません」って表示されるになった

2016.12.13 l＠ha

PCでいつものようにchromeを開こうとしたら、このように表示され、トップページが開けなかった。原因を検索しようとしたが、検索しても同じように表示された。なぜか、ブックマークのサイトは開くことができた…

ゴーストボタンを試してみた

2016.12.04 l＠ha

ゴーストボタンというものを知って見た目が気に入ったので、実際にやってみました。

a.button{
 font-size: 30px;
 font-family: Impact;
 display: block;
 width: 120px;
 padding: 15px 10px;
 border: 10px solid #666666;
 background: transparent;
 color: #666666;
 text-align: center;
 text-decoration: none;
 transition: .3s;
}

a.ghost:hover {
 border: 3px solid rgba(0,0,0,.5);
 color: rgba(0,0,0,.5);
}

border: 10px solid #666666;

background: transparent;

color: #666666;

text-align: center;

text-decoration: none;

transition: .3s;

}

a.ghost:hover {

border: 3px solid rgba(0,0,0,.5);

color: rgba(0,0,0,.5);

}

それとGIF画像を挿入する時に、フルサイズに指…

[Node.js] Socket.ioのsendとemitの違い

2016.11.28 l＠ha

Node.jsを勉強し始めてイベントの発信の方法がsendとemitの二通りあったので、ざっくりと違いをメモしておきます。 send sendはイベントに手を加えることができません。待ち受けるイベント名が「messag…

getUserMedia APIでhtmlにWebカメラの映像を表示してみる

2016.11.28 l＠ha

macに内臓されているカメラを使用してHTMLに映像を出力してみる。

<!DOCTYPE html>
<html>
<head>
	<title>Webカメラ</title>
</head>

<body>
<video id="video"></video>
<script>

var video = document.getElementById("video");

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

navigator.webkitGetUserMedia({
	video:true,
	audio:true
},function(stream){
	video.src = URL.createObjectURL(stream);
	video.play();
},function(error){
	console.log(error);
});
</script>
</body>
</html>