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

[ソフト] Mileage Keeper – 給油記録アプリ (iPhone)

2016年3月5日2016年3月5日 @84kure

つい先日までは車に載せたメモ帳に給油記録をつけていたんだけど、ちょっとした手落ちでそのメモ帳を無くしてしまった。この機会にiPhoneで給油記録をつけ始めてみようかと思う。デジタルで記録しておけば後で集計できたりして便利かも。とりあえず、標準のNotesアプリに書き始めたんだけど、自由形式なので給油時にササっと記録するのは難しい。

というわけで、無料の給油記録アプリを探したら以下が良かったので覚え書きリンク。

Mileage Keeper (gas mileage / fuel economy tracker) on the App Store
https://itunes.apple.com/us/app/mileage-keeper-gas-mileage/id447546241?mt=8

このアプリは給油記録しかできないのだけど、僕にとってはそのシンプルさがとっても良い。溜まった記録はCSVに吐き出してメールに添付して母艦に送れるようになっている。シンプルでも必要な機能に抜けはない。好感が持てる。

[インフラ] ロードバランサ入門

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

データセンタにはいわゆる鯖管はいるんだけど、なにぶん御用聞き的なアウトソースに過ぎないので、こちらから指示を出さなければ何もしてもらえない。というわけで、インフラ管理も兼任しないといけないのでロードバランサの予備知識も入れておく必要あり。

とりあえず参考になりそうな記事を読み漁って基本を理解しておく。

負荷分散入門(ロードバランサ入門) 第1回負荷分散の必要性 : 富士通
http://fenics.fujitsu.com/products/ipcom/catalog/data/1/1.html

ASCII.jp：アプリケーショントラフィック管理入門
http://ascii.jp/elem/000/000/512/512244/

[仕事術] 文章の書き方

2016年3月3日2016年3月5日 @84kure

以前まとまった文章を書かないといけないなーと思っていたときに流れてきたツイートを覚え書きリンク。難しいこと考えずにコレぐらいのスタンスで書くのが良さげだなと思う。

文章の書き方

1. 箇条書きでとりあえず言いたいことを全部出す。
2. 内容ごとにグループにする。
3. グループ群とグループ内を話の順にソートする。
4. 各文を接続詞で繋ぐ。
5. 繋がった文の論理展開がおかしくないか確認する。
6. 声に出して読んで句点を調整する。

— kougaku (@kougaku) October 31, 2015

[ffmpeg] H.265(HEVC)エンコードを試す。

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

FFmpegの3.0がリリースされたのをきっかけに、H.265エンコーダを試してみた。

H.265とは

FFmpegの公式ドキュメントには以下の説明がある。

H.265 (also known as HEVC) offers 50-75% more compression efficiency compared to H.264 video, while retaining the same visual quality. ffmpeg has support for HEVC encoding using the x265 encoder. Note: libx265 is under heavy development. The API may change.

Encode/H.265 – FFmpeg
https://trac.ffmpeg.org/wiki/Encode/H.265

H.264に比べて圧縮率が50-75%上がっているらしい。ということは、映像品質が同じならファイルサイズが半分から1/4ぐらいになるということか。

Windows版の最新ビルドをダウンロードする

Zeranoe FFmpeg – Builds
http://ffmpeg.zeranoe.com/builds/
Latest Zeranoe FFmpeg Build Version: git-1c7e2cf (2016-03-01)

念のため、H.265が有効になっているか確認。

C:\ffmpeg\bin>ffmpeg
ffmpeg version N-78843-g1c7e2cf Copyright (c) 2000-2016 the FFmpeg developers
built with gcc 5.3.0 (GCC)
configuration: ... --enable-libx265
...

C:\ffmpeg\bin>ffmpeg

built with gcc 5.3.0 (GCC)

configuration: ... --enable-libx265

...

H.264とH.265のエンコード結果を比較する

フォーマットが1980×1080 29.97fps 80Mbpsの10分間の映像をエンコードしてみる。

1. ビットレート共通

H.264とH.265で共に1Mbpsでエンコードしてみる。

以下エンコード結果のファイルサイズ。
– H.264: 81.2MB
– H.265: 81.3MB

目視で画質を確かめると、H.264はブロック状の滲みが気になるけど、1Mbpsならこんなものだろう。しかしその後に観たH.265は、はっきり違いがわかるぐらいに映像品質が良かった。H.264なら4Mbps以上の画質じゃないか。

2. 映像品質共通

公式ドキュメントの以下の記述を参考に、CRF(Constant Rate Factor)を指定してエンコードしてみる。

The CRF of 28 should visually correspond to libx264 video at CRF 23, but result in about half the file size.

以下エンコード結果のファイルサイズとビットレート。
– H.264 (CRF=23): 341MB, 4.64Mbps
– H.265 (CRF=28): 86.4MB, 1.18Mbps

目視で確認すると画質は同じぐらいか。ファイルサイズは1/4になっている。

特にオンライン配信など、ビットレートとファイルサイズを落としたい場合には、H.265はかなり有効そうだな。

[ソフト] uBlock Origin – 広告ブロッカー (Firefox & Google Chrome)

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

軽くて強力なアドブロッカー。

uBlock Origin :: Add-ons for Firefox
https://addons.mozilla.org/ja/firefox/addon/ublock-origin/

uBlock Origin – Chrome ウェブストア
https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm?hl=ja

uBlock – Home
https://www.ublock.org/

uBlock – Wikipedia, the free encyclopedia
https://en.wikipedia.org/wiki/UBlock

