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

[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