Notes

CentOS8にAnsibleでPHP7をインストール。

2020.04.14 / Notes

CentOS
PHP

CentOS8になってから、PHPのインストール方法に多少変更がありました。Ansibleでの記述も、それに合わせていくつか変更が必要になります。

はじめに変数は次のように設定しておきます。これはCentOS7と比べて、特に違いはありません。
roles/php/defaults/main.yml

php_version: 7.4
language: Japanese
internal_encoding: UTF-8
encoding_translation: Off
detect_order: auto
filesize: 128M

php_version: 7.4

language: Japanese

internal_encoding: UTF-8

encoding_translation: Off

detect_order: auto

filesize: 128M

シンプルな構成ですが、タスクは次のように記述します。
roles/php/tasks/main.yml

- name: Add EPEL Repository
  dnf:
    name: https://dl.fedoraproject.org/pub/epel/epel-release-latest-8.noarch.rpm
    state: present

- name: Add Remi Repository
  dnf:
    name: https://rpms.remirepo.net/enterprise/remi-release-8.rpm
    state: present

- name: Enable PowerTools
  shell:
    cmd: dnf config-manager --set-enabled PowerTools

- name: Install PHP
  shell:
    cmd: dnf module install -y php:remi-{{ php_version }}

- name: Install Modules
  dnf:
    name: ['php-apcu', 'php-devel', 'php-gd', 'php-mbstring', 'php-mysqlnd', 'php-opcache', 'php-pdo', 'php-pear', 'php-pecl-zip', 'php-xml']
    state: present

- name: Configure PHP
  ini_file:
    path: /etc/php.ini
    section: "{{ item.section }}"
    option: "{{ item.option }}"
    value: "{{ item.value }}"
    backup: "{{ item.backup }}"
  with_items:
    - { section: PHP, option: post_max_size, value: "{{ filesize }}", backup: true }
    - { section: PHP, option: upload_max_filesize, value: "{{ filesize }}", backup: false }
    - { section: Date, option: date.timezone, value: "{{ timezone }}", backup: false }
    - { section: mbstring, option: mbstring.language, value: "{{ language }}", backup: false }
    - { section: mbstring, option: mbstring.internal_encoding, value: "{{ internal_encoding }}", backup: false }
    - { section: mbstring, option: mbstring.encoding_translation, value: "{{ encoding_translation }}", backup: false }
    - { section: mbstring, option: mbstring.detect_order, value: "{{ detect_order }}", backup: false }

- name: Add EPEL Repository

dnf:

name: https://dl.fedoraproject.org/pub/epel/epel-release-latest-8.noarch.rpm

state: present

- name: Add Remi Repository

dnf:

name: https://rpms.remirepo.net/enterprise/remi-release-8.rpm

state: present

- name: Enable PowerTools

shell:

cmd: dnf config-manager --set-enabled PowerTools

- name: Install PHP

shell:

cmd: dnf module install -y php:remi-{{ php_version }}

- name: Install Modules

dnf:

name: ['php-apcu', 'php-devel', 'php-gd', 'php-mbstring', 'php-mysqlnd', 'php-opcache', 'php-pdo', 'php-pear', 'php-pecl-zip', 'php-xml']

state: present

- name: Configure PHP

ini_file:

path: /etc/php.ini

section: "{{ item.section }}"

option: "{{ item.option }}"

value: "{{ item.value }}"

backup: "{{ item.backup }}"

with_items:

- { section: PHP, option: post_max_size, value: "{{ filesize }}", backup: true }

- { section: PHP, option: upload_max_filesize, value: "{{ filesize }}", backup: false }

- { section: Date, option: date.timezone, value: "{{ timezone }}", backup: false }

- { section: mbstring, option: mbstring.language, value: "{{ language }}", backup: false }

- { section: mbstring, option: mbstring.internal_encoding, value: "{{ internal_encoding }}", backup: false }

- { section: mbstring, option: mbstring.encoding_translation, value: "{{ encoding_translation }}", backup: false }

- { section: mbstring, option: mbstring.detect_order, value: "{{ detect_order }}", backup: false }

CentOS8では、PHPのインストールに「dnf module」が必要になりましたが、現状ではAnsible側が対応していないので直接、「cmd」にて実行しています。

- name: Install PHP
  shell:
    cmd: dnf module install -y php:remi-{{ php_version }}

- name: Install PHP

shell:

cmd: dnf module install -y php:remi-{{ php_version }}

また、「php-devel」モジュールをインストールする場合には、「PowerTools」も有効にしておく必要があります。

