Browse: Home » _onichannn

_onichannn

【CSS】bootstrap3のレスポンシブを無効にする。

めも。

下記URLより、「non-responsive.css」をダウンロードし読みこめばOK。

http://bootstrap.s1.adexd.net/#disable-responsive

注意点は下記の通り。

<meta name="viewport" content="width=device-width, initial-scale=1.0">を削除する。

<link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
の下に、
<link rel="stylesheet" href="css/non-responsive.css" media="screen">
を追加する。

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>を削除する。

グリッドシステムを使用するときはカラムの設定は必ずcol-xs-*にする。

 

2014/03/19 _onichannn , ,

【HTML】HTMLで日本地図を作る。

タイトル通りのことをしたくて探してたらすばらしいコードを見つけたのでペタリ。

<table border="0" cellspacing="1" cellpadding="2" align="center" class="japan-map">
<tr> 
<td valign="top" colspan="14" rowspan="4"></td>
<td colspan="2" height="60" bgcolor="#66CC00" nowrap align="center" class="act">北海道</td>
</tr>
<tr><td>　</td><td></td></tr>
<tr> 
<td colspan="2" bgcolor="#00CCFF" align="center" class="act">青森</td>
</tr>
<tr> 
<td bgcolor="#00CCFF" class="act">秋田</td>
<td bgcolor="#00CCFF" class="act">岩手</td>
</tr>
<tr> 
<td colspan="10" rowspan="2"></td>
<td rowspan="2" bgcolor="#FF6633" class="act"> 石川</td>
<td colspan="3"></td>
<td bgcolor="#00CCFF" class="act">山形</td>
<td bgcolor="#00CCFF" class="act">宮城</td>
</tr>
<tr> 
<td bgcolor="#FF6633" class="act">富山</td>
<td colspan="2" bgcolor="#FF6633" align="center" class="act">新潟</td>
<td colspan="2" bgcolor="#00CCFF" align="center" class="act">福島</td>
</tr>
<tr> 
<td colspan="9"></td>
<td colspan="2" bgcolor="#FF6633" align="center" class="act">福井</td>
<td rowspan="2" bgcolor="#FF6633" class="act">岐阜</td>
<td rowspan="2" bgcolor="#FF6633" class="act">長野</td>
<td bgcolor="#00CC33" align="center" class="act">群馬</td>
<td bgcolor="#00CC33" class="act">栃木</td>
<td rowspan="2" bgcolor="#00CC33" class="act">茨城</td>
</tr>
<tr> 
<td colspan="4"></td>
<td bgcolor="#6666FF" class="act">山口</td>
<td bgcolor="#6666FF" class="act">島根</td>
<td bgcolor="#6666FF" class="act">鳥取</td>
<td rowspan="2" bgcolor="#FF3399" class="act">兵<br>庫</td>
<td bgcolor="#FF3399" class="act">京都</td>
<td colspan="2" bgcolor="#FF3399" align="center" class="act">滋賀</td>
<td bgcolor="#00CC33" colspan="2" align="center" class="act">埼玉</td>
</tr>
<tr> 
<td rowspan="2" bgcolor="#FF9933" class="act">長<br>崎</td>
<td rowspan="2" bgcolor="#FF9933" class="act">佐<br>賀</td>
<td colspan="2" bgcolor="#FF9933" align="center" class="act">福岡</td>
<td rowspan="5"></td>
<td bgcolor="#6666FF" class="act">広島</td>
<td bgcolor="#6666FF" class="act">岡山</td>
<td bgcolor="#FF3399" class="act">大阪</td>
<td bgcolor="#FF3399" class="act">奈良</td>
<td rowspan="2" bgcolor="#FF3399" class="act">三重</td>
<td bgcolor="#FF6633" class="act">愛知</td>
<td rowspan="2" bgcolor="#FF6633" class="act">静岡</td>
<td bgcolor="#FF6633" align="center" class="act">山梨</td>
<td bgcolor="#00CC33" class="act">東京</td>
<td rowspan="2" bgcolor="#00CC33" class="act">千葉</td>
</tr>
<tr> 
<td rowspan="3" bgcolor="#FF9933" class="act">熊<br>本</td>
<td bgcolor="#FF9933" class="act">大分</td>
<td colspan="3"></td>
<td colspan="2" bgcolor="#FF3399" align="center" class="act">和歌山</td>
<td></td>
<td bgcolor="#00CC33" class="act">神奈川</td>
<td></td>
</tr>
<tr> 
<td colspan="2" rowspan="3"></td>
<td rowspan="2" bgcolor="#FF9933" class="act">宮崎</td>
<td bgcolor="#339966" class="act">愛媛</td>
<td bgcolor="#339966" class="act">香川</td>
<td rowspan="3" colspan="9"> </td>
</tr>
<tr> 
<td bgcolor="#339966" class="act">高知</td>
<td bgcolor="#339966" class="act">徳島</td>
</tr>
<tr> 
<td colspan="2" bgcolor="#FF9933" align="center" class="act">鹿児島</td>
<td colspan="2"></td>
</tr>
<tr> 
<td colspan="2" bgcolor="#FF9933" class="act">沖縄</td>
<td colspan="14"></td>
</tr>
</table>

■デモ

こんなかんじになる。

11

 

2014/03/19 _onichannn , ,

【PHP】文字列をユニコードエンコードする。

素晴らしいコードを発見したのでペタリ。

// 文字列のユニコードデコードを行う
function unicode_decode($str) {
  return preg_replace_callback("/((?:[^\x09\x0A\x0D\x20-\x7E]{3})+)/", "decode_callback", $str);
}

