2011-03-30
■[Javascript][css] Transition,Animation関連のイベント
そうなると重要なのはタイミングを測ることで、W3Cではその為のイベントも定義されています。
イベントの種類
- Transition
- transitionend
- Animation
- animationstart
- animationend
- animationiteration
CSS Transitions Module Level 3
メモ
webkitだと webkitTransitionEndになる。
2011-03-28
■[vmware fusion]1つのゲストOS(Debian)にNATとBridgeのNICを同時に設定する
ホストに複数NICがあるケースは結構解説がされてたけど、ゲストでNATとBridgeを同時に使う方法はなかった。
ハマりポイント
VMWare FusionのVMに複数NICを設定するのは基本的にGUIから+ボタンでサクサク追加出来るはずだが、
以下のように設定しても2種類のIPを持てなかった

解決
どうもGUIから設定してもOS(Debian)の設定に反映されていないようで。
/etc/network/interfacesをみても、たしかにNIC1つ分の設定しか無い。
# This file describes the network interfaces available on your system # and how to activate them. For more information, see interfaces(5). # The loopback network interface auto lo iface lo inet loopback # The primary network interface allow-hotplug eth0 iface eth0 inet dhcp
なのでここにもう1つ分のNICの設定を書き込みifupしてやったら上手く行った。
/etc/network/interfacesに↓ついか iface eth1 inet dhcp $ sudo ifup eth1
まとめ
GUIしか使えないと、ときどきものすごい困る。
2010-10-01
■[javascript] 簡易Javascriptテンプレートエンジン
ループと条件分岐をバッサリすてたら、意外とまともなのがかけた気がするから、眠い勢いで紹介してみる。
http://github.com/umezo/umezone/blob/master/javascript/template.js
特徴
- 変数展開しかサポートしてない
- JSにコンパイルしている
- JSにコンパイルしてるのにエスケープが全く考慮されてない
- テンプレートはJSが実行されるページの要素の中に書く
- っていうかコメントの中に書く
- Chromeの拡張とかでかなり便利
- 多分オブジェクトのプロパティとか関数呼び出しは動く気がする・・・。
使い方
テンプレートはtemplate.jsを読み込んでいるページのHTML中にコメントで埋め込みます。
<div id="block"> <!-- <div id="{{$id}}"> <header>{{$title}}</header> <p>{{$content}}</p> </div> --> </div>
区切り文字はコレです。
{{$~}}
JS側ではテンプレートが入ってる要素のIdを渡すとそのままメソッドになります。
var template = getTemplate(["block"]); var html = template.block({ id : 1 , title : "今日のおかず" , content : "骨っこ" });
テンプレートが入ってる要素はお好みでdisplay:hiddenしたりしてください。
予期してないけど動きそうなもの
<div id="cal"><!-- {{$sum(1,2)}} --></div>
var t = getTemplate( [ "cal" ] );
var html = t.cal({
sum : function( a , b ){ return a + b; }
});
まとめ
2010-09-20
■[mac] VMからホストOSのMacのgrowlにnotifyを送る
以前こんなエントリー 処理時間が一定以上かかったらGrowlで通知するzshrc - 心魅 〜 cocoromi 〜を書きましたが、現在の職業柄、コマンドの実行はVMで行っています。
なので、以前の仕組みではうまくいきません。
そこで、今度はGrowlのGrowlTalk over UDPプロトコルを使って遠隔からgrowlに通知を送ります。
目次
- 受信側(Mac)の設定
- 前フリ
- 送信側の準備
- 確認
1. 受信側(Mac)の設定
Growlに外部からの通知を許可する設定をします。
System PreferenceからGrowl>Networkタブへ遷移し、以下の項目を設定します
- Listen for incoming notifications
- Allow remote application registration
- Optionalな気がしますが、検証してません。
コレで設定を行ったGrowlは前述のGToUで通知を受け取ることが出来るようになります。

2. 前フリ
次はVM側の設定をするわけですが、GToUで会話するためになんとかせにゃなりません。
慣れてる人は自分で作ったほうがいいかもしれませんが、ここは既存のライブラリでサクっと済ませてしまいましょう。
すでにいくつか出回っているのでリストしておきます。php以外は使ったことありません。
- netgrowl.php
- 今回使ったもの
- netgrowl.py
- ruby-growl
- gntp-send
- windowsで動く?試したい。
3. VM側の準備
以下は上記netgrowl.phpを使った場合の説明をします。
local COMMAND="" local COMMAND_TIME="" precmd() { if [ "$COMMAND_TIME" -ne "0" ] ; then local d=`date +%s` d=`expr $d - $COMMAND_TIME` if [ "$d" -ge "2" ] ; then COMMAND="$COMMAND " php $HOME/bin/growl.shell.php "${${(s: :)COMMAND}[1]}" "$COMMAND" fi fi COMMAND="" COMMAND_TIME="0" } preexec () { COMMAND="${1}" COMMAND_TIME=`date +%s` }
4. 確認
準備ができたら sleep 3とかやってローカルのGrowlが反応するか確かめましょう。
うまくいくとGrowlの設定画面にアプリケーションとしてリストされます。
Configureからアプリケーション毎に個別に表示や、音を鳴らすなどの設定ができるので、ネット経由の通知だけ見た目を変えたりすることもできます。

