suzrinブログ

明日のドライブ予定ルート！

JQueryでのイベントハンドラへのAttach

JQuey1.7から.bind()、.delegate()、.live()が
.on()、.off()
に統合されてます。よく忘れるのでメモ！
<div id="outer"><p id="inner">くりっく！</p></div>
.bind()は
$('#inner').on('click.hoge',function(){});
.delegate()は
$('#outer').on('click.hoge','#inner',function(){});
.live()は
$(document).on('click.hoge','#inner',function(){})
イベント名にドット足すネームスペースと書くことによって
同じイベントに多重アタッチしても目当ての物だけデタッチできますので、ネームスペース付けるといい！
あと外からデータを渡したいときは
$('#outer').on('click.hoge','#inner',{arg:'でーただよー'},function(event){
alert(event.data.arg);
});
として渡せます。
どこにデータが格納されるのかFirebugとかで確認してみてください。
パフォーマンスは
delegate>live>bind
らしい？(未検証)

最後にdelegateを使って多重アタッチしてるときはstopPropagation()でバブリングを停めておくこと！
<a>の時はpreventDefault()でね！
IEはシラネーYO！

var hoge = function(){};
で処理作って.on()で簡単イベント管理！

Aptana studio 3.1.1

Eclipsコアのバージョンが上がったらしくて、更新して3.1.1にしたら色々環境に破綻がorz
取りあえず起動しないし。

起動しない場合は日本語化を元に戻すとよさげ。

XAMPPでウィンドウズに(W)AMP環境構築

XAMPPの環境構築ではまったのでメモ。
まずダウンロード。
書いている時点では1.7.7
そうしたらインストール。
初回は何回も再起動することになるからサービスに登録しない方がいいかも？
インストール終わったらXAMPPコントロールパネルを起動してアパッチ起動→adminボタンをクリック
そうしらた言語選択で日本語を選ぶ。
いったんアパッチ落としてapache\conf\extra\httpd-xampp.confを探し出す。
最近のバージョンではxamppのメイン画面とかphpmyadminにアクセス制限が掛けられているのでこのファイルの最後の方に192.168.とか追加しておく。
次にphp.iniを編集して適当にUTF-8対応にしておく。
詳しいことは判らないorz
あとxdebugを有効にしておく。
最後にmysqlの言語設定
mysql\bin\my.iniに
[mysqld]
character-set-server=utf8
を追加。
色んなサイトで
default-character-set=utf8
って書かれてるけでダウト。エラーでmysql自体起動しなくなるので注意。
最後に念のためhtdocフォルダに.httpaccesを置いてアクセス制限かけてサーバー起動。
phpmyadminから
show variables like 'char%'
を叩いてUTF-8に成っているのを確認したらバックアップデータをインポート。
バックアップデータが数ギガあるなら確実にphpmyadminが処理タイムアウトするので
phpMyAdmin\config.inc.php
に
$cfg['UploadDir']=’upload’;
$cfg['ExecTimeLimit']='0';
ってしてuploadディレクトリにsql置いてインポートすればOK
というかみんなphpmyadminで大きなデータインポートするのに苦労しすぎ
コンフィグ書き換えられる環境なら実行時間制限を解除してほっとけばいいのに。

千波に終わったらちゃんと$cfg['ExecTimeLimit']は消すか300程度に直しておきましょうね

じゃんけんで負けたのでRewriteをやった感想

Rewrite感想文
まず、相対的にも絶対的にも長いです。
普通にプレイ時間が長いし、tera終わったときももっとゲームの世界に浸っていたい・・・というよりやっと終わった！という方が強かったので。
次に、タイトル画面のちはやの首が・・・・じゃなくて、最初にプレイしていて思ったことは「豪華なひぐらし」「エヴォリミットとネタ被ってない？」「しずるprpr」
千波に朱音＝静流＞ルチア＞小鳥＝ちはや
システムは可もなく不可もなく。
ただムービーをWMP呼び出して再生するのは意味があるのか？意味不明。
あとBGMがPCMなので音質が良かった。
初回プレイ時はシナリオロックで小鳥ルートしか入れないのにバッドエンドにいけるのは誰得。
こたろーの性格がルートによって変わりすぎな気が。
個別ルートはいると絶対誰かがストーリーに登場しなくなるのってどうなの？
せめて死んだとか有ればいいのに。まぁメインヒロイン何回も殺すとそれはそれで叩かれそうだけど小鳥とか絶対死んでそう。

以下ネタバレ