function decode_callback($matches) {
  $char = mb_convert_encoding($matches[1], "UTF-16", "UTF-8");
  $escaped = "";
  for ($i = 0, $l = strlen($char); $i < $l; $i += 2) {
    $escaped .=  "\u" . sprintf("%02x%02x", ord($char[$i]), ord($char[$i+1]));
  }
  return $escaped;
}

// 文字列のユニコードエンコードを行う
function unicode_encode($str) {
  return preg_replace_callback("/\\\\u([0-9a-zA-Z]{4})/", "encode_callback", $str);
}

function encode_callback($matches) {
  $char = mb_convert_encoding(pack("H*", $matches[1]), "UTF-8", "UTF-16");
  return $char;
}

※英数字、及び記号はエスケープされないので注意されたし。
そしてこれ、PHP6からはネイティブで実装されるらしい。いやPHP5で追加してくれよ。

 

2014/03/17 _onichannn , ,

【PHP】波ダッシュを文字列から取り除く。

波ダッシュのせいで色々と詰まりましたよと。

preg_replace('/\xE3\x80\x9C/', '', $string);

これで奴らを無力化出来るじぇじぇじぇ。

 

2014/03/17 _onichannn , ,

【PHP】CakePHPでソケット通信を行う。

ウェブサイト上のページコンテンツなどを取得したい場合に便利。

■GETリクエスト

App::uses('HttpSocket', 'Network/Http');
$HttpSocket = new HttpSocket();
$response = $HttpSocket->get('http://example.com');

■PSOTリクエスト

App::uses('HttpSocket', 'Network/Http');
$HttpSocket = new HttpSocket();
$response = $HttpSocket->post('http://example.com', ['key' => 'value']);

下記ページが大変参考になりました。

http://lennaert.nu/2013/12/01/how-to-use-httpsocket-instead-of-curl-in-cakephp-2/

 

2014/03/17 _onichannn , ,

【PHP】Simple_HTML_DOMの使い方メモ。

自分用。

■HTMLファイルの流し込み方

// 文字列
$html = str_get_html( '<html><head></head><body><p>hoge</p></body></html>' );

// URL
$html = file_get_html( 'http://example.com' );

// HTMLファイル
$html = file_get_html( 'hoge.html' );

■要素の取得方法

// 全てのdiv要素を取得
$res = $html->find('div');

// 見つけたdiv要素の先頭を取得
$res = $html->find('div', 0);

// id="hoge"なdiv要素を取得
$res = $html->find('div[id=hoge]');

// idを持っているdiv要素全てを取得
$res = $html->find('div[id]');

// idを持っている要素全てを取得
$res = $html->find('[id]');

// 全てのdiv要素を取得
$res = $html->find('div');

※基本的にはCSSセレクタと同様の記述が可能。
※find()の第2引数にindexを指定していない場合、マッチした要素が1つであっても結果はつねに配列で返されるため、連結したい場合は必ずindexを指定すること。

例）

$res = $html->find( 'div[id=hoge]', 0)->find( 'div.hoge', 0);

■コンテンツ（中身）を取得する

echo $html->find( 'div', 0)->tag; // Returns: " div"
echo $html->find( 'div', 0)->outertext; // Returns: " <div>foo <b>bar</b></div>"
echo $html->find( 'div', 0)->innertext; // Returns: " foo <b>bar</b>"
echo $html->find( 'div', 0)->plaintext; // Returns: " foo bar"

■メモリを解法する

このライブラリはクッソ重たいのでこまめにメモリを開放して上げる必要がある。
といっても下記メソッドを実行するだけで良い。

$html->clear();

ざっとこんな感じかな。

 

2014/03/17 _onichannn , ,

【Javascript】指定した要素のonChangeイベントを強制発火させる。

メモ。

document.getElementById('id').onchange();

※idは任意のものを指定。

 

2014/03/17 _onichannn , ,

【PHP】cURL VS fread。

ウェブ上のコンテンツを取得する際、cURLとfreadではどちらが早いのか気になったので調べてみた。

結果はstackoverflowで見つけたのでペタリ。

■fread

$start = microtime(true);
$f = fopen('http://example.com','r');

$response = fread($f, 3);
echo $response;

$response = fread($f, 3);
echo $response;

$response = fread($f, 3);
echo $response;

$response = fread($f, 3);
echo $response;

$response = fread($f, 3);
echo $response;

$stop = round(microtime(true) - $start, 5);
echo "{$stop}s";
exit();

■cURL

$start = microtime(true);
$curl = curl_init('http://example.com');
curl_setopt($curl, CURLOPT_BINARYTRANSFER, 1);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);

curl_setopt($curl, CURLOPT_RANGE, "0-2");
$response = curl_exec($curl);
echo $response;

curl_setopt($curl, CURLOPT_RANGE, "3-5");
$response = curl_exec($curl);
echo $response;

curl_setopt($curl, CURLOPT_RANGE, "6-8");
$response = curl_exec($curl);
echo $response;

curl_setopt($curl, CURLOPT_RANGE, "9-11");
$response = curl_exec($curl);
echo $response;

curl_setopt($curl, CURLOPT_RANGE, "12-14");
$response = curl_exec($curl);
echo $response;

curl_close($curl);

$stop = round(microtime(true) - $start, 5);
echo "{$stop}s";
exit();

■result

・fread
1.1 seconds

・cURL
2.5 seconds

■結論
freadのほうが早い模様。
cakePHPのcoreでもcURLじゃなくてfreadが使われてるし、こちらのほうがパフォーマンスに優れているのかな？

 

2014/03/17 _onichannn , ,