まとめ
なんかSSHのポートフォワードを使って無理やり遠隔のホストから送ったりしてる人もいるみたいですが、なにかとコマンドの終了がわかると便利ですよ。
Growlをつかって外部ホストのイベントを手元の端末でキャッチ!
時間は大切に。
コレを使って他人のmacに通知を送って遊ぶの楽しそう。おきろーとか はらへったーとか こっそりおくれますね!
2010-09-07
2010-08-27
■[chrome] Windows ChromeのCanary版で垂直タブが試せるぞ!
http://googlesystem.blogspot.com/2010/08/google-chrome-labs.html
まじで熱い。
Canary版はここから落とせます。
ご利用は当然自己責任で。
http://tools.google.com/dlpage/chromesxs
実行時に以下のオプションをつけて起動。
--enable-vertical-tabs
タブを右クリックすると以下のメニューがでるので選択。
Use side tabs

ひゃっほぅ!

Macの方ではTabPoseという機能が試せるみたいです。
memo
2010-08-23
■[その他] pick始めました。
あーあー。
なんか気づいたらお騒がせしていたようですが、俺の身になにかすごいことが起きてるとかそう言うのではないです。
いや過去形ではなんか色々ありましたが、そっちはもう大丈夫です。
夏がイケないんです。夏が。
いくつかの俺の勘違いが今回の一件の元です。
- 一時的に発言を非公開にしたかった
- Protectにすればそうなると思ってた
- ProtectでもFollowerには見えてしまっていた
- 一旦BlockしてFollowerから外れてもらわなければならなかった
そんなわけで、今は誰ひとりとしてBlockしてません。
取れるもの取れたらProtectも外してもとにもどします。
ついでだから日記
- 新しい会社でやったこと IRCボットを作った以上
- お仕事は結構面白いのと今にも燃え盛りそうなやつの2つを抱えてます。楽しいです。
- PSPのソフトをPSStoreからDLしたらインストール直前にPSStoreのログイン障害
- 暑い
- 必見 →

- 買ったPSPのソフトはTrickLogic。我孫子武丸他、著名なミステリー作家が書いているゲーム。過去の推理ゲーの悪いところを上手くカバーしていて、ストレスなく推理できる。結構良いゲームだと思う。
- Androidアプリ公開しました。順調にレーティングが下がってます・・・。orz。Directronで検索してね。
- お前ら知ってるか?YoutubeでX-MEN Revolutionの1stシーズンが全部オフィシャルで見れるんだぜ。ローグかわいいよローグ。
- DMMがなんとMac対応。DMMまじアダルト。世界に平和がおとずれる。
こんなところかな。
2010-08-02
■[android] ListViewをスクロールすると設定したのと別の背景色に変わってしまう問題
多分、この問題にぶち当たってる人には、エントリータイトルで何が起きてるかわかると思う。
これは分からんかったなー。
というより、layoutとかlistSelectorの問題に見えてしまう。
解決方法
色々見当違いな方法(listSelectorとか)を試した挙句以下のスレッドを発見。
ListViewやExpandedListViewの背景色について - 日本Androidの会 | Google グループ
mListView.setScrollingCacheEnabled(false);
をお試しください。
これでマジで治っちゃうんだもんなー。
2時間返せ!
2010-07-23
■[その他] 転職します
転職は落雷に似ている。
ほらあれって、雲からの電気と、地面からの電気がくっつくとドカーンって落ちるでしょ?
落ちたい!っていう電気だけじゃおちれないんですよ。
でも、ふとしたきっかけで、お迎え放電がきて落ちるわけですよ。
ドカーンってね。
遠くの方で落ちた雷だから俺には関係ないねとか思ってたらだんだん近づいてきたりするのも似てるよね。
そんなわけで、最後のお勤めを終えて帰ってまいりました。
泣く泣かないとか言ってて、直前でメッセしたりとか、なんもやることなくて社内ツイッター見てる時は、今にも泣きそうだったんですが、
いざ、みんなに集まってもらったら、なんか楽しくて、卒業式も華やかにすすめることが出来ました。
それもコレも、集まってもらったみんなとの、いい思い出がバックグラウンドにあるからこそだと思います。
最終日を終えて今の胸中とにかく色々な人への感謝でいっぱいです。
こんな場ですが、この2年間で関わりのあった、全ての人達へ感謝の言葉を言わせてください。
楽しい時間をありがとうございました。
なんか雷が落ちたときはアマゾンのほしい物リストのリンク貼っとくと雷様から送られてくるらしいので、俺も貼っておきます。
https://www.amazon.co.jp/wishlist/14274SRDCGHC4
未だに実物を見たことが無いんですが。
すっごい欲しいです。


