Jul - 14th
くらえiPhone!
Posted at 1:04 pm | Filed Under Apple, Javascript
iPhoneでアクセスしてきたら、とりあえず先に９０度回転しておいて、縦にしても横にしてもずっと画面が傾いたままにしてしまえばいい。（参照）
Safariでアクセスして動いてたからたぶんこれで大丈夫だ。
iPhone専用ページ
update: 実機を借りたので試してみたらだめだった。畜生め。
update2: いちおう動いていた。
update3: くそっ!Windowの幅や高さが変わったら回転するというのはできなかった。画面をフリップさせてもwindow.outerWidthやwindow.outerHeightの値は変わらないらしい。
function flipYou(){
document.body.style['-webkit-transform']='rotate(90deg)';
height = window.outerHeight;
base = 90;
setInterval(function(){
if(height != window,outerHeight){
base += 90;
com = 'rotate(' + base + 'deg)';
document.body.style['-webkit-transform']=com;
height = window.outerHeight;
}
}, 5000);
}
これではちゃんと検知しない。heightをwidthにしてもダメ。
Jun - 11th
クッキーモンスター
Posted at 7:02 pm | Filed Under Fun, Javascript
ファイル名や変数名にはみんないろいろこだわりがあると思うが、同好の士を見つけるとうれしくなる。
live365.comのプレイリスト表示ページのソースだが、クッキーを扱うらしきJavaScriptの名前に驚いた。3年くらい前から、仕事でもクッキーの名前の一部や何かのキー、関数名、変数名に自分でもこの名前を使っていたので。
Apr - 10th
使い道がわからん
Posted at 11:02 am | Filed Under Javascript, PHP
もうすぐ廃止になるJavaScriptのescape関数なのだが、例えばこんな風に文字列をescape関数に渡すと
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script language="javascript">
function test(){
var str = document.getElementById('tibet').innerHTML;
var esc = escape(str);
alert(esc);
}
</script>
</head>
<body>
<div id="tibet">ダライラマ</div>
<button onClick="test();">test</button>
</body>
</html>
alertに表示されるのは「%u30C0%u30E9%u30A4%u30E9%u30DE」という書式になっている文字列で、ようするにescape関数は文字列を%uで始まる16進数のかたまりにする。
これをそのままPHPに渡してデコードするには、
<?php
$str = '%u30C0%u30E9%u30A4%u30E9%u30DE';
$decode = preg_replace_callback("/(%u)([0-9a-zA-Z]+)/", '_decode', $str);
function _decode($array){
return mb_convert_encoding(pack("H*", $array[2]), 'UTF-8', 'UCS-2');
}
?>
こんな感じで処理する。逆に、PHP側で文字列をJavaScriptのescape処理と同様に加工する場合は
<?php
$str = 'ダライラマ';
preg_match_all("/(.)/u", $str, $matches);
foreach($matches[1] as $k => $v){
$matches[1][$k] = '%u' . strtoupper(bin2hex(mb_convert_encoding($v, 'UCS-2', 'UTF-8')));
}
$encode = implode("", $matches[1]);
?>
でできる。
と、ここまではいいのだが、JavaScriptでエスケープ処理された文字列をやり取りして面白いことができないか考えても、特に何も思いつかないので困った。
Oct - 26th
Yahoo! JapanでJavaScriptのエラ＿
Posted at 1:21 am | Filed Under Javascript
Yahoo! Japanのトップページにアクセスすると、デバッグモードにしてLog JavaScript ExceptionsをオンしたSafariではコンソールに
http://www.yahoo.co.jp/:TypeError - Value undefined (result of expression hm.isHomePage) is not object.
というエラーが出てくる。なんだろう。たぶんここに書かれているのと同じだから、Operaでも再現するらしい。というわけでFirefoxで開いてみたのだが、
これじゃねえの？
Oct - 22nd
dieとexit
Posted at 10:35 am | Filed Under Javascript, PHP
exit関数（dieはこのエイリアス）の引数に文字列を渡すと、メッセージとして文字列を出力してスクリプトが終了するのだが。
PHP4.2以降ではintegerを渡すと終了時のステータスコードになる。0は正常終了なので、適時利用すればいい。利用できるのは254までの整数で、255は予約されている。
255を越える値を渡すと無視される。
で、何が言いたいのかというと、
public static function response($str){
header('Expires: ' . gmdate('D, j M Y H:i:s', 1));
print("\xef\xbb\xbf");
die($str);
}
うっかりこんなコードを書くと、$strに整数しか入っていない場合は何も出力されない。Ajaxでサーバ側からのレスポンスを記述するときによくやってしまいがち。
public static function response($str){
header('Expires: ' . gmdate('D, j M Y H:i:s', 1));
print("\xef\xbb\xbf");
print($str);
exit;
}
これが正しい。って、自分がやってしまったわけですが。
Sep - 1st
Prototype Portal Class
Posted at 2:06 am | Filed Under Javascript, Software
コンテンツをブロックに分けて、それぞれをWidgetと称して自由に位置を変更したり非表示にしたりするJavaScriptライブラリ、Prototype Portal Classがyoumosで紹介されている。
PCサイト向けCMSのページ編集機能なんかに使えるな、と思ったら、これってJetspeedの画面みたいだな。
Aug - 15th
TinyMCEとページ内リンクのURL
Posted at 9:41 am | Filed Under Javascript
TinyMCEでページ内のアンカーにリンクを挿入しようとすると、#で始まるURLは勝手に親ページのURLを拾ってきて補完して絶対パスに変換してしまう。
http://hoge.com/hoge.cgiにて動作させる
リンクアイコンをクリック
ポップアップ画面のリンクのところに「#test」と入力
リンクを挿入してポップアップ画面を閉じる
HTMLを確認 ← 「http://hoge.com/hoge.cgi#test」に補完されている
という感じ。該当箇所はlink.js。
// Make anchors absolute
if (href.charAt(0) == '#')
href = tinyMCE.settings['document_base_url'] + href;
これ、仕様なんだけど、いろいろ困るんだよな。
Aug - 1st
総論賛成だが
Posted at 3:32 pm | Filed Under Javascript
「href=”#” onclick”…”」はそろそろやめよう
周囲には「萌え野郎に説教されたかねえや」という声もあったが、総論では賛成。ただし、アンダーライン入れるとか文字色を変えるとかもしないといけない。社内ではfake_linkクラスをCSSに追加している。
Jun - 29th
Tuit: Javascript
Posted at 12:34 pm | Filed Under Javascript, Tuit
IE6でinputタグのname属性を書き換えようとしたらうまく動かない。createElementでname属性を指定できないので困っていたら、こんな情報が：
IE は createElement(’input’) した要素の name 属性を変更することができない。
ではどうすれば良いかと言うと、MSDN にちゃんと書かれている。
var inputElement = document.createElement (’<input type=”text” name=”i_theme” size=”20″>’);ここ笑う（しかない）所ね。ブラウザ分けするのが面倒だが、IE6 のみの環境なら大丈夫だろう。
いや本当に笑うしかない。こういう失敗データベースはMSDN探すしかないのかな。
Jun - 28th
JSLint: eval is evil
Posted at 10:22 pm | Filed Under Javascript
ここのところJavascriptをたくさん書いていて、多分この一ヶ月で書いた量はこれまでの一生に書いた分を越えていると思われるのだが、JSLintの存在を教えてもらった。
こっちはさすがに枯れていて、なるほどと思わせるところもたくさんある。どれも一発で通らなかったのは悲しいが。
しかし一点問題が。JSONの処理用にevalを使っている箇所で
Problem at line 28 character 47: eval is evil.
var res = eval( '(' + xh.responseText + '...
と、身も蓋もないことをいわれてしまう。
追記：「eval is evil」というキーワードで検索してくる人が多いみたいなので追記。JSLintでこのメッセージを出さないようにするには、ページ下部の「Tolerate eval（evalを許容する）」のチェックボックスをオンにしておく。
ちなみにevalについては以下のように説明されている。
eval関数（やFunction、setTimeout、setIntervalなど）を通じてJavaScriptコンパイラへのアクセスが可能になります。JSONのパースには有用ですが、その他のほぼ全ての場合にはコーディングがひどいことになっている証拠です。evalはJavaScriptの中で最も間違って利用されている関数なのです。
JSLintを作った人たちの考え方はこうだから、JSONをパースしている箇所でも無条件に「eval is evil（evalは邪悪です）」と警告される。
keep looking »