東京発、雲に乗って

2023年7月4日2023年10月3日

【PHP8】create_function を eval に置きかえる

以前も書きましたが、既存システムのPHP8対応の依頼を受けることが増えてきました。

PHP8ではcreate_functionが使用できなくなりましたので
代わりにevalを使用します。

コードを文字列として動的に生成して実行したい場合などで
create_functionを使用していた方もいると思います。

$func = create_function("", "return $code;");
return $func();

1 2	$func = create_function("", "return $code;"); return $func();

evalで同じことができます。

eval('$ret = ' . $code . ';');
return $ret;

1 2	eval('$ret = ' . $code . ';'); return $ret;

2023年6月26日2023年10月3日

サイズが合ってなくても気にしない

サイズが合ってなくても気にしない著者

2023年5月25日2023年10月3日

【PHP8】while – each を foreach に置きかえる

既存システムのPHP8対応の依頼を受けることが増えてきました。

PHP8ではeachが使用できなくなりましたので

while(list($key, $value) = each($data)) {
}

1 2	while(list($key, $value) = each($data)) { }

のような構文はforeachに置きかえます

foreach($data as $key => $value) {
}

1 2	foreach($data as $key => $value) { }

2023年4月13日2023年10月3日

Linuxでunzipしたら文字化けするときの対応

Windowsで作成されたzipファイルをLinuxでunzipすると
日本語のファイル名が文字化けすることがあります。

対策１：エンコード
unzipの-Oオプションを使ってエンコードを指定すれば解決する場合があります。

unzip -Ocp932 (zipファイル)

1	unzip -Ocp932 (zipファイル)

対策２：unar
しかし、対策１でも解決しないケースや、元のエンコードが不明な場合は
unzipの代わりに、エンコードを自動判別してくれるunarを使いましょう。

unar (zipファイル)

1	unar (zipファイル)

unarがインストールされていなければ

yum install unar

1	yum install unar

（CentOS系）

2023年3月29日2023年10月3日

【canvas】canvasで普通の矢印を描く（実線、破線）

canvasで普通の矢印を描きます。
ポイントは
・デザインに凝ってない単純な矢印。
・三角関数を使って任意の向きに。
・線の部分を破線にできる。

まずcanvasエリアを用意

<canvas id="canvas_view"></canvas>

1	<canvas id="canvas_view"></canvas>

矢印描画関数を作る

<script>
function draw_arrow(ctx, x1, y1, x2, y2, color, dash) {
  var ar_l = 20;
  
  ctx.beginPath();
  switch(dash) {
    case 'solid':
      ctx.setLineDash([]);
      break;
    case 'dashed':
      ctx.setLineDash([6, 4]);
      break;
  }
  ctx.moveTo(x1, y1);
  ctx.lineTo(x2, y2);
  ctx.strokeStyle = color;
  ctx.lineWidth = 2;
  ctx.stroke();

  var dx = x2 - x1;
  var ax = Math.sign(dx);
  var dy = y2 - y1;
  var ay = Math.sign(dy);
  var len = Math.sqrt(dx * dx + dy * dy);
  var cos = Math.acos(dx / len) / Math.PI * 180;
  var sin = Math.asin(dy / len) / Math.PI * 180;

  var x2_a1 = x2 + ar_l * Math.cos((cos + ax * 150) * Math.PI / 180);
  var y2_a1 = y2 + ar_l * Math.sin((sin + ay * 150) * Math.PI / 180);
  var x2_a2 = x2 + ar_l * Math.cos((cos - ax * 150) * Math.PI / 180);
  var y2_a2 = y2 + ar_l * Math.sin((sin - ay * 150) * Math.PI / 180);

  ctx.beginPath();
  ctx.setLineDash([]);
  ctx.moveTo(x2, y2);
  ctx.lineTo(x2_a1, y2_a1);
  ctx.lineTo(x2_a2, y2_a2);
  ctx.lineTo(x2, y2);
  ctx.fillStyle = color;
  ctx.fill();
  ctx.strokeStyle = color;
  ctx.lineWidth = 1;
  ctx.stroke();
}
</script>

function draw_arrow(ctx, x1, y1, x2, y2, color, dash) {

var ar_l = 20;

ctx.beginPath();

switch(dash) {

case 'solid':

ctx.setLineDash([]);

break;

case 'dashed':

ctx.setLineDash([6, 4]);

break;

}

ctx.moveTo(x1, y1);

ctx.lineTo(x2, y2);

ctx.strokeStyle = color;

ctx.lineWidth = 2;

ctx.stroke();

var dx = x2 - x1;

var ax = Math.sign(dx);

var dy = y2 - y1;

var ay = Math.sign(dy);

var len = Math.sqrt(dx * dx + dy * dy);

var cos = Math.acos(dx / len) / Math.PI * 180;

var sin = Math.asin(dy / len) / Math.PI * 180;

var x2_a1 = x2 + ar_l * Math.cos((cos + ax * 150) * Math.PI / 180);

var y2_a1 = y2 + ar_l * Math.sin((sin + ay * 150) * Math.PI / 180);

var x2_a2 = x2 + ar_l * Math.cos((cos - ax * 150) * Math.PI / 180);

var y2_a2 = y2 + ar_l * Math.sin((sin - ay * 150) * Math.PI / 180);

ctx.beginPath();

ctx.setLineDash([]);

ctx.moveTo(x2, y2);

ctx.lineTo(x2_a1, y2_a1);

ctx.lineTo(x2_a2, y2_a2);

ctx.lineTo(x2, y2);

ctx.fillStyle = color;

ctx.fill();

ctx.strokeStyle = color;

ctx.lineWidth = 1;

ctx.stroke();

}

</script>

関数を呼ぶ

<script>
window.onload = function() {
  var canvas = document.getElementById('canvas_view');
  canvas.width = 300;
  canvas.height = 300;
  var ctx = canvas.getContext('2d');

  draw_arrow(ctx, 100, 100, 250, 200, 'red', 'solid');
  draw_arrow(ctx, 50, 150, 200, 50, 'blue', 'dashed');
}
</script>

window.onload = function() {

var canvas = document.getElementById('canvas_view');

canvas.width = 300;

canvas.height = 300;

var ctx = canvas.getContext('2d');

draw_arrow(ctx, 100, 100, 250, 200, 'red', 'solid');

draw_arrow(ctx, 50, 150, 200, 50, 'blue', 'dashed');

}

</script>

実行結果