- name: Enable PowerTools
  shell:
    cmd: dnf config-manager --set-enabled PowerTools

- name: Enable PowerTools

shell:

cmd: dnf config-manager --set-enabled PowerTools

WooCommerceで配送地域を一括登録。

2020.04.10 / Notes

WordPressのECサイト構築プラグインWooCommerceで、配送地域をSQLコマンドで一括登録する際のメモです。
登録する内容は、配送地域と、それぞれの配送地域に含まれる地域（都道府県）、配送方法（定額送料）になります。

-- 配送地域を登録
INSERT INTO `wp_woocommerce_shipping_zones` (`zone_id`, `zone_name`, `zone_order`) VALUES
(1,	'北海道',	0),
(2,	'東北',	0),
(3,	'関東',	0),
(4,	'甲信越',	0),
(5,	'北陸',	0),
(6,	'東海',	0),
(7,	'関西',	0),
(8,	'中国',	0),
(9,	'四国',	0),
(10,	'九州',	0),
(11,	'沖縄',	0);

-- 各配送地域に地域（都道府県）を登録
INSERT INTO `wp_woocommerce_shipping_zone_locations` (`location_id`, `zone_id`, `location_code`, `location_type`) VALUES
(1,	1,	'JP:JP01',	'state'),
(2,	2,	'JP:JP02',	'state'),
(3,	2,	'JP:JP03',	'state'),
(4,	2,	'JP:JP04',	'state'),
(5,	2,	'JP:JP05',	'state'),
(6,	2,	'JP:JP06',	'state'),
(7,	2,	'JP:JP07',	'state'),
(8,	3,	'JP:JP08',	'state'),
(9,	3,	'JP:JP09',	'state'),
(10,	3,	'JP:JP10',	'state'),
(11,	3,	'JP:JP11',	'state'),
(12,	3,	'JP:JP12',	'state'),
(13,	3,	'JP:JP13',	'state'),
(14,	3,	'JP:JP14',	'state'),
(15,	4,	'JP:JP15',	'state'),
(16,	4,	'JP:JP19',	'state'),
(17,	4,	'JP:JP20',	'state'),
(18,	5,	'JP:JP16',	'state'),
(19,	5,	'JP:JP17',	'state'),
(20,	5,	'JP:JP18',	'state'),
(21,	6,	'JP:JP21',	'state'),
(22,	6,	'JP:JP22',	'state'),
(23,	6,	'JP:JP23',	'state'),
(24,	6,	'JP:JP24',	'state'),
(25,	7,	'JP:JP25',	'state'),
(26,	7,	'JP:JP26',	'state'),
(27,	7,	'JP:JP27',	'state'),
(28,	7,	'JP:JP28',	'state'),
(29,	7,	'JP:JP29',	'state'),
(30,	7,	'JP:JP30',	'state'),
(31,	8,	'JP:JP31',	'state'),
(32,	8,	'JP:JP32',	'state'),
(33,	8,	'JP:JP33',	'state'),
(34,	8,	'JP:JP34',	'state'),
(35,	8,	'JP:JP35',	'state'),
(36,	9,	'JP:JP36',	'state'),
(37,	9,	'JP:JP37',	'state'),
(38,	9,	'JP:JP38',	'state'),
(39,	9,	'JP:JP39',	'state'),
(40,	10,	'JP:JP40',	'state'),
(41,	10,	'JP:JP41',	'state'),
(42,	10,	'JP:JP42',	'state'),
(43,	10,	'JP:JP43',	'state'),
(44,	10,	'JP:JP44',	'state'),
(45,	10,	'JP:JP45',	'state'),
(46,	10,	'JP:JP46',	'state'),
(47,	11,	'JP:JP47',	'state');

-- 各配送地域に配送方法（定額送料）を登録
INSERT INTO `wp_woocommerce_shipping_zone_methods` (`zone_id`, `instance_id`, `method_id`, `method_order`, `is_enabled`) VALUES
(1,	1,	'flat_rate',	1,	1),
(2,	2,	'flat_rate',	1,	1),
(3,	3,	'flat_rate',	1,	1),
(4,	4,	'flat_rate',	1,	1),
(5,	5,	'flat_rate',	1,	1),
(6,	6,	'flat_rate',	1,	1),
(7,	7,	'flat_rate',	1,	1),
(8,	8,	'flat_rate',	1,	1),
(9,	9,	'flat_rate',	1,	1),
(10,	10,	'flat_rate',	1,	1),
(11,	11,	'flat_rate',	1,	1);

-- 配送地域を登録

INSERT INTO `wp_woocommerce_shipping_zones` (`zone_id`, `zone_name`, `zone_order`) VALUES

