Screw-Axis /螺旋軸/

[Jetpack] Screw!ボタンをつけてみる

先週、とりあえず開発環境を整えました。早速…でもないですが、何か作ってみましょう。

最初の一歩なので、カンタンなものから。
チュートリアルとAPIリファレンスを見ながら、以前用意した画像がスクリューするボタンを付けてみます。

とりあえず、ボタンを表示

まずはアドレスバーに about:jetpack と入力して”I am Jetpack.”のページを表示します。
ここの”Develop”タブで開発するのが、手っ取り早い。
ページ中ほどの黒い矩形をクリックすると、Bespinのように編集可能な状態になります。
ここに、次のようなコードを入れてみましょう。

jetpack.statusBar.append({
  html: 'Screw!',
  width: 50
});

そして”try out this code”をクリック（以下、実行時には常にこの手順）
ステータスバーに”Screw!”と表示されたかと。
Continue reading…

[Jetpack] 開発環境構築

というわけで、早速Jetpack Featureの開発環境を作ってみます。

目標としては、次のような感じ。

• 既存のFirefox 3.0系は、そのまま使えるように残す
• それとは別に、Firefox 3.5 Betaをインストールする
• Firebug 1.4 Alphaも入れる

Continue reading…

[Jetpack] インストールと開発環境構築準備

mozilla labsから公開された、jQueryでFirefoxのExtensionを作れる拡張機能 “Jetpack” をいじってみる。

今まで、ちょっとしたExtensionを作るのもxulでやるのは良いとして、debugが非常にやりにくいのが難点でした。
その点、Jetpackは

• 書きなれたJavascript+jQueryで記述できる
• インラインで実行確認できるツールがある
• Firebugとの組み合わせでデバッグしやすい

ということで、ちょっと覚えておこうという気に。
まずは開発準備に環境を整えましょう。
Continue reading…

[PHP] bitの異なるOS間でのserializedデータ交換

例えば64bit OS上で、あるデータを serialize します。
次に32bit OSでこの値を取得して unserialize した場合のお話。
レアなケースとは思いますが、それにハマってしまったので一応共有。

現象

64bit OSから、例えば次のようなコードで、配列をシリアライズして memcache に保存します。

$x = '1062430001292';
$a[$x] = $x;
$v = serialize($a);
$m->set('test', $v);

本来 memcache::set を使うなら serialize 不要ですが、ここは分り易くするために。
で、この値を32bit OS側から取得してやります。

$v = $m->get('test');
$a = unserialize($v);
print_r($a);

すると、結果は次のようになってしまいます。

Array
(
    [1573079180] => 1062430001292
)

添え字と値は同じものを指定していたはずですが、全く異なる値になってしまいます。
Continue reading…

[PHP] 論理演算子「and, or」と「&&, ||」の違い

論理式を評価する演算子、皆さんはどちらを使っていますか？

if ( $a and $b ) echo "it's true!\n";
if ( $a && $b ) echo "it's also true!\n";

先日、両者の違いについてチームで話題になったので、ちょっとまとめ。

Quick Questions

次の問いにサクサク答えられれば、バッチリ理解しているということで無問題かと。
回答は全て、$xが真(true)か偽(false)で。各問いをクリックすると、答えがわかります。

1. $x = (true and false);
2. $x = true and false;
3. $x = false and true;
4. $x = (true && false);
5. $x = true && false;
6. $x = false && true;
7. $x = (false or true);
8. $x = false or true;
9. $x = true or false;
10. $x = (false || true);
11. $x = false || true;
12. $x = true || false;
13. $x = (false and true or true and true);
14. $x = (false and true || true and true);

さて、正解率はどれくらいだったでしょうか？
Continue reading…

[Javascript] nullとundefinedとfalseと0と空文字と

大抵の、特に変数の型宣言を行わないタイプの言語では、型の異なる値の条件式は悩みの種です。
Javascriptもご他聞に洩れずというか、undefinedとnullが異なる分だけ更にややこしくなっているようです。
暗黙の型変換で痛い目にあわないよう、ちょっと実験してまとめてみます。
実験にはとりあえず、手っ取り早いので Jash を使用。
一緒に試してみるならば、こちらのBookmarkletをクリックしてコンソールに入力しながら読むとわかりやすいかもしれません。