[PHP] 日本語テキストを合成する (GD)

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

日本語TrueTypeフォントを使ったテキスト合成のサンプル。

<?php

header("Content-type: image/png");

$width = 600;
$height = 200;

$img = imagecreatetruecolor($width, $height);
$blue = imagecolorallocate($img, 200, 200, 255);
imagefilledrectangle($img, 0, 0, $width-1, $height-1, $blue);

$x = 100;
$y = 100;
$text = "愛されて豊穣の日本語フォント"; 

$font = "fonts/mplus-1mn-bold.ttf";
$black = imagecolorallocate($img, 0, 0, 0);
imagettftext($img, 20, 0, $x, $y, $black, $font, $text);

imagepng($img);
imagedestroy($img);

?>

<?php

header("Content-type: image/png");

$width = 600;

$height = 200;

$img = imagecreatetruecolor($width, $height);

$blue = imagecolorallocate($img, 200, 200, 255);

imagefilledrectangle($img, 0, 0, $width-1, $height-1, $blue);

$x = 100;

$y = 100;

$text = "愛されて豊穣の日本語フォント";

$font = "fonts/mplus-1mn-bold.ttf";

$black = imagecolorallocate($img, 0, 0, 0);

imagettftext($img, 20, 0, $x, $y, $black, $font, $text);

imagepng($img);

imagedestroy($img);

[PHP] 画像を縮小して合成する (GD)

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

画像ファイルを読み込んで縮小して合成するサンプル。

<?php

header("Content-type: image/png");

$width = 600;   // canvas size
$height = 400;

$img = imagecreatetruecolor($width, $height);
$blue = imagecolorallocate($img, 200, 200, 255);
imagefilledrectangle($img, 0, 0, $width-1, $height-1, $blue);

$photo = "images/test.png";
$img1 = imagecreatefrompng($photo);
list($w1, $h1) = getimagesize($photo);

$w = 400;
$h = $w * ($h1 / $w1);
$x = ($width - $w) / 2;
$y = ($height - $h) / 2;
ImageCopyResampled($img, $img1, $x, $y, 0, 0, $w, $h, $w1, $h1);

imagepng($img);
imagedestroy($img);

?>

<?php

header("Content-type: image/png");

$width = 600; // canvas size

$height = 400;

$img = imagecreatetruecolor($width, $height);

$blue = imagecolorallocate($img, 200, 200, 255);

imagefilledrectangle($img, 0, 0, $width-1, $height-1, $blue);

$photo = "images/test.png";

$img1 = imagecreatefrompng($photo);

list($w1, $h1) = getimagesize($photo);

$w = 400;

$h = $w * ($h1 / $w1);

$x = ($width - $w) / 2;

$y = ($height - $h) / 2;

ImageCopyResampled($img, $img1, $x, $y, 0, 0, $w, $h, $w1, $h1);

imagepng($img);

imagedestroy($img);

[PHP] PHPによるPNGの生成 (GD)

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

オフスクリーンで画像をレンダリングするニーズあり。

GDを使えば大抵のことはできそう。まずはマニュアルからサンプルをコピペして動かす。

<?php

header("Content-type: image/png");
$string = $_GET['text'];
$im = imagecreatefrompng("images/button1.png");
$orange = imagecolorallocate($im, 220, 210, 60);
$px = (imagesx($im) - 7.5 * strlen($string)) / 2;
imagestring($im, 3, $px, 9, $string, $orange);
imagepng($im);
imagedestroy($im);

?>

<?php

header("Content-type: image/png");

$string = $_GET['text'];

$im = imagecreatefrompng("images/button1.png");

$orange = imagecolorallocate($im, 220, 210, 60);

$px = (imagesx($im) - 7.5 * strlen($string)) / 2;

imagestring($im, 3, $px, 9, $string, $orange);

imagepng($im);

imagedestroy($im);

参考サイト

PHP: PHP による PNG の生成 – Manual
http://php.net/manual/ja/image.examples-png.php

PHP: GD – Manual
http://php.net/manual/ja/book.image.php

Geekなぺーじ:PHP GDプログラミング
http://www.geekpage.jp/web/php-gd/

[WordPress] WP Security Audit Log – 操作履歴を記録するプラグイン

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

WordPressのセキュリティ強化を謳ったプラグインは山のようにある。実際にSecurityをキーワードにプラグインを検索したら3,843個もヒットした。だけどセキュリティと言っても広い。果たしてそのプラグインがどういったセキュリティをどのように強化してくれるのか。エンジニアの端くれとして押さえておく必要はある。

まず取っ掛かりとして、操作ログをきちんと取って閲覧できるようにしておきたい。それを見て、どんなセキュリティ強化が必要か考えよう。

というわけで、そういったプラグインを探したら以下がヒット。

WP Security Audit Log — WordPress Plugins
https://es.wordpress.org/plugins/wp-security-audit-log/

とりあえず入れてみた。いい感じ。

参考サイト

WP Security Audit Log – The No.1 WordPress User Monitoring Plugin
https://www.wpsecurityauditlog.com/

WP Security Audit Log – A Complete Audit Log Plugin For WordPress – Darknet – The Darkside
http://www.darknet.org.uk/2015/10/wp-security-audit-log-a-complete-audit-log-plugin-for-wordpress/

[jQuery] jQuery Google Map – Google Map APIを操作するプラグイン

2016年2月25日2016年3月2日 @84kure

この先使うことがありそうな気がするので覚え書き。

jQuery Google Map
http://tilotiti.github.io/jQuery-Google-Map/

参考サイト

ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-1291.html