(1, '北海道', 0),

(2, '東北', 0),

(3, '関東', 0),

(4, '甲信越', 0),

(5, '北陸', 0),

(6, '東海', 0),

(7, '関西', 0),

(8, '中国', 0),

(9, '四国', 0),

(10, '九州', 0),

(11, '沖縄', 0);

-- 各配送地域に地域（都道府県）を登録

INSERT INTO `wp_woocommerce_shipping_zone_locations` (`location_id`, `zone_id`, `location_code`, `location_type`) VALUES

(1, 1, 'JP:JP01', 'state'),

(2, 2, 'JP:JP02', 'state'),

(3, 2, 'JP:JP03', 'state'),

(4, 2, 'JP:JP04', 'state'),

(5, 2, 'JP:JP05', 'state'),

(6, 2, 'JP:JP06', 'state'),

(7, 2, 'JP:JP07', 'state'),

(8, 3, 'JP:JP08', 'state'),

(9, 3, 'JP:JP09', 'state'),

(10, 3, 'JP:JP10', 'state'),

(11, 3, 'JP:JP11', 'state'),

(12, 3, 'JP:JP12', 'state'),

(13, 3, 'JP:JP13', 'state'),

(14, 3, 'JP:JP14', 'state'),

(15, 4, 'JP:JP15', 'state'),

(16, 4, 'JP:JP19', 'state'),

(17, 4, 'JP:JP20', 'state'),

(18, 5, 'JP:JP16', 'state'),

(19, 5, 'JP:JP17', 'state'),

(20, 5, 'JP:JP18', 'state'),

(21, 6, 'JP:JP21', 'state'),

(22, 6, 'JP:JP22', 'state'),

(23, 6, 'JP:JP23', 'state'),

(24, 6, 'JP:JP24', 'state'),

(25, 7, 'JP:JP25', 'state'),

(26, 7, 'JP:JP26', 'state'),

(27, 7, 'JP:JP27', 'state'),

(28, 7, 'JP:JP28', 'state'),

(29, 7, 'JP:JP29', 'state'),

(30, 7, 'JP:JP30', 'state'),

(31, 8, 'JP:JP31', 'state'),

(32, 8, 'JP:JP32', 'state'),

(33, 8, 'JP:JP33', 'state'),

(34, 8, 'JP:JP34', 'state'),

(35, 8, 'JP:JP35', 'state'),

(36, 9, 'JP:JP36', 'state'),

(37, 9, 'JP:JP37', 'state'),

(38, 9, 'JP:JP38', 'state'),

(39, 9, 'JP:JP39', 'state'),

(40, 10, 'JP:JP40', 'state'),

(41, 10, 'JP:JP41', 'state'),

(42, 10, 'JP:JP42', 'state'),

(43, 10, 'JP:JP43', 'state'),

(44, 10, 'JP:JP44', 'state'),

(45, 10, 'JP:JP45', 'state'),

(46, 10, 'JP:JP46', 'state'),

(47, 11, 'JP:JP47', 'state');

-- 各配送地域に配送方法（定額送料）を登録

INSERT INTO `wp_woocommerce_shipping_zone_methods` (`zone_id`, `instance_id`, `method_id`, `method_order`, `is_enabled`) VALUES

(1, 1, 'flat_rate', 1, 1),

(2, 2, 'flat_rate', 1, 1),

(3, 3, 'flat_rate', 1, 1),

(4, 4, 'flat_rate', 1, 1),

(5, 5, 'flat_rate', 1, 1),

(6, 6, 'flat_rate', 1, 1),

(7, 7, 'flat_rate', 1, 1),

(8, 8, 'flat_rate', 1, 1),

(9, 9, 'flat_rate', 1, 1),

(10, 10, 'flat_rate', 1, 1),

(11, 11, 'flat_rate', 1, 1);

登録後は次のようになります。

配送地域
都道府県の「JP01〜JP47」は北海道から沖縄に該当しますが、一覧はこちら。

JP01：北海道
JP02：青森県
JP03：岩手県
JP04：宮城県
JP05：秋田県
JP06：山形県
JP07：福島県
JP08：茨城県
JP09：栃木県
JP10：群馬県
JP11：埼玉県
JP12：千葉県
JP13：東京都
JP14：神奈川県
JP15：新潟県
JP16：富山県
JP17：石川県
JP18：福井県
JP19：山梨県
JP20：長野県
JP21：岐阜県
JP22：静岡県
JP23：愛知県
JP24：三重県
JP25：滋賀県
JP26：京都府
JP27：大阪府
JP28：兵庫県
JP29：奈良県
JP30：和歌山県
JP31：鳥取県
JP32：島根県
JP33：岡山県
JP34：広島県
JP35：山口県
JP36：徳島県
JP37：香川県
JP38：愛媛県
JP39：高知県
JP40：福岡県
JP41：佐賀県
JP42：長崎県
JP43：熊本県
JP44：大分県
JP45：宮崎県
JP46：鹿児島県
JP47：沖縄県

