2015年1月 – ページ 3 – 端くれプログラマの備忘録

[JavaScript] 基本メモ: 配列、オブジェクト

2015年1月11日2015年8月21日 @84kure

配列

var ages = [27, 49, 35];
alert(ages[1]); // 49
ages[0] = 29; // 内容変更
ages[3] = 61; // 要素追加
alert(ages); // 全要素を表示

var ages = [27, 49, 35];

alert(ages[1]); // 49

ages[0] = 29; // 内容変更

ages[3] = 61; // 要素追加

alert(ages); // 全要素を表示

多次元配列の定義は以下のように。

var matrix = [
    [1,2,3],
    [4,5,6],
    [7,8,9],
];

var matrix = [

[1,2,3],

[4,5,6],

[7,8,9],

];

オブジェクト

名前と値のペアをプロパティとして定義できる。

var user = {
    name: "noris",
    email: "noris@example.com",
    country: "Japan",
    age: 29
};

var user = {

name: "noris",

email: "noris@example.com",

country: "Japan",

age: 29

};

メソッド(関数)も定義できる

var user = {
    name: noris,
    email: noris@example.com,
    greet: function(name) {
        alert("Hello " + name + " from " + this.name);
    }
};
user.greet("Taro"); // "Hello Taro from noris"

var user = {

name: noris,

email: noris@example.com,

greet: function(name) {

alert("Hello " + name + " from " + this.name);

}

};

user.greet("Taro"); // "Hello Taro from noris"

[JavaScript] 基本メモ: データ型、演算子、真偽値、関数

2015年1月10日2015年8月21日 @84kure

JavaScriptの基礎的なことをメモ。

データ型

文字列
数値
真偽値 (true/false)
オブジェクト (配列、関数、組み込みオブジェクトなど)
undefined
null

比較演算子

等価演算子

=== 厳密に等しい (オペランド同士が型変換すること無しに厳密に等しい)
== 等しい (オペランド同士の型が等しくなければ型変換する)

不等価演算子

!== 厳密に等しくない (オペランド同士が等しくない、型が等しくない、またはその両方)
!= 等しくない (オペランド同士の型が等しくなければ型変換する)

真偽値

文字列: 空文字以外ならtrue
数値: 0かNaN以外ならtrue
オブジェクト: null以外ならtrue
undefined, null: false

良く使いそうなUI関数

alert("Hello World")

var ans = comfirm("Are you sure?");
// OK押下時はtrueが返る
// Cacel押下時はfalseが返る

var value=prompt("Enter your name");
// 入力された場合は文字列が返る
// Cancel押下時はnullが返る

alert("Hello World")

var ans = comfirm("Are you sure?");

// OK押下時はtrueが返る

// Cacel押下時はfalseが返る

var value=prompt("Enter your name");

// 入力された場合は文字列が返る

// Cancel押下時はnullが返る

関数の書き方

1. 普通の関数

function greet() {
    alert("Hello");
}
function greetTo(name) {
    alert("Hello " + name);
}
greet();
greetTo("Taro");

function greet() {

alert("Hello");

}

function greetTo(name) {

alert("Hello " + name);

}

greet();

greetTo("Taro");

2. 無名関数(nameless-)/匿名関数(anonymous-)

var greet = function() {
    alert("Hello");
}
var greetTo = function(name) {
    alert("Hello " + name);
}
greet();
greetTo("Taro");

var greet = function() {

alert("Hello");

}

var greetTo = function(name) {

alert("Hello " + name);

}

greet();

greetTo("Taro");

3. 即時関数(immediate-)

(function hello() {
    alert("Hello");
})();
(function helloTo(name) {
    alert("Hello " + name);
})("Taro");

(function hello() {

alert("Hello");

})();

(function helloTo(name) {

alert("Hello " + name);

})("Taro");

関数名は省略できるので以下のようにも書ける。こちらのほうが一般的。

(function() {
    alert("Hello");
})();
(function(name) {
    alert("Hello " + name);
})("Taro");

