XUL(ズール) Exploer を入れてみた

xmlとjavascriptで簡単にGUIアプリケーションが作れるXULを触ってみました。

1.インストール

下記より自分の環境にあわせたものをダウンロードして、インストール。(自分はfull installしました。)
https://developer.mozilla.org/en/xul_explorer
2.XUL Exploerを起動

ここでjavascriptや色々なiframeやフォームなどのをGUIで入れ込むことができます。
あとは、 Previewボタンを押せば即座に画面を確認できます。

ためしに下記コードを入れると、簡単なブラウザちっくなものができます。(雑誌で見つけたのとほぼ同じですが、、)

<?xml version=”1.0″?>
<?xml-stylesheet href=”chrome://global/skin/” type=”text/css”?>
<window xmlns=”http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”>

<!– your code here –>
<textbox value=”http://” onchange=”document.getElementById(‘frameid’).setAttribute(‘src’,this.value)”/>
<iframe id=”frameid” src=”http://e-com.webhop.net” flex=”1″/>

</window>

facebook api FQLでlike情報引き出しメモ

映画でも話題になっている世界最大コミュfacebookの勉強をしてて、
ご存知の1日30億おされているという「いいね」ボタンの情報引き出しがしたいとうことで、

方法を下記にメモします。
日本語ドキュメントがなさすぎて、英語ができないとエンジニアもむずかしい時代になりましたね。。

※ちなみに下記情報まだ途中なので、大分中途半端です。

FQLのテーブル・カラム情報は下記より参照できます。
http://developers.facebook.com/docs/reference/fql/like/

また、FQLの試し打ちは下記からできます。
http://developers.facebook.com/docs/reference/rest/fql.query

■user_idからlikeしたurlをおう?fql

select user_id from like where object_id in(select id from object_url where url="http://apps.facebook.com/sightspacestation/")
サブクエリも使えることにびっくりです、、あとは、実行してみるとuser_idがはいっているので、ここからユーザー情報などを引っ張ればOKという感じです。
試しにjavascriptで実行するとこんな感じ。
FB.api(
  {
    method: 'fql.query',
    query: '
select url from object_url where id in(select object_id from like where user_id=100000296844344)'
  },
  function(response) {
    alert(response.length);
    for (var i = 0; i < response.length; i++) {
        alert('url' + response[i].url);
    }
  }
);

追記メモ:
逆にlikeしたurlからuser_idを出そうとすると、空で返ってくるケースがある、object_urlテーブルからのobject_idは、photoなのかlinkなのか、
ただしいタイプを渡してあげる必要がありそうですが、それを正しくやった上でも空になるケースがある。。。どなたかその原因を教えていただけると幸いです。何かファンページ内のリンクしか返さないとか制約があるのかなと気になっております。。

自称日本初!?? IE8互換 html5(canvas) アクションクソゲームをつくってみた

おそらく自称日本初!?? IE8にも対応したhtml5のcanvasをつかったアクションクソゲームです。。
クソまで条件にいれれば本当に日本初かも!?(笑 :mrgreen:

職場の方から、google のexcanvasつかえばIEでもhtml5に対応できるという優良情報をいただき、

グーグル先生のお力を借りて、IE8でも動く簡単クソゲームができました。

matsugame.js

やってみる

現状html5ですが、IEだけ、対応しておらず対応は9から対応のようです。
この問題点をおぎなってくれるのが、googleのexcanvas先生です。

下記ように記述してあげるとIEだけこのファイルを読み込ませ、他のブラウザではコメント扱いさせるようです。よくある、条件付きコメント的な感じだと思います

たださすがに使えない機能などもあるので、注意が必要です。

javascript or JQuery でタグ名(node名)取得 メモ

javascriptでタグ名取得方法をメモ。。

jqueryなら

alert($j('#info-list')[0].nodeName);

または

alert($j('#info-list').nodeName);

javascriptなら

alert(document.getElementById('info-list').nodeName);

※一応javascriptは、ブラウザ依存が不安なので、下記ブラウザで動作確認しました。
Window7で
・Chrome8.0.552.215 OK
・IE 8.0.7600.16385 OK
・FireFox 3.6.13 OK