2016年2月 – 端くれプログラマの備忘録

[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

[Smarty] モバイルデバイスからのアクセスを識別する

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

バックエンドで識別処理を実装すればいいのだけど、事情によりSmartyテンプレート内で行いたい。

ユーザエージェントで識別するのが定石か。Smartyだと$_SERVER[‘HTTP_USER_AGENT’]を以下のように取得できる。識別処理を確実にするために全て小文字で取得しておく。

{$smarty.server.HTTP_USER_AGENT|lower}

1	{$smarty.server.HTTP_USER_AGENT\|lower}

ユーザエージェント文字列に、部分文字列として以下が含まれるか調べる。

Android
webOS
iPhone
iPad
iPod
BlackBerry
IEMobile
Opera Mini

部分文字列を調べるには以下を使う。もっと効率の良い方法があるかもしれない。

{if $str|regex_replace:'/foo/':'x' ne $str}
    fooが含まれていれば、TRUE
{/if}

{if $str|regex_replace:'/foo/':'x' ne $str}

fooが含まれていれば、TRUE

{/if}

参考: Smarty 文字列検索 | 私的雑録
http://php.o0o0.jp/article/smarty-regex

すると、判定処理は以下のように書ける。

{* determine if mobile device *}       
{assign var="mobile" value=0}
{assign var="user_agent" value=$smarty.server.HTTP_USER_AGENT|lower}
{if $user_agent|regex_replace:'/android/':'x' ne $user_agent}
    {assign var="mobile" value=1}
{/if}
{if $user_agent|regex_replace:'/iphone/':'x' ne $user_agent}
    {assign var="mobile" value=1}
{/if}
{if $user_agent|regex_replace:'/webos/':'x' ne $user_agent}
    {assign var="mobile" value=1}
{/if}
{if $user_agent|regex_replace:'/ipad/':'x' ne $user_agent}
    {assign var="mobile" value=1}
{/if}
{if $user_agent|regex_replace:'/ipod/':'x' ne $user_agent}
    {assign var="mobile" value=1}
{/if}
{if $user_agent|regex_replace:'/blackberry/':'x' ne $user_agent}
    {assign var="mobile" value=1}
{/if}
{if $user_agent|regex_replace:'/iemobile/':'x' ne $user_agent}
    {assign var="mobile" value=1}
{/if}
{if $user_agent|regex_replace:'/opera mini/':'x' ne $user_agent}
    {assign var="mobile" value=1}
{/if}
<!-- mobile = {$mobile},{$user_agent} -->

{* determine if mobile device *}

{assign var="mobile" value=0}

{assign var="user_agent" value=$smarty.server.HTTP_USER_AGENT|lower}

{if $user_agent|regex_replace:'/android/':'x' ne $user_agent}

{assign var="mobile" value=1}

{/if}

{if $user_agent|regex_replace:'/iphone/':'x' ne $user_agent}

{assign var="mobile" value=1}

{/if}

{if $user_agent|regex_replace:'/webos/':'x' ne $user_agent}

{assign var="mobile" value=1}

{/if}

{if $user_agent|regex_replace:'/ipad/':'x' ne $user_agent}

{assign var="mobile" value=1}

{/if}

{if $user_agent|regex_replace:'/ipod/':'x' ne $user_agent}

{assign var="mobile" value=1}

{/if}

{if $user_agent|regex_replace:'/blackberry/':'x' ne $user_agent}

{assign var="mobile" value=1}

{/if}

{if $user_agent|regex_replace:'/iemobile/':'x' ne $user_agent}

{assign var="mobile" value=1}

{/if}

{if $user_agent|regex_replace:'/opera mini/':'x' ne $user_agent}

{assign var="mobile" value=1}

{/if}

[jQuery] Tagsort – タグによる絞込み表示プラグイン

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

フロントエンドだけでタグによる絞込み表示を行うjQueryプラグイン。この先使うことがありそうな気がするので覚え書き。

Tagsort jQuery Plugin – Will Haering
http://wch.io/projects/tagsort/

参考サイト

タグによるフィルタリング機能を実装できるjQueryプラグイン*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-1289.html

[Apache] XAMPP環境でSoftEther VPN Serverとのポート443の競合を解決する

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

SoftEther VPN Serverをインストールした後、XAMPPコントロールパネルを起動したら以下メッセージ。

10:58:10 AM [Apache] Problem detected!
10:58:10 AM [Apache] Port 443 in use by ""C:\Program Files\SoftEther VPN Server\vpnserver_x64.exe" /service" with PID 1020!
10:58:10 AM [Apache] Apache WILL NOT start without the configured ports free!
10:58:10 AM [Apache] You need to uninstall/disable/reconfigure the blocking application
10:58:10 AM [Apache] or reconfigure Apache and the Control Panel to listen on a different port

10:58:10 AM [Apache] Problem detected!

10:58:10 AM [Apache] Port 443 in use by ""C:\Program Files\SoftEther VPN Server\vpnserver_x64.exe" /service" with PID 1020!

10:58:10 AM [Apache] Apache WILL NOT start without the configured ports free!

10:58:10 AM [Apache] You need to uninstall/disable/reconfigure the blocking application

10:58:10 AM [Apache] or reconfigure Apache and the Control Panel to listen on a different port

ポート443 (HTTPS) が競合しているらしい。

SoftEtherを停止すれば解決されるけど、そうするとオフィスの外のスタッフがVPN接続できなくなるので停められない。というわけで、XAMPP側に対策を施すことにする。XAMPPはローカルでのウェブアプリ開発に使っているけど、今の所HTTPSを使う予定は無いので無効化してしまおう。

https-ssl.conf

#
# When we also provide SSL we have to listen to the
# standard HTTP port (see above) and to the HTTPS port
#
##Listen 443 ←コメントアウト

# When we also provide SSL we have to listen to the

# standard HTTP port (see above) and to the HTTPS port

##Listen 443 ←コメントアウト

あるいは、HTTPSのポート番号を変える。適当なプライベートポート番号(49152–65535)を選べばいいだろう。

https-ssl.conf

#
# When we also provide SSL we have to listen to the
# standard HTTP port (see above) and to the HTTPS port
#
Listen 49999

##
## SSL Virtual Host Context
##

<VirtualHost _default_:49999>

# General setup for the virtual host
DocumentRoot "C:/xampp/htdocs"
ServerName www.example.com:49999
ServerAdmin admin@example.com
ErrorLog "C:/xampp/apache/logs/error.log"
TransferLog "C:/xampp/apache/logs/access.log"

# When we also provide SSL we have to listen to the

# standard HTTP port (see above) and to the HTTPS port

Listen 49999

## SSL Virtual Host Context

# General setup for the virtual host

DocumentRoot "C:/xampp/htdocs"

ServerName www.example.com:49999

ServerAdmin admin@example.com

ErrorLog "C:/xampp/apache/logs/error.log"

TransferLog "C:/xampp/apache/logs/access.log"

ポート番号変更後のSSLアクセスは以下のようになる。

https://localhost:49999/

1	https://localhost:49999/

[Python] 2.x系と3.x系のどちらを使うべきか？

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

自分はこれからPythonを始めようというところで、過去の資産が一切無いので3.x系でいいかな。気になるのは、ライブラリの類がどこまで3.x対応されているかということ。

参考サイト

Python のバージョン毎の違いとその吸収方法について – CUBE SUGAR CONTAINER
http://blog.amedama.jp/entry/2015/09/06/204552

Python 2 と Python 3 のどちらを使って開発すべき？ – モラトリアムこじらせた
http://nyagao.hateblo.jp/entry/2014/03/25/210415

[Vagrant] ネットワークカードが複数搭載されたPCでのパブリックネットワーク設定

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

有線と無線の両LANカードを搭載したPCのように、ネットワークカードが複数搭載されたPCでパブリックネットワークを設定する場合には、ブリッジされたインタフェースにどのネットワークインタフェースを使うか指定しないとならない。

都度手動で指定する

Vagrantfileにネットワークインタフェースを指定しないと、VM立ち上げ時に聞いてくる。

Vagrantfile

config.vm.network "public_network"

1	config.vm.network "public_network"

VM起動。

$ vagrant up
Bringing machine 'default' up with 'virtualbox' provider...
==> default: Checking if box 'laravel/homestead' is up to date...
==> default: Clearing any previously set forwarded ports...
==> default: Clearing any previously set network interfaces...
==> default: Available bridged network interfaces:
1) Broadcom NetXtreme 57xx Gigabit Controller
2) Dell Wireless 1540 802.11a/g/n (2.4GHz/5GHz)
==> default: When choosing an interface, it is usually the one that is
==> default: being used to connect to the internet.
  default: Which interface should the network bridge to? 1
