LABO IWASAKI

Other Tips

その他よく使うモノ

よく使う細々したモノたちです。
だいたい覚えてるからメモる必要もないけど…。
たまに追加予定だけど殆ど死にページになるだろな。

もはやここにすら書く事なんてない。
でも他のページとレイアウトを合わせておきたい。
つまり自己満足ですね。いや満足すらしてないな…。

PHP others

small titps

意外と必ず使うようなやつら

$id = trim($id);
$price = number_format($price);
$ref = $_SERVER["HTTP_REFERER"];
$id ='あいうえお';
$ssid = strlen($id);
//   ↓↓↓
// $ssid = 15

$id ='あいうえお';
$uname = mb_strlen($id,"UTF-8");
//   ↓↓↓
// $uname = 5
$place;
switch ($ken) { 
case 1: $place="北海道"; break;
case 2: $place="青森県"; break;
case 3: $place="岩手県"; break;
}

読み込んでるファイル

PHP Files

includeして読み込んでる独自関数

/**---------------------
chars1
------------------------ */
function h($str) {
return htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
}
/**---------------------
chars2
------------------------ */
function hh($str) {
$str = htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
return htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
}
/**---------------------
replace
------------------------ */
function r($str) {
$pattern = '/<|>|\'|\/|\;|\:|%|\(|\)|\.|\"|\\\|\n|\r|\r\n|\s/';
$replacement = '';
return preg_replace($pattern, $replacement, $str);
}
/**---------------------
message
------------------------ */
function mes($str) {
$str = preg_replace('/%/', '%', $str );
$str = preg_replace('/"|\'/', '“', $str );
$str = preg_replace('/\//', '/', $str );
$str = preg_replace('/\)/', ')', $str );
$str = preg_replace('/\(/', '(', $str );
$str = preg_replace('/\;/', ';', $str );
$str = preg_replace('/\:/', ':', $str );
$str = preg_replace('/>/', '>', $str );
$str = preg_replace('/</', '<', $str );
$str = preg_replace('/\/|\\\/', '', $str );
$str = trim(preg_replace("/(\r\n){3,}|\r{3,}|\n{3,}/", "\n\n", $str));
$str = htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
return htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
}

もっと細かく指定してる禁止用語集とかもある。

$message = mse($_POST["message"]);
<?php echo mes($message); ?>

// 短縮可能
<?php echo h($var) ?>

// php 5.4以降なら さらに
<?=h($var)?>

ちょっとしたCSS

CSS Tips

CSSで使えるやつは結構ある。
ちょっとした表現がなかなかできない時ってあるね。
特に僕的にはsafariが嫌い。あいつだけ何か違うのよ。

-webkit-appearance:none;
background-color:#cea17e;
background:-webkit-gradient(linear, left top, left bottom, from(#cea17e), to(#cea17e)); 
-webkit-text-size-adjust: 100%;

ベンダープレフィックスってやつね。
レンダリングソフトを本当に統一してほしい。

あとはボーダーとかplaceholderかなぁ…。
CSSでデザインが決まっちゃうから大変ですね。

box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
::-webkit-input-placeholder { color:#e5e4e7; text-align:center; }
::-ms-input-placeholder { color:#e5e4e7; text-align:center; }
::-moz-placeholder { color:#e5e4e7; text-align:center; }
filter: blur(40px);
background-color: rgba(255,255,255,0.5);
 -webkit-filter: blur(40px);
  -ms-filter: blur(40px);

jsのよく使うモノ

Javascript

Javascriptもよく使うのがありますね。

<a href="javascript:location.reload();">リセット</a>
<a href="#" onClick="history.back(); return false;">もどる</a>
<input type="button" value="印刷する" onClick="print()">
<script>
window.onbeforeunload = function(event){
event = event || window.event;
return event.returnValue = '本当にこのページを離れますか?';}  
</script>