nullとundefined

nullとundefined。たまに「同じもの？」と聞かれることもあるので、とりあえず確かめて見ます。

>> null==undefined
true

あれ、同じでしょうか？
Continue reading…

jQuery 自作プラグイン3 “Type-Writing Hint”

続けて3本目。jQuery Type-Writing Hintです。

こちらも、作者の方で紹介ページなど作る前にskuare.net様でご紹介いただいており、大変ありがたいのですが。

「ちょっとうざい」

ええ、自覚しておりますとも。
ちょっと新しいかなと思って作ってみたのですが、正直言って、スパム広告の一部みたいに見えたりします。
おかげさまでGoogleで「jQuery ちょっとうざい」と検索すれば一番に出てくるようになりました。
ま、それも味かなと思って、とりあえず並べておきます。

それなりに工夫している点もありまして、最たるものは、普通にJavascriptを操作しても入力ヒントが文字列とみなされないこと。
何も考えずにこのテのものを作ると、例えば

alert(text.value);

のように書いても、実際はユーザは何も入力していないのにヒント文字列が表示されてしまったりすることがあります。
# WordPressの管理画面にある「新規タグの追加」なんかもそうですね。黙って「追加」を押すと、「新規タグの追加」というタグが出来ます。
それがコイツは、ちゃんとヒント文は空文字として、手で入力した文字はそれとして、認識されます。
このプラグインを見たカナダの会社から仕事のオファーをいただいたり、なかなか頑張ってくれた子です。

jQuery 自作プラグイン2 “Spectrum”

その2といっても昔作ったものを持ってきている順番ってだけなんで、実際は何作目だったか。
しかしSpectrumは、その中でも割と気に入っているものです。

これは、ある要素から他の要素に向かってスペクトラム光線を飛ばすという…見てもらった方が早いと思います。
以前、このプラグインをtwitterで紹介してくれている人が居たのですが、彼曰く “kewl, but hard to explain” っちゅーことで。

この動きには元ネタがあり、実のところ昔からお気に入りのTiddlyWikiのインターフェースを再現したくて作ったものでした。
現在はバージョンアップしてこの動作も見られなくなってしまいましたが、昔の方がカッコよかったなと思います。
とはいえ、大筋のデザインはリリース当初と殆ど変わっていません。未だに風化した感じはせず、やはりセンスの良いデザインだなと。

ところでこのプラグイン、私の周囲では「スペクトラム」が呼びにくいのか、「シュパ」で通っています。
極めて個人的には何かシックリ来ないのですが、いかがでしょ。

コナミコマンド対応サイト集

突然ですが、昔の知り合いに「サイト立ち上げたんなら、コナミコマンド埋め込まないと」とお叱りを受けたので、そうなのかな？と対応サイトを眺めてみました。

他にも沢山ありましたが、ネタが被ってそうなやつや、よくわからなかったものは割愛。
Continue reading…

jQuery Puffyの日本語ページ作成

オリジナルのjQueryプラグイン、「jQuery Puffy」の日本語ページを作ってみました。

パフッと画像が広がって見える、エフェクト系のプラグインです。

実は公開したのは4月で、githubが半自動で作ってくれるショボい英語ページは置いておいたのですが、やはり折角なので体裁を整えておこうかなと。

そうこうしているうちに、気がついたらskuare.netさんで先んじて紹介いただいていました。認知経路としては本家のプラグインリポジトリかgithubしか無いはずなんですが、目ざとい人が居るものですね。ありがとうございます。

このプラグインはjQuery UIが元々持っている「Puff」を使ったものだけに非常に簡単で、総制作時間は1時間もかかっていないと思います。
このページを作るほうがよっぽど大変でしたが、何かのお役にたてば。

他にも幾つか作ったもの/作りかけているもの/作ろうとしているものがあるので、今後はこのサイトを中心に公開していければと思っています。

偏頭痛で会社を休んでいる間の、ちょっとした作業でした。