岩家.net

昨年秋頃（だったっけか？）からネタを少々考えつつも実装段階に移せていなかったお仕事サイト，ちょこっとだけ形になってきたので公開してみることにしました．

http://www.meganelab.net/

名刺の中に URL を入れておきながらそのサイトが見当たらない，という状況をずっと続けてきたわけですが，いい加減それだけは打破せねば，ということで．

現状は足らないものだらけですが，その辺は今後随時足していきますよ．

昨日 1月26日 （土） に行われた WCAN mini ActionScript vol. 4 に参加してきました．

以下，頭に残っているものを，毎度のように箇条書きで並べていきます．

本編

※ 見出しは正式なタイトルではありません．

Funnel by 小林 茂 さん

• Tom Igoe
• ActionScript3 をはじめ，複数の言語へ向けたライブラリ
• ボタンの on/off で swf 上のオブジェクトを表示/非表示するデモ
• 赤外線センサを使って動作検出を行うデモ
• Google Code
• Arduino
• XBee

Tweener by kimucha さん

• addTweener，addCaller
• 指定できる Tween の種類は 20 ほど （？）
• TweenLite
• Go

パラパラまんが@AIR by アダムスパンダ さん

• Keynote のテンプレートがカワユス
• 日本語入力がダメっぽい （2008-01-26現在）
• 「4つのキャンバスにそれぞれ絵を描き，それらをつなげてアニメーションさせる」を AIR で実装＆デモ
• ドックメニューにアニメーションなアイコンが増えた
• Web上にアップロード

12色環 by 山田 拓生 さん

• ヨハネス・イッテン
• 画像から色 （特徴色？） を抽出し，それに基づく12色環を生成
• ドメイン名イイ！

アプリ作成@AIR by 杉浦 篤史 さん

• 普段は 3ヶ月 ～ 1年規模のプロジェクトに従事

しばらく意識が遠のいてお話をあまり聞けませんでした．．．orz

ベジェ曲線 by bigchu さん

• PotrAs なプレゼン
• 2次ベジェ曲線
• 始点，終点，制御点
• 3次ベジェ曲線
• 擬似（？）3次ベジェ曲線
• 擬似3次の方が 3次よりも高速のようだ
• ベジェ曲線を応用したデモ
• 二の腕プニプニ
• 口（唇だったっけ？）が上下

Box2DFlashAS3 by ll_koba_ll さん

• プレゼン自体が Box2DFlashAS3
• Box2D はもともと C++ の物理エンジン
• 実装の解説
• World
• Box
• Joint
• 自転車っぽいモデルのデモ
• 小さなたくさんの Box をそれぞれ Joint することでチェーンを実現

Joint のデモで これ を思い出しました．

懇親会

• haxe
• neko
• vi 使いスゴス
• ベジェ曲線を描くライブラリはあまりないらしい
• ベジェ(始点, 終点, 制御点) な関数があると幸せ
• mod_perl
• mod_python
• django イイよ django
• python のワークショップについて
• Gainer の名称の由来 とか
• Gainer のワークショップをまた名古屋でもやってほしい
• Java に深い人が AS3 な開発へ移ることは少ない．．．らしい （それ Java でできるし，的な意味で） それぞれの位置づけとかもあるのかなぁ
• AS == AdultScript
• 三次会は 先週 と同じ店 （でも料理オイシス）

おわりに

相変わらず ActionScriopt3 には触れていない現状なので直接お仕事に役立つわけではありませんが，そんな分野の動きを少しでも知っているのと否とでは差が出てくるんでないかな，なんて思います．AIR の話題も絡んできますしね．

そして懇親会では，Web系の開発に携わる多くの方と，ActionScript 以外の言語や技術の話題なんかが至るところで出てくるので，毎回非常に刺激的です．理解できないこと・しきれないことも多々ありますが，今後それらを学ぶ手がかりを得られた，それだけでも十分収穫といえるでしょう．（当然その後勉強しなければ意味がありませんが．．．）

そんな WCAN mini ActionScript，今年は隔月で行われるそうです．次回も参加の方向で．

昨日，週次レビューをやってるときにふと気になりだしたので，夜通しでつくってました．最低限は形になっているようなので公開してみます．

DQWindowManager - crafts - issm’s …

何？

上記のページにあるリンクをブックマークレットやブックマークとして登録することで，いろいろなサイトを閲覧時にいつでも Dragon Quest のコマンドウィンドウのようなものを表示することができます．

表示されたウィンドウにはいくつかのメニューがあり，それぞれのアクションを起こすことができます．

．．．といっても，今のところ，はてなブックマークとか kwout とかくらいしか行えませんが．

実行例

Google とか Twitter とかで実行してみたキャプチャを以下に示してみます．