JP01：北海道

JP02：青森県

JP03：岩手県

JP04：宮城県

JP05：秋田県

JP06：山形県

JP07：福島県

JP08：茨城県

JP09：栃木県

JP10：群馬県

JP11：埼玉県

JP12：千葉県

JP13：東京都

JP14：神奈川県

JP15：新潟県

JP16：富山県

JP17：石川県

JP18：福井県

JP19：山梨県

JP20：長野県

JP21：岐阜県

JP22：静岡県

JP23：愛知県

JP24：三重県

JP25：滋賀県

JP26：京都府

JP27：大阪府

JP28：兵庫県

JP29：奈良県

JP30：和歌山県

JP31：鳥取県

JP32：島根県

JP33：岡山県

JP34：広島県

JP35：山口県

JP36：徳島県

JP37：香川県

JP38：愛媛県

JP39：高知県

JP40：福岡県

JP41：佐賀県

JP42：長崎県

JP43：熊本県

JP44：大分県

JP45：宮崎県

JP46：鹿児島県

JP47：沖縄県

phpMyAdminやWP-DBManagerのようなプラグインからSQLコマンドを実行できますが、事前にバックアップをとってから慎重に行った方が良いです。

Drupal8で「node.html.twig」をURLエイリアスごとに振り分ける際のメモ。

2020.04.03 / Notes

ノード用テンプレート「node.html.twig」でURLエイリアスに基づいて、テンプレートファイルの命名規則を追加します。
例えば「company」ページの場合「node-company.html.twig」といった命名規則になります。

function THEME_NAME_theme_suggestions_node_alter(array &$suggestions, array $variables) {
	if (\Drupal::routeMatch()->getParameter('node')) {
		$alias = \Drupal::request()->getPathInfo();
		$alias = ltrim($alias, '/');
		$alias = ($alias) ? $alias : 'front';
		$suggestions[] = 'node__'.str_replace('/', '_', $alias);
	}
}

function THEME_NAME_theme_suggestions_node_alter(array &$suggestions, array $variables) {

if (\Drupal::routeMatch()->getParameter('node')) {

$alias = \Drupal::request()->getPathInfo();

$alias = ltrim($alias, '/');

$alias = ($alias) ? $alias : 'front';

$suggestions[] = 'node__'.str_replace('/', '_', $alias);

}

上記ではトップページの場合「node-front.html.twig」に、「company/about」ページの場合「node-company-about.html.twig」となるようにしています。

サイトをリニューアルしました。

2019.06.17 / Notes

Other

当サイトのデザインテーマを一新して、リニューアルしました。
今回は、非常にシンプルな構成にしています。

JavaScriptのアニメーション用ライブラリ「TweenMax」。

2016.04.19 / Notes

高機能アニメーション用ライブラリ「TweenMax」を使ってみました。
JavaScriptによるアニメーションのライブラリはいくつかありますが、その中でも「TweenMax」はパフォーマンスも高く、機能も豊富です。
サンプルはこちら

単純なアニメーションであれば、下記のように書くことができます。

//TweenMax.to(要素, 秒数, プロパティ);
TweenMax.to("#box1", 1, {scale:2});

1 2	//TweenMax.to(要素, 秒数, プロパティ); TweenMax.to("#box1", 1, {scale:2});

もう少し複雑なアニメーションの場合には、TimelineLiteクラスを利用したほうが良いかもしれません。

var tl = new TimelineLite();
tl.to("#box2", 1, {scale:2}).to("#box2", 1, {rotation:90}).to("#box2", 1, {scale:1});

1 2	var tl = new TimelineLite(); tl.to("#box2", 1, {scale:2}).to("#box2", 1, {rotation:90}).to("#box2", 1, {scale:1});

TimelineLiteクラスでは、メソッドチェーンで連続したアニメーションを作成できます。

上記では「TweenMax」「TimelineLite」を使っていますが、その他に「TweenLite」「TimelineMax」があります。
名称の通りMaxが付く方が全機能版で、Liteは軽量版になります。
SVGやCanvasにも使えるので、アニメーションの作成には重宝しそうです。

TweenMax（GSAP）