共通ルート
マッピーの存在意義が不明。
ながい。
しずるpr(ry

小鳥ルート
不幸属性幼なじみ。
終わってみれば実は比較的ハッピーエンドという。
公式のレビューみるとちびもすでかつあげシーンが不評だったようで、概ね同意。
他のルートではインデックスさん並の空気キャラ。

静流ルート
どのルートでも満遍なく活躍してくれる高スペック金髪。
眼帯はオッドアイでトラウマだから？
終わり方が人間辞めました＼(^o^)／
金髪ツインテは正義。だがサンマだけは勘弁な！

ちはやルート
怪力あほの娘。
咲夜△
結局咲夜とこたろーの関係性は謎。
ちはや自体戦闘経験豊富な描写が全くないうえに咲夜はちはやの命令がないと動かないのにガイア最強とか言われるほどに実績残しているのが不自然に感じた。
終わりくらいからちょっと面白くなってきた。

朱音ルート
腹黒くーでれひきこもり会長
このルートだけガイアとガーディアンの決着が付いたあとの描写がやたらと長い。
念じろ！さすればえられん。おれには見える！
ところで最後の方石の町に避難してるけど表の世界はどうなっちゃったの？

ルチアルート
潔癖性ツンデレポニー
なんとかモールでデートしてたときが一番盛り上がった。
あとの汚染、バトル、核弾頭の流れが意味不明。
ここでもしずるが高スペックで大活躍。

moonルート
長い前振り後、ここからが本編。
加島がこの空間に魔物を送る動機も方法も不明。
ガーディアンを軽く二三回壊滅させられそうな量が来てるけど複数の事象から一杯送られてきてるの？
篝がメイン。地球の「目」の役割をしているのに月？双子のかたわれだから？月は地球から分離した説か。
ここでも静流と咲夜△

terra
最終章、月の篝が作った設計図に基づいたやり直し。
だから大量の選択肢は演出で意味がないっぽい。
あと長い。
ルチアとちはやの出番がほぼ無し。可哀想。
人間辞めました＼(^o^)／

総評
リトバスは途中で止まってるけどこれは一応最後までできた。
個人的にこういうもやっとした終わり方は非常に嫌い。
バトルものならプロペラさんちみたいにすかっとした後味が良かった。最終決戦的な盛り上がりイベントもMoonでやっちゃってterraでないし。
今までのKey作品はちょびっとやったリトバスだけだから何とも言えないけどどうやら毛色が大分違うらしいが、個人的には結末意外楽しめた。
超能力バトル物が許容できてなんか考えさせられるもやっとした終わり方のシナリオが好きで時間に余裕がある人向け。
☆二つ半

ファンディスク朱音会長とすることぜんぶはまだー

Javascriptのクロージャーの話

Jqueryを使っていると何でもかんでも変数に関数つっこんで書いておけば色々使い回しが出来て良いのですが、即実行で使い捨てのときなんか「クロージャー」の出番です。
たとえばページを開いたときにDBから各種データを読み込んでボタン作ったりプルダウンボックスするときとか。
何が良いかというと変数を隔離できること？
あとちょっとかっこいい。
var hoge = function (){
alert('piyo');
}
hoge();
とするところを
(function(){
alert('piyo');
})()
とするだけ。

jqueryのdelegate

すっかり放置してましたねorz

久しぶりの更新はJavascriptネタで。

たとえば$.ajaxを使ってJSON形式でデータを受け取った後にforで展開するとかよくあると思いますが、
その時success内でイベントをバインドしないと実行されない。
というは当たり前ですが、実はlive()とdelegate()を使うとそんな事しなくても良いのです。

<div id="homu"></div>
の中に
$('#homu').html('<ul><li class="mado"></li></ul>');
するときに

$('#homu').delegate('.mado','click',function(){
なんとかかんとか
});
としておけば何個あとから.madoを追加してもイベントが自動的にバインドされるんですな。

というのを覚えた時には既にJQuery1.7のリリースで陳腐化していたというorz

bind(),live(),delegate()はon(),off()に統合されるようです。

詳しくは本家ドキュメントなどをどうぞ(´･ω･`)

アドオン版autpagerがメモリリークするの？

なんかアドオン版のautopagerがメモリリークして重いとかいう記事を見てそんなこと起きるんかいな～と実験してみた。
やりかたはgoogleで検索して、firebugのコンソールから
setInterval((function(){window.scrollBy(0,500)}),1000)
を実行。

・・・・・・・・・・

google先生に怒られた・・・

ボックスをランダムでうろうろ動かすjavascript+jquery

自分用メモここまでやった
<script type="text/javascript">
    $(document).ready(function(){
        var setting = {
            'tateidou': 100,
            'yokoidou': 100
        };
        var qbMove = function(){
            var moveDistance = function(hoge){
                return Math.floor(Math.random() * hoge * 2) - hoge;
            }
            var positionX = $('#qbBox').position().left + moveDistance(setting['yokoidou']);
            var positionY = $('#qbBox').position().top + moveDistance(setting['tateidou']);
            if (positionX < 0) {
                positionX = 0;
            }
            else
                if (positionX > $('html').width()) {
                    positionX = $('html').width()
                }
            if (positionY < 0) {
                positionY = 0;
            }
            else
                if (positionY > $('html').height()) {
                    positionY = $('html').height()
                }
            $('#qbBox').animate({
                'left': positionX,
                'top': positionY
            }, {
                duration: 1000,
                easing: 'swing',
                complete: function(){
                    setTimeout(function(){
                        qbMove()
                    }, 2000)
                }
            });

        }
        qbMove();
    })
</script>

homuhomuの記事意味がわからないＹＯ！ってつっこまれたので

前々回のエントリーhomuhomuの解説！
えーテキストエリアをクリックして何か文字が入っている状態で別の場所をクリックしてテキストエリアからフォーカスをはずすと何でもほむほむ語に変換してしまうほむほむ語変換機です(´･ω･`)
それだけ・・・