元の CSS の影響をかなり受けているようで，サイトごとに表示が異なるのが明らかですね ＞＜

ちょっと中身について： 個人的に苦戦した点

DQWindowManager は jQuery に依存しています．ブックマークレットでは DQWindowManager のスクリプト （以下，dqwm.js） を動的に読み込んでいるのですが，（ブックマークレット実行時に）アクティブになっているサイトに，予め jQuery がインポートされていなければエラーになってしまいます．

ので，dqwm.js の中で動的にロードするようにしました．次のような感じです．

if( typeof jQuery == 'undefined' ) {
  var __scr =  document.createElement( ’script’ );
  __scr.src = ‘jquery.jsのURL’;
  document.body.appendChild( __scr );
}

//
// 以下，jQuery に依存したコード
//

しかし，これだとうまくいきませんでした．

どうやら，jquery.js を読み終える前にそれ以降のコードが実行されてしまっているようですね．

1時間以上悩んだ末に思い出したのが 先日の Kanasan.JS での amachang さん や yhara さん の同期・非同期に関する話題でした．

JSDeferred が非常に強力だったりするのですが，さらにインポートとなるとさらにややこしくなりそうなので，setTimeout 関数を使う方法を採ってみました．

こんな感じです．

var execDQWindowManagerAfterLoadingJQuery = function() {
  if( typeof jQuery == ‘undefined’ ) {
    setTimeout( execDQWindowManagerAfterLoadingJQuery, 0 );
  }
  else {
    //
    // jquery.js インポート完了後の処理
    //
    new DQWindowManager();
  }
};
execDQWindowManagerAfterLoadingJQuery();

これでうまくいってくれたみたいです．

おわりに

思いつきでわけわからないものを作ってみたわけですが，スクリプトの動的ロードにおける同期の必要性なんかについて学べたことを考えれば，まぁよしとしておきますかね．

サイトごとの見え方の差異をなくしていくのに加えて，個人的にまだやってみたいこともいくつかありますので，少しずつバージョンアップ （？） させてみることにします．

Dream Theater のライヴ のため，東京で 1泊してきたわけですが，ここでは，ライヴ以外の部分についてアウトプットしときます．

東京駅を出てからの移動手段はすべて徒歩でぶらぶらと，そんな記録です．

初日

• 皇居周り
• ホテル
• ライヴ前

翌日

• 皇居周り
• 北の丸公園
• 神保町
• 秋葉原
• 日本橋
• 東京駅
• おまけ

以下，だいたいこんな流れで進めていきます．

記事の続き

Metropolis 2000 以来なので，だいたい 7年ぶりとなる Dream Theater のライヴ，そして人生初となる日本武道館へ行ってきました．

曲目リストは次のとおり．

1. Constant Motion
2. Never Enough
3. Surrounded
4. The Dark Eternal Night
5. Key Solo～Lines In The Sand
6. Forsaken
7. The Ministry Of Lost Souls

Intermission

8. In The Presence Of Enemies Part I
9. In The Presence Of Enemies Part II
10. Home
11. Misunderstood
12. Take The Time

Encore

13. Medley

Trial Of Tears～One Last Time～Learning To Live～In The Name Of God～Octavarium

77th response in http://mixi.jp/view_bbs.pl?id=26904123&comm_id=2237&page=all

ステージ上空（？）に，アルバム 「Systematic Chaos」のジャケットに描かれているような信号がセットされており，会場に入っときは赤が点灯していました，しばらくして黄に変わり，いよいよ始まるかという空気が流れます．．．そして青になると同時に突然真っ暗になり，メタリックな 「ツァラトゥストラはかく語りき」 でスタート．

その後は上記リストのとおりですが，ライヴ中，もう鳥肌立ちっぱなしでした．（ちょっと泣きそうになったときも．．．）

Surrounded，Take The Time，Learning To Live と，「Images and Words」からの曲をいくつも聴けたのもよかったですね．（Surrounded って新しいアレンジヴァージョンがあったんですね．．．）

最後の Octavarium を聴きながら，そういえば武道館も八角形なんだよね，なんて思ったり思わなかったり．

まぁとにかく，最高の時間を過ごせたことは言うまでもありませんです．

おまけ

当初チケットを 2枚買ったのですが，1枚分なかなか相手がつかまらず．．．

開催 1週間をきった頃，ダメモトで mixi に投げかけたところ，「野宿」さんという方からコンタクトをいただくことができました．

チケットは連番なのでライヴもご一緒させていただきました．年代とかお仕事の分野とか人見知りっぽい （失礼） とかいろいろ似通った部分があったりなかったりで話も合い，ライヴ後，市ヶ谷まで呑みに行きました．

貴重なご縁に感謝．東京へ行った際にはまたよろしくお願いしますね ＞ 野宿さん．