[JQuery]セレクタを複数指定する

2016.12.27 l＠ha

JQueryでセレクタを複数指定する方法です。複雑な処理を行う際は知っておいた方がコーディングが進めやすいと思います。 JQueryではAND条件とOR条件で指定することができます。 [crayon-66…

[Node.js]cherrio-httpcliでお手軽webスクレイピング

2016.12.26 l＠ha

Node.jsで手軽にwebスクレイピングできるcherrio-httpscliというモジュールがあると知り、気になったので試してみました。使い方自体はすごく簡単だったのでこのブログに投稿された記事の一覧を取得してみま…

MySQL

auto_incrementした数字を連番にする

2016.12.23 l＠ha

MySQLのテーブルで要素の操作をした時に、idやnumberのような数字の要素を連番になっている要素を削除した時に、以下のようになっていることが気になったので、その修正方法です。 [crayon-6633…

C言語でwav、mp3ファイルを扱う

2016.12.13 l＠ha

C言語でwavやmp3のような音声、音楽ファイルを扱う方法を調べたので、まとめておく。以下は、単純に再生、停止するだけのコード

//mp3を再生するコード
mciSendString(L"open aikatsu.mp3 type mpegvideo alias BGM01", NULL, 0, NULL);
mciSendString(L"stop all", NULL, 0, NULL);

 

//from 0 repeatは止めたとき最初から再生するときに使う。なしにすれば、途中から再生される

mciSendString(L"play BGM01 from 0 repeat", NULL, 0, NULL);

 

//wavファイルを再生するコード

sndPlaySound(L"odayaka_wav\\odayaka1.wav", SND_ASYNC);

mciSendString(L"open aikatsu.mp3 type mpegvideo alias BGM01", NULL, 0, NULL);

mciSendString(L"stop all", NULL, 0, NULL);

//from 0 repeatは止めたとき最初から再生するときに使う。なしにすれば、途中から再生される

mciSendString(L"play BGM01 from 0 repeat", NULL, 0, NULL);

//wavファイルを再生するコード

sndPlaySound(L"odayaka_wav\\odayaka1.wav", SND_ASYNC);

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>