端くれプログラマの備忘録 – ページ 52 – 最近はウェブ系アプリ中心、あとWindowsアプリちょっと

[WordPress] 問い合わせフォームプラグイン

2016年4月4日2016年4月9日 @84kure

以下の2つが定番っぽいのでメモ。共に開発は日本人の模様。

Contact Form 7

Contact Form 7
http://contactform7.com/ja/

Contact Form 7プラグイン(問い合わせメールフォームを作成) – WordPressプラグインの一覧
http://www.adminweb.jp/wordpress-plugin/list/index10.html

NW WP Form

Contact Form 7に無い機能として以下がある。

「お問い合わせ画面」「確認画面」「送信完了画面」「エラー画面」を作ることが出来る
メールのデータをデータベース内に保存出来る (保存機能はオフにできる）

問い合わせデータをデータベースに保存することでCRMのようにも使えそう。

MW WP Form
http://plugins.2inc.org/mw-wp-form/

Contact Form7よりも使いやすいお問い合わせフォーム用WordPressプラグインMW WP Formの紹介 | mono-lab
http://www.mono-lab.net/147/

受託案件で活躍しそうなWordPressメールフォームプラグイン「MW WP Form」を使ってみた – マイペースクリエイターの覚え書き
http://mypacecreator.net/blog/archives/2063

[Unix] time – コマンドの実行時間を測定する

2016年4月3日2016年4月8日 @84kure

以下のように先頭にtimeを付けて実行すれば実行すればよし。

$ time <コマンド>

1	$ time <コマンド>

参考サイト

Linuxコマンド集 – 【 time 】指定したコマンドの実行時間を表示する：ITpro
http://itpro.nikkeibp.co.jp/article/COLUMN/20060227/230902/

[PHP] クロージャーが親のスコープから変数を引き継ぐ方法

2016年4月2日2016年4月6日 @84kure

use を使えば引き継げる。覚え書きとして、以下マニュアルからサンプルを抜粋。

<?php
$message = 'hello';

// "use" がない場合
$example = function () {
  var_dump($message);
};
$example();

// $message を引き継ぎます
$example = function () use ($message) {
  var_dump($message);
};
$example();

// 引き継がれた変数の値は、関数が定義された時点のものであり、
// 関数が呼ばれた時点のものではありません
$message = 'world';
$example();

// $message をリセットします
$message = 'hello';

// 参照渡しで引き継ぎます
$example = function () use (&$message) {
  var_dump($message);
};
$example();

// 親のスコープで変更された値が、
// 関数呼び出しの内部にも反映されます
$message = 'world';
$example();

// クロージャは、通常の引数も受け付けます
$example = function ($arg) use ($message) {
  var_dump($arg . ' ' . $message);
};
$example("hello");
?>

<?php

$message = 'hello';

// "use" がない場合

$example = function () {

var_dump($message);

};

$example();

// $message を引き継ぎます

$example = function () use ($message) {

var_dump($message);

};

$example();

// 引き継がれた変数の値は、関数が定義された時点のものであり、

// 関数が呼ばれた時点のものではありません

$message = 'world';

$example();

// $message をリセットします

$message = 'hello';

// 参照渡しで引き継ぎます

$example = function () use (&$message) {

var_dump($message);

};

$example();

// 親のスコープで変更された値が、

// 関数呼び出しの内部にも反映されます

$message = 'world';

$example();

// クロージャは、通常の引数も受け付けます

$example = function ($arg) use ($message) {

var_dump($arg . ' ' . $message);

};

$example("hello");

参考サイト

PHP: 無名関数 – Manual
http://php.net/manual/ja/functions.anonymous.php

PHPでクロージャーを使う – Qiita
http://qiita.com/hugo-sb/items/3e344486658e3cfbd407

[JavaScript] クリックしても何も起きないダミーのアンカー(リンク)

2016年4月1日2016年4月6日 @84kure

デザイナーから上がってきたHTMLファイルに、ページ遷移を必要としないんだけどアンカーが使われている箇所が幾つかあった。

<span class="foo">
    <a href="#">Hello</a>
</span>

<a href="#">Hello</a>

</span>

スタイルシートで “foo a” の見栄えが設定されているけど、アンカーは生きているのでクリックするとページがリロードされてしまう。クリッカブルな挙動はjQueryで制御するとして、HTMLのアンカーとしての機能は殺しておきたい。どうするか。

手っ取り早いのは以下かな。

<span class="foo">
  <a href="javascript:void(0);">Hello</a>
</span>

<a href="javascript:void(0);">Hello</a>

</span>

参考サイト

クリックしても何も起こらないダミーのa要素 – Qiita
http://qiita.com/448jp/items/dbd2e4ee0a6ec500d329

[Unix] split – テキストファイルを分割する

2016年3月31日2016年4月6日 @84kure

バカでかいテキストファイルを処理しやすいように分割したい。もちろん分割は改行位置で行わないと行が分断されてしまう。簡単なプログラムなので自分で書こうかと思ったけど、調べたらそういうコマンドがあったのでそれを使う。

testファイルを1000行ごとに切り出し，”out.”で始まるファイルに順次書き出す。

$ split -l 1000 test out.

1	$ split -l 1000 test out.

すると、アルファベットのシーケンスを拡張子とするファイルが生成される。

out.aa
out.ab
out.ac
...

out.aa

out.ab

out.ac

...

参考サイト

Linuxコマンド集 – 【 split 】ファイルを分割する：ITpro
http://itpro.nikkeibp.co.jp/article/COLUMN/20060227/230888/

[C#] コンソールでキー入力を待つ

2016年3月30日2016年4月6日 @84kure

コンソールアプリで処理経過などをコンソール画面に表示していたりして、処理が終わってもコンソールを自動で閉じて欲しくない場合がある。そういう時は、処理終了時にキー入力待ちにすればいい。簡単なことだけど覚え書き。

Console.ReadKey();

1	Console.ReadKey();

参考サイト

[C#] コンソールをキー入力で一時停止 | Remember The Time
http://www.remember-the-time.xyz/2012/06/c.html

[OpenCV] 顔検出サンプル (C#版)

2016年3月29日2016年3月22日 @84kure

C++のサンプルをOpenCVSharp3を使ってC#に書き直してみた。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using OpenCvSharp;

namespace OpenCVFaceCSharp
{
    class Program
    {
        static Mat detectFaceInImage(Mat image, string cascade_file)
        {
            CascadeClassifier cascade = new CascadeClassifier();
            cascade.Load(cascade_file);
            Rect[] faces = cascade.DetectMultiScale(image, 1.1, 3, 0, new Size(20, 20));

            for (int i = 0; i < faces.Length; i++)
            {
                Cv2.Rectangle(
                    image,
                    new Point(faces[i].X, faces[i].Y),
                    new Point(faces[i].X + faces[i].Width, faces[i].Y + faces[i].Height),
                    new Scalar(0, 200, 0), 3, LineTypes.AntiAlias);
            }
            return image;
        }

        static void Main(string[] args)
        {
            Mat image = Cv2.ImRead("lena.png");
            string filename = "C:\\OpenCV\\sources\\data\\haarcascades\\haarcascade_frontalface_default.xml";
            Mat detectFaceImage = detectFaceInImage(image, filename);
            Cv2.ImShow("detect face", detectFaceImage);
            Cv2.WaitKey(0);
        }
    }
}

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using OpenCvSharp;

namespace OpenCVFaceCSharp

{

class Program

{

static Mat detectFaceInImage(Mat image, string cascade_file)

{

CascadeClassifier cascade = new CascadeClassifier();

cascade.Load(cascade_file);

Rect[] faces = cascade.DetectMultiScale(image, 1.1, 3, 0, new Size(20, 20));

for (int i = 0; i < faces.Length; i++)

{

Cv2.Rectangle(

image,

new Point(faces[i].X, faces[i].Y),

new Point(faces[i].X + faces[i].Width, faces[i].Y + faces[i].Height),

new Scalar(0, 200, 0), 3, LineTypes.AntiAlias);

}

return image;

}

static void Main(string[] args)

{

Mat image = Cv2.ImRead("lena.png");

string filename = "C:\\OpenCV\\sources\\data\\haarcascades\\haarcascade_frontalface_default.xml";

Mat detectFaceImage = detectFaceInImage(image, filename);

Cv2.ImShow("detect face", detectFaceImage);

Cv2.WaitKey(0);

}

[OpenCV] OpenCvSharp3を使う

2016年3月28日2016年3月22日 @84kure

環境はVisual Studio 2015 Community。

1. C#のConsole Applicationを作成

2. Manager NuGet Packages…

3. nuget.orgを”opencvsharp3″で検索

4. OpenCvSharp3-AnyCPUをインストール

5. サンプルコード

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using OpenCvSharp;

namespace OpenCVTestCSharp
{
    class Program
    {
        static void Main(string[] args)
        {
            Mat src = new Mat("lenna.png", ImreadModes.GrayScale);   // OpenCvSharp 3.x
            //Mat src = new Mat("lenna.png", LoadMode.GrayScale); // OpenCvSharp 2.4.x
            Mat dst = new Mat();

            Cv2.Canny(src, dst, 50, 200);
            using (new Window("src image", src))
            using (new Window("dst image", dst))
            {
                Cv2.WaitKey();
            }
        }
    }
}

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using OpenCvSharp;

namespace OpenCVTestCSharp

{

class Program

{

static void Main(string[] args)

{

Mat src = new Mat("lenna.png", ImreadModes.GrayScale); // OpenCvSharp 3.x

//Mat src = new Mat("lenna.png", LoadMode.GrayScale); // OpenCvSharp 2.4.x

Mat dst = new Mat();

Cv2.Canny(src, dst, 50, 200);

using (new Window("src image", src))

using (new Window("dst image", dst))

{

Cv2.WaitKey();

}

6. ビルドして実行

参考サイト

GitHub – shimat/opencvsharp: .NET Framework wrapper for OpenCV
https://github.com/shimat/opencvsharp

OpenCvSharp Namespace
http://shimat.github.io/opencvsharp/html/1bb515b3-6278-49e4-9a33-1054bd279323.htm

schima.hatenablog.com (作者サイト)
http://schima.hatenablog.com/

[OpenCV] OpenCVのC#ラッパー

2016年3月27日2016年3月22日 @84kure

C#でコードを書きたいので、OpenCVのラッパーを探してみた。

NuGet Gallery | OpenCV.NET 3.3.0
https://www.nuget.org/packages/OpenCV.Net/

最終更新から1年以上経過している (2015/2/26)
ダウンロード数がそれほど多くない (のべ 10,230)
OpenCV 2.4.10

NuGet Gallery | OpenCvSharp2 2.4.10.20160316
https://www.nuget.org/packages/OpenCvSharp-AnyCPU/

更新頻度高い (2015年は6回アップデート)
ダウンロード数は多い (のべ　29,638)
OpenCV 3.1対応

OpenCV 3対応の後者がよさげ。試してみよう。

[Elasticsearch] KibanaでApacheアクセスログを可視化する

2016年3月26日2016年3月21日 @84kure

前のエントリでLogstashを使ってApacheアクセスログをElasticsearchに読み込んだ。次はKibanaをインストールして可視化したい。

Kibanaのインストール

$ wget https://download.elastic.co/kibana/kibana/kibana-4.4.2-linux-x64.tar.gz
$ tar zxvf kibana-4.4.2-linux-x64.tar.gz
$ cd kibana-4.4.2-linux-x64
$ vi config/kibana.yml
elasticsearch.url: "http://localhost:9200"

$ wget https://download.elastic.co/kibana/kibana/kibana-4.4.2-linux-x64.tar.gz

$ tar zxvf kibana-4.4.2-linux-x64.tar.gz

$ cd kibana-4.4.2-linux-x64

$ vi config/kibana.yml

elasticsearch.url: "http://localhost:9200"

Kibanaの実行

とりあえず動作確認のためにコマンド叩いて実行。

$ ./bin/kibana
  log   [17:06:02.432] [info][status][plugin:kibana] Status changed from uninitialized to green - Ready
  log   [17:06:02.482] [info][status][plugin:elasticsearch] Status changed from uninitialized to yellow - Waiting for Elasticsearch
  log   [17:06:02.496] [info][status][plugin:kbn_vislib_vis_types] Status changed from uninitialized to green - Ready
  log   [17:06:02.499] [info][status][plugin:markdown_vis] Status changed from uninitialized to green - Ready
  log   [17:06:02.503] [info][status][plugin:metric_vis] Status changed from uninitialized to green - Ready
  log   [17:06:02.506] [info][status][plugin:spyModes] Status changed from uninitialized to green - Ready
  log   [17:06:02.509] [info][status][plugin:statusPage] Status changed from uninitialized to green - Ready
  log   [17:06:02.513] [info][status][plugin:table_vis] Status changed from uninitialized to green - Ready
  log   [17:06:02.576] [info][listening] Server running at http://0.0.0.0:5601
  log   [17:06:07.880] [info][status][plugin:elasticsearch] Status changed from yellow to yellow - No existing Kibana index found
  log   [17:06:14.649] [info][status][plugin:elasticsearch] Status changed from yellow to green - Kibana index ready

$ ./bin/kibana

log [17:06:02.432] [info][status][plugin:kibana] Status changed from uninitialized to green - Ready

log [17:06:02.482] [info][status][plugin:elasticsearch] Status changed from uninitialized to yellow - Waiting for Elasticsearch

log [17:06:02.496] [info][status][plugin:kbn_vislib_vis_types] Status changed from uninitialized to green - Ready

log [17:06:02.499] [info][status][plugin:markdown_vis] Status changed from uninitialized to green - Ready

log [17:06:02.503] [info][status][plugin:metric_vis] Status changed from uninitialized to green - Ready

log [17:06:02.506] [info][status][plugin:spyModes] Status changed from uninitialized to green - Ready

log [17:06:02.509] [info][status][plugin:statusPage] Status changed from uninitialized to green - Ready

log [17:06:02.513] [info][status][plugin:table_vis] Status changed from uninitialized to green - Ready

log [17:06:02.576] [info][listening] Server running at http://0.0.0.0:5601

log [17:06:07.880] [info][status][plugin:elasticsearch] Status changed from yellow to yellow - No existing Kibana index found

log [17:06:14.649] [info][status][plugin:elasticsearch] Status changed from yellow to green - Kibana index ready

ブラウザからアクセス

http://192.168.33.10:5601/

参考サイト

Getting Kibana Up and Running
https://www.elastic.co/guide/en/kibana/4.1/setup.html

Kibana User Guide [4.1]
https://www.elastic.co/guide/en/kibana/4.1/index.html

NginxのアクセスログをKibanaで可視化 – Carpe Diem
http://christina04.hatenablog.com/entry/2016/01/13/194304