メモルゼ - JAVA PHP Perl Postgres MySQL AJAX JavaScript CSS HTML SEO テクニック
見つけたテクなどを紹介というか自分メモ
12 | 2012/01 | 02
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。
アクセス解析モープラ
「Google Analytics」などPCサイト用のアクセス解析はいくつもありますが、携帯からは確認することは簡単ではない上にリアルタイムで解析できません。

このアプリはブログやホームページの閲覧者をリアルタイムに携帯から確認できるiアプリです。

アクセス解析 モープラ

PCどれにしようかな


CLUB Panasonic My MALL(マイモール)は、パナソニックグループの公式直販サイトです。店頭では購入できないWEB限定商品、次期商品開発にお客様の声を生かすための新商品モニター販売、5000品番以上の消耗品・付属品・オプションなど、パナソニックグループの様々な商品を提供しています。おトクなキャンペーンも随時実施しています!
IE6以下に偽min-width
IE6以下のみmin-widthもどきを実装します。
IE6の判定は
document.documentElement.style.msInterpolationMode
window.execScript
で行っています。あと念押しでIFタグも利用した。
仕組みは、TABLEで囲みmin-width幅の画像を差し込んでおしまい。

よくあるCSS技の
width: expression(document.body.clientWidth < 602? "600px" : "auto");
と違い常に監視せず、負荷のない安定したmin-widthが出来る。

</body>
<![if lte IE 6 ]><script type="text/javascript" src="ie6.js"></script><![endif]>
</html>

上にように「閉じbody」のすぐ後に書く

デモ:(IE6以下で)
ie6.html

ダウンロード:
ie6.html
ie6.js
ie6.gif

TABLEとツッカエ棒を使うなんてやり方が素人っぽい?
使えるものは使う、どうせソースなんて誰も見てやしない
作り手のプライドなんて邪魔なだけ、と自分メモ
ルビ(ruby)とブリンク(blink)を互換
クロスブラウザってもう死語なんだろうか。
まあ、考えるのは時間がもったいないのでやめとこう

【ルビ】
<ruby><rb>蟋蟀</rb><rp>(</rp><rt>きりぎりす</rt><rp>)</rp></ruby>
IE : ○
FireFox : ×
Safari(Chrome) : ×
Opera : ×

【ブリンク】
<blink>点滅</blink>
IE : ×
FireFox : ○
Safari(Chrome) : ×
Opera : ○

という状況なので、どのブラウザでも表示させたいって時の話

<![if !IE]><link rel="stylesheet" type="text/css" href="ruby.css" /><![endif]>
<script type="text/javascript" src="blink.js"></script>

ダウンロード:
ruby.css
blink.js

デモ:
青信号(あおしんごう)点滅した。
ルー大柴(トゥギャザー)しようぜ。

よく覚えてないけど、昔に
どっかから貰ってきたのをちょっと弄ったもの
どこか探そうと思ったけど面倒なのでやめた

とりあえず動いてるからいいや

blink.jsの方、window.onloadじゃなくreadyを使ったけど好きにしてね
と自分に言う
スピンボックス

あちこちスピンボックスを探し回ったけど、
なんか自分が求めたものは見つからなかった。

・マウスの押しっぱなしでも数字が増えたり減ったりしたい
・マウスのホイールで増えたり減ったりさせたい
・マウスのホイール中はページをスクロールしないようにしたい
・挙動がよく使うwindowsのスピンボックスに近づけたい

ということで、一番改造しやすかったのを貰ってきて、
あれこれと足して2で割って飯食って寝たらいい感じになった。

<script src="jquery.js"></script>
<script src="jquery_spinbox.js"></script>
<link type="text/css" href="jquery_spinbox.css" />




<input type="text" class="spinbox" value="0" maxlength="3" size="3" alt="99,0,true" />

type : textのみ
class : spinboxと指定
value : 初期値
maxlength : 桁
size : 文字幅
alt : 最大値 , 最小値 , 手入力禁止(true/false)

9〜999
0〜9
2〜99




ダウンロード:
jquery_spinbox.js
jquery_spinbox.css

画像:
spin-button.png spin-up.png spin-down.png


また必要かも知らないからライブラリ化しといた
自分用なので、適当でいいんです

動けば問題ない


postgresを高速化
postgresでは
selectの前に「EXPLAIN ANALYZE」と書くとどこに時間がかかったかや
インデックスかそうでないかのスキャン方法が分かります。

あと試してないけど、
int2とint8はクオートで囲まないとインデックス扱いにならないそうです。

それにしてもmysqlにある「SQL_CALC_FOUND_ROWS」はなんて便利なんだろう
当たり前のように使ってたものがpostgresには無いので不便

人それぞれだろうけど、
postgresはJAVA用に使うと相性がいい?
まあ別にどうでもいい。深く考えるところじゃない
ビグザムちゃん
ビグザム
某オークションでビグザムちゃんを購入いたしました。

ファーストガンダムに登場する悪役で最大級の巨大さを誇るモビルアーマー・ビグザムちゃん。

テレビの前におくとテレビが見えなくなるほどビッグスケールなオブジェです。

そしてその価格はなんと800円で御座います。快く売って頂いた方に感謝しております。

携帯で写真を撮ってばかりいる私を見て「この人と結婚していいんだろうか」と言われました。

大丈夫、いいんです!

セッションが切れる
勝手にセッションが切れて困るって時はAJAXを使うといい
prototypeかjqueryを使ってムリから常時接続をしておく
以下の例は1分毎にセッションを更新する仕組み




【prototypeの場合】

function sessionReload(){
new Ajax.Request("session.php",{
method:"post",
parameters:"rnd="+(Math.random()*10000),
onSuccess:function(){}
});
}

var exec=new PeriodicalExecuter(sessionReload,60);




【jqueryの場合】

function sessionReload(){
$.ajax({
type: "POST",
url: "session.php",
data: "rand"+(Math.random()*10000)
});
}

var exec=setTimeout(function(){
sessionReload();setTimeout(arguments.callee,6000);},6000);


無理からなのは分かってる。
セッションが切れなきゃそれでいい
IE以外でonload=
IE以外でonload=""をブラウザの戻る進むでも実行させる方法

onunloadを入れる
たとえばこんなん
<body onload="" onunload>

そうするとなぜか動き出す。
理由なんてどうでもいい、動けば問題ない




カレンダー

12 | 2012/01 | 02
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

検索フォーム

リンク

RSSフィード