多量の外部画像を、一気に読み込んで、それにスムージングをかけつつ Sprite などでラッピングしておいて、ボタンとして扱ったり伸縮させたり、あとからゴニョゴニョできるようにする、というよくあるやつ。
気づいたら毎回似たようなのイチから書いてるので自分用メモ。
並べ方がとか、ドラッグ機能とか、ローディングが無いとか、はサンプルなのでテキトー。ラッピングした Sprite に名前つけてるのは、getChildByName とかで、あとからどうにでも出来るように。
もっとこうすればいいじゃないか、アッタマ悪いなぁ、というコメントなんかいただけると感涙。
前エントリの jQuery.lightpop.js だと、Win の IE でうまく swf が表示されなかった...。
で、もういっちょたどり着いたのが prettyPhoto 。milkbox という mootools ベースのものもありましたが、これについては既に実装している jQuery と強烈にコンフリクト起こしたので断念。モノはよかったので惜しい。
まだ若干の微調整が必要なものの、やっとなんとかなりそう。
というか、こんなことで時間を浪費してる場合じゃ無いんだが...。
全部 IE のせい。誰か、IE を勝手に消去するウイルスを世界中にバラ撒かへんかな。
...に、swf を張り込みたくて深夜に死んでました。
巷には知らない間にたくさん派生プラグインが公開されていて、どれも一長一短。とりあえず、今動かしていた案件に於いては、ほとんどのプラグインが、すでに組み上げた css やら jQuery とコンフリクトを起こして参った。
そんな中、あきらめかけた頃に発見した jQuery.lightpop.js というプラグインはなかなか僕のニーズにマッチしてくれました。セッティングも簡素でソースコードも分かりやすかったので、ひとまず機能面の取捨選択、カスタマイズが簡単に出来た。
（今回はとにかく swf にスムーズにリンクできるものを探してましたが、他にもリンク可能なメディアも多くて設置方法も簡単）
Bumpbox もなかなか派手で（笑）面白かったですが、構造を掘る時間がなくてカスタマイズに難あり、とりあえず保留。
理想的だった某方法は、使用する jQuery のバージョンを下げねばならない、という痛恨の方法だった。これで２時間無駄にした...。そしてもう朝。
これ欲しいなぁ...。
とにかくデスク上の機器すべてのケーブルを無線にしたい。タブレットも intuos3 から愛用してますが、USB ケーブルがいやで、使わないときは毎回片付けてます。でも無線化したい、という理由だけに 40K はちょっともったいないか。intuos3 、どこも悪くないし。
最も無線化したい Apple Keyboar のテンキー付きがワイヤレスになったら入れ食いで買うけど。
マイケル・ジャクソン THIS IS IT デラックス・コレクターズ・エディション（2枚組） [DVD]
なんで逝っちゃったんだマイコー!!
ということであの映画館での感動をもう一度。
せめて一回だけでも本公演が実現していたらなぁ...とつくづく。
やっと一般的にも注目され始めたオリアンティ嬢
ついでに PRS まで元気になるかも。
ちなみに、発売開始された昨日、販売店では3,500円くらいで 2枚組売られてましたが、amazon だと2,800円前後。僕は2,700円ちょいでした。
恐る恐る、愛車の修繕費用を記録していく、という 先代 でも行っていたエントリ。
wordpress で、xml（ feed ）を読み込んで、外部画像データを抜き出し ActionScript でゴニョゴニョしたい時の設定というのを以前エントリしたんですが、この場合吐き出される xml 内の画像パス情報は、
記事に挿入してなくても、アップロードしただけで取得される
のでご注意を。
記事に投稿された画像ではなく、その記事を作成する際にアップロードした画像がそのままデータとして吐き出されます。要するに、その記事のギャラリーにあるものが、記事に挿入されてようがされていまいが反映される、とういことになります。
僕自身、もう少し早く気づきたかった...。
神谷利男デザイン株式会社様のホームページ制作をお手伝いさせていただきました。
2009年の夏から進行していた案件で、2010年元旦、晴れやかに正式公開となりました。
CMS には wordpress を利用し、運営・更新に負担の無い環境づくりを心がけながら制作しました。ベース部分をご提案し、それを踏まえたクライアント様のご要望を取り入れながら、デザイン・Flashの実装・wordpress 環境構築まで、すべての工程を担当させていただきました。
今更な Magic Mouse ネタで連投...。
いや、これいれたら Magic Mouse が最強になってうれしかったので。
長らく5ボタンマウス使ってた身から転身して感じていた不満が完全解消。
Magic Mouse ユーザでまだ入れてない人はぜひ。
eject って、効く !?
Three Finger Swip Down
あたりでトレイが開いてくれるといいなぁとか思ったけど、そう設定してもトレイが開かない。
なんか思い立ってやってしまった。
操作時にカツカツうるさく、且つどんどんチビっていくソウルが気になって。
エアーパッドソールとかあるみたいですけど、わざわざ1000円も使わなくてもなぁ...、みたいなところで、閃いてしまった。
マジックマウス だけに、マジックテープ ！！
早速200円弱で買ってきて、"メス側"をソウルのサイズに合わせてカット。
でもってペタリ。
よーしよし。机上のフィット感もなかなかいいじゃないか。
マジックマウスだけにマジックテープ！誰にも言えない（ブログで公開中）恥ずかしい思いつきだがナイスだおれ！
2009年も数多の素晴らしいWebサイトが出現して、それらを見るたびに、自分もまだまだ目指す頂は遠く、頑張らねばならないことだらけだ、と戒めるわけですが、Flash によるテクニックや、jQuery の目新しい活用法などはさておき、個人的に一番グッときたのが、冒頭のキャプチャにある株式会社島井不動産さんのサイトです（ by 5ive さん）。
最初は、すっきりしてきれいなデザインだなぁ～、と思いながら拝見してたんですが、文字組みの整然さに気づき、ソースを覗かせてもらって、目から鱗でした。
10年ほど前の、世の中の猛者たちが群雄割拠して、まだまだ技術的なセオリーや定番化したテクニック、みたいなものが固まりきっていなかった頃は、『 なるほどそう来たか！ 』という感動がそこかしこにありました。
久しく感じていなかった感動が、このサイトの文字組みにありました（大袈裟 !?ｗ）。
CSS の達者な人たちにとっては、すでに定番な組み方なんでしょうか。不勉強だった僕にとってはまさに『 なるほど！ 』でした。
******* 追記 *******
このエントリを書くにあたって、再度しっかりと（拝見した当時は激務で荒い見方してました）隅々まで拝見しましたが、感動した文字組部分には、jQuery のプラグインが活用されていたんですね！
なんだか結局 jQuery プラグインが感動した、て話にすり替わったようなエントリになってしまってますが決してそんな意図はないことを付け加えておきます。島井不動産さんのサイトが気づかせてくれたことは大切なことだったし、きっちりそういうプラグインの存在も熟知しつつデザインに取り入れているところなど、見習うところの多いサイトだ、という認識はまったく変わってません。
（なんか言い訳がましくなって泣けてきた（反省））
久々の本の紹介。
なんだかんだで購入してから結構経つんですが、 jQueryプログラミング入門―Ajaxにも使えるJavaScriptライブラリ
「こういうことをしたいときはこのコード」
みたいなお手軽サンプル集はいらなくて、ちょっとした応用力も身に付くような本ないかなぁ、と思いながら探し当てた本なんですが、そこそこその要望を満たしてくれている本です。
そもそも jQuery って慣れれば感覚的に書けるのであんまり難しくはないんですが、忘れがちなお作法的なことをリファレンスっぽく調べられたりもする本です。
しばらくチェックしていない間に、 snowleopard 対応ドライバがリリースされてた!!!
DTM 楽しむ時間は無いけれど...。
常々感じてたんですけど、
snowleopard になっても尚、コマンドキーとスペースキーを押下したときに、モニタのド真ん中に遠慮なく出てくるコレ。ものっそ邪魔！
表示しないようにする設定、教えてください。
ついに装着！
これで一通り、やりたかったドレスアップは完了。
激務な日が続き、独身時代ならドカンと物欲を満たして気晴らしにしてたんですが所帯を持つとそうもいかない。お小遣い生活だもの。でもこの度、意を決して奥さんに懇願してみたところ、あっさり「いい返事」をいただけた。
ということでプロジェクターフォグ、ゲットン！
GT エンブレムを装着した顔が、こいつでより一層ひきしまるぜい。
設置がいつになるかは不明。
いいのが思いつかなかったので適当なエントリタイトルですが、Firefox で html に embed した swf を読んだとき、そのswf の stage.stageWidth や stage.stageHeight が正常に取得できてない時がちょこちょこありました。
その都度、変数宣言で直接 var sW:uint = 800、とかやっちゃってとりあえずその場を凌いでました。
で、さっき気がついたんですが、そう感じるときはいつも、先のエントリで雑感を述べた Center element plugin を使っている気がします。
ちょっと今検証する余裕がありませんが、おそらく embed した swf を囲っている <div> タグを、css でゴニョゴニョしているせいではないか、という仮説です。
同じ症状で悩んだ誰か、検証してくれないかなぁ。
閃いたので書きなぐる。後でまとめる。実装するまでのドラフト
/*
* キモの部分。
* 細かい条件分岐などは割愛
* 以下全体を render で呼んどいてENTER_FRAME しとく
*/
// 現在の角度
var nDegree:Number = 現在の角度;
// 目標の角度
var dDegree:Number = 例えば45とか;
// 1フレームで回転する角度（その都度目的角度までの2/1度）
var rad:Number = ((dDegree - nDegree)/2)*Math.PI/180;
// 現在の座標
var pX:Number = camera.x;
var pZ:Number = camera.Z;
// 回転後の座標
camera.x = pX*Math.cos(rad) - pZ*Math.sin(rad);
camera.z = pZ*Math.cos(rad) + pX*Math.sin(rad);
無理かなぁ...
デザイン固まったら試す。
ボックスを上下左右中央にセンタリングしてくれる Center element plugin ですが、一般的にこのプラグインって利用頻度どうなんでしょう？ 個人的には、センタリングしたい場面がたくさんあるので、こういったプラグインはもの凄く助かるんですが、もっと普及しているこの手のプラグインがあるんでしょうか？
というのも、これ Win IE でうまくいった記憶ないんですよね。画面のずいぶん左下にボックスが配置されたりとか、症状のすべてを把握はしてませんがとにかくセンタリングされない、という。
ググってみてもそんなこと言ってる記事見つからないしで、みんなはうまくいってるんだろうか？それとも他の何かを使って既に幸せなのか？とか勘ぐってます。
で、久々にセンタリングしたいコンテンツがあって、うまくセンタリングできないのも忘れてまた使ってみたんですが、今度はなんの苦もなくセンタリングされた。
しっかりとした検証はしてませんが、センタリングしたいボックスに " border " を設定するといいっぽいです。