(function() {

alert("Hello");

})();

(function(name) {

alert("Hello " + name);

})("Taro");

[アフィリエイトシステム] アイデアメモ

2015年1月9日 @84kure

アフィリエイトシステムの独自開発の相談あり。アフィリエイトシステムについて良く知らなかったので、ネットでざっくり情報収集してメモ書き。

コンバージョン発生までの流れ

アフィリエイト広告がクリックされる
広告主のサイトや商品ページ・購入ページが表示される (ランディングページ)
商品の購入・申し込み完了ページが表示される (サンクスページ)
コンバージョンが発生する (コンバージョンポイント)

アフィリエイト広告を経由したか判断するタイミング

1. 広告がクリックされたとき

リンク: アフィリエイトシステムのURL (出稿先のシステムのURL)
パラメータ: どのアフィリエータなのか、どの広告なのか

2. 広告主のページが表示されたとき

広告主は自分のサイトにコードを埋め込む。
サイトに埋め込まれたコードによって「どのページから来たのか」と併せてユーザ情報を取得する。
利点: 被リンクも集めることができる。
欠点: サイトにコードを埋め込むのが手間。

購入や申し込みの判定

広告や申し込みの完了時に表示されるページに広告主がコードを埋め込む。
広告主により埋め込まれたコードが呼び出されたとき、アフィリエイトシステム側でそれまでに取得・保存しておいたユーザ情報と照合し、それが特定のアフィリエータの成果であると計上する。

トラッキング方法

1. Cookie

広告を経由したタイミングでユーザにCookie発行する。
サンクスページに辿り着いたときにそのCookieを以っていれば広告を経由したと判断する。

2. IPアドレス

ユーザのIPアドレスが変わる可能性や共有されたIPアドレスを使う場合がある。
ブラウザから得られるその他の情報と組み合わせて照合する必要あり。

3. Flash

Flashクッキー(Shared Object)を用いる。

[PIC] シリアル通信における「同期式」と「非同期式」の違い

2015年1月8日 @84kure

普段上位アプリ開発が主体の自分が、たまに組み込み開発に関わると解らないことばかりで困惑する。

たとえばシリアル通信。何を今更的な基本事項だけど覚え書き。

「シリアル通信」とは？
http://www.picfun.com/cpu12.html

同期 – クロック信号がある
非同期 – クロック信号は無い、スタートビットの長さからタイミングを測る

[C#] Dapperを使ってMS-Accessのデータベースを操作する

2015年1月7日2015年8月21日 @84kure

MS-Accessのデータベースを操作する簡単なアプリをC#で書きたい。なぜC#なのかというと、自分はC#に慣れているから。たぶんVBのほうがサンプルはいろいろありそうだけど、VBはほとんどやったことが無いので。

.NETの適当なクラスを使って書くんだろうなーと思ってネットを検索してみたら、Dapperというフレームワークを使うと楽らしい。

StackExchange/dapper-dot-net · GitHub
https://github.com/StackExchange/dapper-dot-net

ちょっと試してみる。

サンプルアプリ

環境はVisual Studio 2013。DapperはNuGet Package Managerを使ってプロジェクトに追加できる。

1. 新規プロジェクトを作成 (C# – Windows Forms Applications)。

2. [TOOLS]-[NuGet Package Manager]-[Manage NuGet Packages for Solutions…]メニューを選択。

3. 右ペインで[Online]を選択し、左上のサーチボックスに”Dapper dot net”と入力。

4. [Install]ボタンを押下してDapper dot netをインストール。

5. [Close]ボタンを押下してダイアログボックスを閉じる。

するとSolution ExplorerのReferencesにDapperが追加されているはず。

6. テストに使うデータベースに合わせて適当にコードを書く。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using Dapper;

namespace Updater
{
    public class Connection
    {
        public string ConnectionString { get; private set; }
        public Connection()
        {
            var path = System.IO.Path.Combine(System.AppDomain.CurrentDomain.BaseDirectory, "data.mdb");
            ConnectionString = "Provider=Microsoft.ACE.OLEDB.12.0;Data Source=" + path;
        }
    }
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, EventArgs e)
        {
            using (var conn = new System.Data.OleDb.OleDbConnection(new Connection().ConnectionString))
            {
                conn.Open();

                // Look for the records.
                var sql = @"SELECT * FROM users WHERE name like @ItemName";
                var param = "%Suzuki%";
                var rows = conn.Query(sql, new { ItemName = param }).ToList();
                Console.WriteLine("count = {0}", rows.Count);
                foreach (var row in rows)
                {
                    Console.WriteLine(row.name);
                }

                // Update the record.
                sql = @"UPDATE backOrders SET arrival = '2/5/2015' WHERE id = @Id AND arrival IS NULL";
                var count = conn.Execute(sql, new { Id = 123456 });
                Console.WriteLine("count = {0}", count);

                conn.Close();
            }
        }
    }
}

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows.Forms;