==> default: Preparing network interfaces based on configuration...
  default: Adapter 1: nat
  default: Adapter 2: hostonly
  default: Adapter 3: bridged
==> default: Forwarding ports...
  default: 80 (guest) => 8000 (host) (adapter 1)
  default: 443 (guest) => 44300 (host) (adapter 1)
  default: 3306 (guest) => 33060 (host) (adapter 1)
  default: 5432 (guest) => 54320 (host) (adapter 1)
  default: 22 (guest) => 2222 (host) (adapter 1)
==> default: Running 'pre-boot' VM customizations...
==> default: Booting VM...
==> default: Waiting for machine to boot. This may take a few minutes...
  default: SSH address: 127.0.0.1:2222
  default: SSH username: vagrant
  default: SSH auth method: private key
==> default: Machine booted and ready!
==> default: Checking for guest additions in VM...
==> default: Setting hostname...
==> default: Configuring and enabling network interfaces...
==> default: Mounting shared folders...
  default: /vagrant => C:/Users/aidi_dev/Homestead
  default: /home/vagrant/Code => C:/Users/aidi_dev/Code
==> default: Machine already provisioned. Run `vagrant provision` or use the `-- provision`
==> default: flag to force provisioning. Provisioners marked to run always will 　still run.

$ vagrant up

Bringing machine 'default' up with 'virtualbox' provider...

==> default: Checking if box 'laravel/homestead' is up to date...

==> default: Clearing any previously set forwarded ports...

==> default: Clearing any previously set network interfaces...

==> default: Available bridged network interfaces:

1) Broadcom NetXtreme 57xx Gigabit Controller

2) Dell Wireless 1540 802.11a/g/n (2.4GHz/5GHz)

==> default: When choosing an interface, it is usually the one that is

==> default: being used to connect to the internet.

default: Which interface should the network bridge to? 1

==> default: Preparing network interfaces based on configuration...

default: Adapter 1: nat

default: Adapter 2: hostonly

default: Adapter 3: bridged

==> default: Forwarding ports...

default: 80 (guest) => 8000 (host) (adapter 1)

default: 443 (guest) => 44300 (host) (adapter 1)

default: 3306 (guest) => 33060 (host) (adapter 1)

default: 5432 (guest) => 54320 (host) (adapter 1)

default: 22 (guest) => 2222 (host) (adapter 1)

==> default: Running 'pre-boot' VM customizations...

==> default: Booting VM...

==> default: Waiting for machine to boot. This may take a few minutes...

default: SSH address: 127.0.0.1:2222

default: SSH username: vagrant

default: SSH auth method: private key

==> default: Machine booted and ready!

==> default: Checking for guest additions in VM...

==> default: Setting hostname...

==> default: Configuring and enabling network interfaces...

==> default: Mounting shared folders...

default: /vagrant => C:/Users/aidi_dev/Homestead

default: /home/vagrant/Code => C:/Users/aidi_dev/Code

==> default: Machine already provisioned. Run `vagrant provision` or use the `-- provision`

==> default: flag to force provisioning. Provisioners marked to run always will 　still run.

立ち上がったVM上でネットワークカードを確認。テストした環境にはDHCPサーバーがあるので、IPアドレス(192.168.1.16)は自動で振られている。

$ ip a
1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default
  link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00
  inet 127.0.0.1/8 scope host lo
  valid_lft forever preferred_lft forever
  inet6 ::1/128 scope host
  valid_lft forever preferred_lft forever
2: eth0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000
  link/ether 08:00:27:92:2d:f6 brd ff:ff:ff:ff:ff:ff
  inet 10.0.2.15/24 brd 10.0.2.255 scope global eth0
  valid_lft forever preferred_lft forever
  inet6 fe80::a00:27ff:fe92:2df6/64 scope link
  valid_lft forever preferred_lft forever
3: eth1: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000
  link/ether 08:00:27:f9:f8:b9 brd ff:ff:ff:ff:ff:ff
  inet 192.168.10.10/24 brd 192.168.10.255 scope global eth1
  valid_lft forever preferred_lft forever
  inet6 fe80::a00:27ff:fef9:f8b9/64 scope link
  valid_lft forever preferred_lft forever
4: eth2: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000
  link/ether 08:00:27:fc:d8:21 brd ff:ff:ff:ff:ff:ff
  inet 192.168.1.16/24 brd 192.168.1.255 scope global eth2
  valid_lft forever preferred_lft forever
  inet6 fe80::a00:27ff:fefc:d821/64 scope link
  valid_lft forever preferred_lft forever

$ ip a

1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default

link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00

inet 127.0.0.1/8 scope host lo