using Dapper;

namespace Updater

{

public class Connection

{

public string ConnectionString { get; private set; }

public Connection()

{

var path = System.IO.Path.Combine(System.AppDomain.CurrentDomain.BaseDirectory, "data.mdb");

ConnectionString = "Provider=Microsoft.ACE.OLEDB.12.0;Data Source=" + path;

}

public partial class Form1 : Form

{

public Form1()

{

InitializeComponent();

}

private void button1_Click(object sender, EventArgs e)

{

using (var conn = new System.Data.OleDb.OleDbConnection(new Connection().ConnectionString))

{

conn.Open();

// Look for the records.

var sql = @"SELECT * FROM users WHERE name like @ItemName";

var param = "%Suzuki%";

var rows = conn.Query(sql, new { ItemName = param }).ToList();

Console.WriteLine("count = {0}", rows.Count);

foreach (var row in rows)

{

Console.WriteLine(row.name);

}

// Update the record.

sql = @"UPDATE backOrders SET arrival = '2/5/2015' WHERE id = @Id AND arrival IS NULL";

var count = conn.Execute(sql, new { Id = 123456 });

Console.WriteLine("count = {0}", count);

conn.Close();

}

見通しが良いコードが書ける。いい感じ。

参考サイト

C# + MS Accessで、OLE DB接続にてDapperを使う – メモ的な思考的な
http://thinkami.hatenablog.com/entry/2014/06/17/045753

ORMとかdapper dot netについてお話させていただきました – きよくらの備忘録
http://kiyokura.hateblo.jp/entry/20131014/p1

参考までに、.NET標準のSystem.Data.OleDbを使った例が以下にある。

NonSoft – アクセスMDBを操作するサンプル(C#.NET)
http://homepage2.nifty.com/nonnon/SoftSample/CS.NET/SampleAccessMdb.html

[MySQL] 文字列検索に大小文字を区別する

2015年1月6日2015年8月21日 @84kure

MySQLの文字列型フィールドにおける大小文字区別について調べてみた。

テストデータの作成

テーブルを作る。

CREATE TABLE users (
id INT PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(32)
);

CREATE TABLE users (

id INT PRIMARY KEY AUTO_INCREMENT,

name VARCHAR(32)

);

レコードを追加する。

INSERT INTO users (name) VALUES ('test');
INSERT INTO users (name) VALUES ('TEST');
INSERT INTO users (name) VALUES ('Test');

INSERT INTO users (name) VALUES ('test');

INSERT INTO users (name) VALUES ('TEST');

INSERT INTO users (name) VALUES ('Test');

普通に検索すると大小文字は区別されない

SELECT * FROM users WHERE name = 'test';
+----+------+
| id | name |
+----+------+
|  1 | test |
|  2 | TEST |
|  3 | Test |
+----+------+
3 rows in set (0.00 sec)

SELECT * FROM users WHERE name = 'test';

+----+------+

| id | name |

+----+------+

| 1 | test |

| 2 | TEST |

| 3 | Test |

+----+------+

3 rows in set (0.00 sec)

SELECT * FROM users WHERE name = 'TEST';
+----+------+
| id | name |
+----+------+
|  1 | test |
|  2 | TEST |
|  3 | Test |
+----+------+
3 rows in set (0.00 sec)

SELECT * FROM users WHERE name = 'TEST';

+----+------+

| id | name |

+----+------+

| 1 | test |

| 2 | TEST |

| 3 | Test |

+----+------+

3 rows in set (0.00 sec)

SELECT * FROM users WHERE name = 'Test';
+----+------+
| id | name |
+----+------+
|  1 | test |
|  2 | TEST |
|  3 | Test |
+----+------+
3 rows in set (0.00 sec)

SELECT * FROM users WHERE name = 'Test';

+----+------+

| id | name |

+----+------+

| 1 | test |

| 2 | TEST |

| 3 | Test |

+----+------+

3 rows in set (0.00 sec)

大小文字を区別するにはフィールド属性にBINARYを追加する

ALTER TABLE users MODIFY name VARCHAR(32) BINARY;

1	ALTER TABLE users MODIFY name VARCHAR(32) BINARY;

テーブル作成時にフィールド属性にBINARYを指定しても同様。

CREATE TABLE users (
id INT PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(32) BINARY,
);

CREATE TABLE users (

id INT PRIMARY KEY AUTO_INCREMENT,

name VARCHAR(32) BINARY,

);

BINARY属性が付加された文字列はビット値として比較されるようになるらしい。

SELECT * FROM users WHERE name = 'test';
+----+------+
| id | name |
+----+------+
|  1 | test |
+----+------+
1 row in set (0.00 sec)

SELECT * FROM users WHERE name = 'test';

+----+------+

| id | name |

+----+------+

| 1 | test |

+----+------+

1 row in set (0.00 sec)

SELECT * FROM users WHERE name = 'TEST';
+----+------+
| id | name |
+----+------+
|  2 | TEST |
+----+------+
1 row in set (0.00 sec)

SELECT * FROM users WHERE name = 'TEST';

+----+------+

| id | name |

+----+------+

| 2 | TEST |

+----+------+

1 row in set (0.00 sec)

SELECT * FROM users WHERE name = 'Test';
+----+------+
| id | name |
+----+------+
|  3 | Test |
+----+------+
1 row in set (0.00 sec)

SELECT * FROM users WHERE name = 'Test';

+----+------+

| id | name |

+----+------+

| 3 | Test |

+----+------+

1 row in set (0.00 sec)

あるいは、検索時にBINARY指定を追加する

SELECT * FROM users WHERE name = BINARY 'test';
+----+------+
| id | name |
+----+------+
|  1 | test |
+----+------+
1 row in set (0.10 sec)

SELECT * FROM users WHERE name = BINARY 'test';

+----+------+

| id | name |

+----+------+

| 1 | test |

+----+------+

1 row in set (0.10 sec)

SELECT * FROM users WHERE name = BINARY 'TEST';
+----+------+
| id | name |
+----+------+
|  2 | TEST |
+----+------+
1 row in set (0.00 sec)

SELECT * FROM users WHERE name = BINARY 'TEST';

+----+------+

| id | name |

+----+------+

| 2 | TEST |

+----+------+

1 row in set (0.00 sec)

SELECT * FROM users WHERE name = BINARY 'Test';
+----+------+
| id | name |
+----+------+
|  3 | Test |
+----+------+
1 row in set (0.00 sec)

SELECT * FROM users WHERE name = BINARY 'Test';

+----+------+

| id | name |

+----+------+

| 3 | Test |

+----+------+

1 row in set (0.00 sec)

参考サイト

CHAR型とVARCHAR型 – MySQLのデータ型 – MySQLの使い方
http://www.dbonline.jp/mysql/type/index3.html

[Visual C++] ActiveXの作り方

2015年1月5日2015年8月21日 @84kure

Visual Studio 2013でActiveXを作成する手順メモ。

1. MFC ActiveX Control のプロジェクトを作成。とりあえずオプションは全てデフォルト。

2. ビルドすると以下エラー発生。regsvr32の実行に権限が不足しているらしい。

MSB3075: The command "regsvr32 /s "C:\Temp\TestOcx\Debug\TestOcx.ocx""
exited with code 5. Please verify that you have sufficient rights
to run this command.

MSB3075: The command "regsvr32 /s "C:\Temp\TestOcx\Debug\TestOcx.ocx""

exited with code 5. Please verify that you have sufficient rights

to run this command.

コマンドプロンプトを管理者として実行してコマンドを手打ちしたら通った。

regsvr32 /s "C:\Temp\TestOcx\Debug\TestOcx.ocx"

1	regsvr32 /s "C:\Temp\TestOcx\Debug\TestOcx.ocx"

3. Test.idlからuuidを取得

// Class information for CTestOcxCtrl
[
    uuid(07904A43-EA43-4F7A-A67D-7271BD47C117)
]
coclass Test
{
    [default] dispinterface _DTest;
    [default, source] dispinterface _DTestEvents;
};

// Class information for CTestOcxCtrl

[

uuid(07904A43-EA43-4F7A-A67D-7271BD47C117)

]

coclass Test

{

[default] dispinterface _DTest;

[default, source] dispinterface _DTestEvents;

};

4. テスト用にActiveXを埋め込んだHTMLファイルを作成。

<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="utf-8">
 <title>OCX test</title>
</head>
<body>
  <object id="test" width="300" height="300"
  codebase="./TestOcx.ocx#Version=1,0,0,0"
  classid="CLSID:07904A43-EA43-4F7A-A67D-7271BD47C117"></object>
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

codebase="./TestOcx.ocx#Version=1,0,0,0"

classid="CLSID:07904A43-EA43-4F7A-A67D-7271BD47C117"></object>

</body>

</html>

5. IEでtest.htmlを表示したら動いた。

これをたたき台にして必要な機能を追加していけばよいだろう。

参考サイト

VisualStudio2005によるActiveXコントロール開発 – LangEdge Weblog
http://www.langedge.jp/blog/?itemid=634

VS2005 の C/C++ でつくった MFC ActiveX コントロールを HTML へ貼り付ける – すがブロ
http://sugamasao.hatenablog.com/entry/20070516/1179339385

ActiveX コントロールの作成手順
http://msdn.microsoft.com/ja-jp/library/5xt905y8.aspx

スクリプトおよび初期化を実行しても安全として MFC コントロールにマークする方法
http://support.microsoft.com/kb/161873/ja

[PHP] スクリプトの実行タイムアウトを変更する

2015年1月4日2015年8月21日 @84kure

ローカルのXAMPP環境で、処理時間が長いスクリプトにブラウザからアクセスしたら、以下のメッセージでタイムアウトになった。

Fatal error: Maximum execution time of 30 seconds exceeded in
C:\xampp\htdocs\lib\foo.php on line 264

1 2	Fatal error: Maximum execution time of 30 seconds exceeded in C:\xampp\htdocs\lib\foo.php on line 264

実行タイムアウトを変更するには

グローバルに変更したければ、php.ini の max_execution_time を変更する。

; Maximum execution time of each script, in seconds
; http://php.net/max-execution-time
; Note: This directive is hardcoded to 0 for the CLI SAPI
;max_execution_time=30
max_execution_time=120

; Maximum execution time of each script, in seconds

; http://php.net/max-execution-time

; Note: This directive is hardcoded to 0 for the CLI SAPI

;max_execution_time=30

max_execution_time=120

特定スクリプトだけ変更したければ、set_time_limit()関数を呼ぶ。引数は秒数。ゼロを指定するとタイムアウト無しになる。

set_time_limit(120); // 120 sec
set_time_limit(0); // reset time limit for big files

1 2	set_time_limit(120); // 120 sec set_time_limit(0); // reset time limit for big files

参考サイト

PHPスクリプトの実行時間を制御する(max_execution_time) – hogehoge foobar Blog Style5
http://d.hatena.ne.jp/mrgoofy33/20100922/1285168658
いろんな方法がまとめられていてわかりやすい。

PHP: set_time_limit – Manual
http://php.net/manual/ja/function.set-time-limit.php

[PHP] ウェブサイトの画像やデータをファイルに保存させるには

2015年1月3日2015年8月21日 @84kure

サイト上の画像や動画、PDFファイルなどにブラウザがアクセスしたとき、それらをブラウザ画面に表示させる代わりにファイルへ保存させたいことがある。

そのためには、ファイルに保存するかどうかはブラウザの振る舞いなので、ブラウザがそのように振舞ってくれるように配慮してサーバーからデータを送出する必要がある。

具体的にはHttpの “Content-Disposition” レスポンスヘッダに “attachment” を指定すればよい (ちなみに “inline” を指定すると、ファイル保存されずにブラウザ画面に表示されるらしい)。”filename” でファイル名を指定すると、それがブラウザがファイル保存時のデフォルトファイル名になる。

サンプルコード

“Content-Length” は指定しなくてもほとんどのブラウザで問題なさそうだけど、指定しておくとダウンロード中の進捗表示(パーセント表示)が適切に行われるようになるかも。

$file = "/var/www/html/test.csv";

header("Content-type: text/plain; charset=UTF-8");
header('Content-Length: '.filesize($file));
header('Content-Disposition: attachment; filename='.$file);

readfile($file);

$file = "/var/www/html/test.csv";

header("Content-type: text/plain; charset=UTF-8");

header('Content-Length: '.filesize($file));

header('Content-Disposition: attachment; filename='.$file);

readfile($file);

[Docker] とりあえず動かす

2015年1月2日2015年8月21日 @84kure

Dockerイメージの操作

CentOSのDockerイメージを探す。

$ sudo docker search centos

1	$ sudo docker search centos

オフィシャルビルドの最新版をダウンロードする (リポジトリ:タグ指定)

$ sudo docker pull centos:latest

1	$ sudo docker pull centos:latest

ダウンロードしたイメージを一覧する

$ sudo docker images
REPOSITORY  TAG         IMAGE ID      CREATED     VIRTUAL SIZE
centos      latest      8efe422e6104  3 weeks ago 224 MB

$ sudo docker images

REPOSITORY TAG IMAGE ID CREATED VIRTUAL SIZE

centos latest 8efe422e6104 3 weeks ago 224 MB

イメージを削除する

$ sudo docker rmi 8efe422e6104 (イメージID指定)
$ sudo docker rmi centos:latest (リポジトリ:タグ指定)

1 2	$ sudo docker rmi 8efe422e6104 (イメージID指定) $ sudo docker rmi centos:latest (リポジトリ:タグ指定)

Dockerコンテナの作成と実行

まずは超簡単な例から。

コンテナを作成して”Test123″と表示する

$ sudo docker run centos echo "Test123"
Test123

1 2	$ sudo docker run centos echo "Test123" Test123

実行中のコンテナを一覧する

$ sudo docker ps
CONTAINER ID  IMAGE         COMMAND       CREATED       STATUS        PORTS         NAMES

1 2	$ sudo docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES

全てのコンテナを一覧する

$ sudo docker ps -a
CONTAINER ID  IMAGE         COMMAND       CREATED            STATUS     PORTS               NAMES
bdc664723599  centos:latest echo Test123  About a minute ago Exited (0) About a minute ago  thirsty_leakey

$ sudo docker ps -a

CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES

bdc664723599 centos:latest echo Test123 About a minute ago Exited (0) About a minute ago thirsty_leakey

コンテナを削除する

$ sudo docker rm bdc664723599

1	$ sudo docker rm bdc664723599

参考サイト

「いまさら聞けないDocker入門」最新記事一覧 – ITmedia Keywords
http://www.atmarkit.co.jp/ait/kw/docker_nyumon.html