ガンプラBLOG　RYUSEI,ING.

div要素内で下揃え、これできたんか。今まで知らんかったのはイタい。汗

はは〜ん、なるほどrelativeとabsoluteのコンボですね。
このコンボはいい仕事してくれますね。
CSSって謎解きみたいで何か。

Ajax.Requestを使用すれば非同期通信ができるので、ユーザーが何らかのアクションを起こした際、画面遷移なしに情報を更新する事ができます。さらにjQueryと組み合わせるとユーザーの操作に対するリアクションにちょっとしたアニメーションを加えたりできるので、スタイリッシュなインターフェイスも制作可能になります。

send.phpと通信します。

jQueryでのcookie保存が一行でできてしまう便利さ。jQueryはほんと魔法のようですね。

これを参照します。

PHPからの参照の場合。

古いネタ？かもしれないですが、Google AJAX Libraries APIの紹介です。これを使用するとjqueryなど、よく使うフレームワークを手軽にロードできます。 いちいちダウンロードする手間も省け、バージョンアップ時にもスムーズに対応できるでしょう。

Google 日本語入力の登場です。携帯などでおなじみの予測変換や学習機能がついてなかなか便利そうです。

「Google 日本語入力」はウェブから機械的・自動的に辞書を生成することで、人手ではカバーしきれないような新語や専門用語、芸能人の名前などを網羅的に収録しているほか、ウェブ上の大量のデータから構築された統計的言語モデルによる変換エンジンによって、高い変換精度を実現しているとのこと。

Googleの世界征服は続く…。

Macで半角カナ入力ってどうやっけ、いつも忘れるのでメモしとく。
別の方法もあるようですが、これが一番タイプしやすい。

ﾂﾏﾗﾅｲｷｼﾞﾃﾞｽﾈ…

TubeFireはページのアドレスバーのyoutube.comの部分をyoutubefire.comにするだけ。
FLVtoもYouTubeのアドレスを打ち込んでダウンロードするだけ。さらにローカルファイルの変換にも対応してくれる。こっちの方が便利そうね。

※YouTube自体、著作権がアレなのでくれぐれもモラルをもって。笑

Flashネタ。前回のPV3D記事「Papervision3D Cubeマテリアル」に続き、今回はよくありそうな基本の3D回転をやってみます。

全部見る

前に書いたFlashからJavascript実行を利用して、Flashからshadowboxを起動させてみます。
Flashからもユーザビリティに配慮したクールなポップアップを実現します。

全部見る

AS2.0でFlashからhtmlにあるjavascriptの関数を実行する。そんな事あんまないような気がしますがどうなんでしょう。いくつか方法がありますが、ExternalInterfaceを使うと簡単に通信できます。

全部見る

UNIQLO CALENDARがいい感じでうっとり。なんて事無い風景もミニチュアっぽい加工でうっとりします。こんな風に撮れるレンズなのか、加工なのか、うーん、これ流行りそうだ。

例えば www の有無。http://www.domain.com でも http://domain.com でもサイトは表示されます。観覧ユーザーからすれば全くもってどうでもいいですが、SEOの観点から見れば検索エンジンは別もんとして扱ってしまうため厄介です。そこで htaccess を使ってURLを統一する方法があるって話。
下の記述を .htaccess としてサーバにアップすると www 有りのURLに統一する事が可能です。

2000年大手メーカーの広告キャンペーンにて発表され、2006年に製品化された「丸明オールド」です（引用）。フリーにとってフォント購入はイタい出費だし、ソフトと違ってキリがないのでスルーしていましたが、企業じゃなく個人商店のお客さんで“あのフォントがいい”って言われてこりゃいかんなと思って購入しました。 丸明オールドは懐かしいレトロな感じなのに新しさも兼ね備えている、そんな感じのフォントです。近頃は広告だけでなくWEB、食品など、何にでも使用されていますよね。そんなカタオカデザインワークスのフォントは他の丸明シリーズやirohaシリーズなど魅力的なフォントが揃います。

書体ごとに個性が強く、組みも難しいですね。

QUIKSILVERのサイトトップムービーがかっこいいです。久しぶりにしびれた。これこれ、こういうのが作りたいねん！ってなる。ブランドイメージはよく知らないけど、クールなスケーター達とWEB表現におけるアプローチのバランスがいい感じ。作っていて楽しいだろうなー。忘れかけていた何かがふっと戻ってきますね。

サイトデータのアップロードは基本ドリームウィーバーでサイト管理して行うけれど、その他FTPクライアントで行う事もしばしばある。これまでFetchでやってきたけど、シェアウェア料を払わないと待ち時間がえらい事に。どうしたものか。3150円くらい払えよ！と突っ込まれそうだが、そんな頻繁に使う訳じゃない。そこでググール。Cyberduckを見つける。オープンソースだしFetchより使い勝手いいし、気に入った。サイバーあひる、ありがとう。

自分のブログをワンクリックでRSS登録してもらうバナーを生成できるサービス。
よく見かけるけどどこで作れるのか知らんかった。
カンタン便利。

IE6で透過pngを表示させる為のライブラリはいくつか存在しますが、そのどれもに微妙な欠点があったりします。特定の条件が重なると透過されなかったり、背景ループ画像には対応されなかったりと、ここぞという時に残念な点がありました。しかし一番の問題はパフォーマンスの低下にあったようです。重いしメモリ食う…、やめというた方がいいよ…、というレベルのようです。

でもそのような問題をすべて解決？しているDD_BelatedPNG.jsというライブラリがありました。
知らんかったー。

これでpngクラスを設定した要素にIE6以下でも透過処理されます。
A Day in the LifeさんがjQuelryとコラボってすげぇいい感じな使い方してます。しかし、まぁ一番の問題はまだIE6の事を真剣に考えている事だったする。まだ2〜3割くらいのシェアはあるんだろうか。ほんとIE6は人気もんだわ。

というのは嘘で、Google Earthの新バージョンのようです。
超リアルなシムシティみたい。
こんなもんがFlashの3Dとコラボッたりしたらもう…。
Googleの世界征服は終わらない。

つーか5時。寝ないとまずい。
4時に寝るようにしてたけど最近5時になった。
こんなもん書かずに寝ろって話。

新型IE8の登場でまた厄介な事があります。これまで言う事の聞かないIE6の為に対策していた箇所がIE8では逆にエラーに、という事が出てきます。javascriptライブラリが動かなかったり、cssレイアウトが崩れたりと、IEの為にいろいろと対策を講じているサイトほど面倒なんじゃないかな。

IE8には3つのレンダリングモードが用意されているので、これを以下のように設定する事で、IE7互換モードとして動作する。

まぁ、これだけでもめんどいですよね。

制作サイドとしても何故かまだシェアが多い？IE6も無視できないのでIE6、IE7に加えIE8のチェックも必要になり仕事が増える。めんどい。
そしてそんな愉快なIE達を全バージョン共存させてインストールさせる方法が以下。
ほんまはひとつも入れたくないんやけどね。。

IE6 と IE7 と IE8 を同じマシンで共存させる方法
http://d.hatena.ne.jp/amachang/20080324/1206352854

うひゃー、すげーやんストリートビュー！これがあれば何処でもいけるー。すいすいー。いつ撮ったんやーこんな写真。どれどれ昔住んでた家でも見に行くか。ドキドキ。うわー、懐かしー！変わってへんなー、今誰住んでんねやろー。

てな具合にちょっと興奮してグリグリした訳ですが、う〜ん・・・。
住所をサクッとコピペするだけで家の前まで行けちゃう。
これは賛否両論あるわな〜。

個人情報保護とか権利とかそんなくだらん話云々ではなくもっと生理的というかピュアな部分の問題かと。

Googleは無邪気すぎるなー。

ルーツ飲んでゴー。今回はRoots × ジャンプって事で面白そうなので歌作った！ブログパーツ貼ってみたがこれその場で再生される訳じゃないのね。残念。

↓こんな感じ
http://www.jt-roots.com/utae/listen4.html?_id=MDAwMzAwODM0Mw==

RYUSEIはドラゴンボール大好き少年なのさだったのさ。

WEB2.0的な話。Googleマップを自分のホームページやブログに実装するのすげー簡単に！って事でやってみました。ほんとに簡単です。
Googleマップで地図を表示させ、画面右上の「このページのリンク」をクリックします。そしたら埋め込み用のコードが表示されるので、そのコードを自分のホームページやブログにコピペ。これだけでOK。YouTube掲載するような感覚でGoogleマップが表示可能です。

で、京都競馬場。今週は秋華賞GIです。ウオッカとダイワスカーレットはずば抜けているが、絶好調の武豊が騎乗するベッラレイアも強いです。前走ローズステークスGIIでダイワスカーレットに破れたものの上3F、33.2秒の豪脚を見せつけました。この3強対決は織田裕二も大興奮間違いなし。FEEL LIVE！

エントリーされている画像をクリックしてみて下さい。
・・・というようなスクリプトです。ガンプラの完成画像って大きく見せたいですよね〜。でも何枚もでかい画像をガンガン貼っていくとページも重くなってくるし・・・って思ってる人にはもってこいの便利機能です。流星は試しにブログに導入してみました。

で、いろいろ種類があるみたいです。

1. Lightbox
2. Lightbox Plus
3. Lightbox JS v2.0

最新のv2.0にしたいところやけどなんか重そうなのと、ちゃんとcloseボタンを押さないと閉じれないのは嫌かな〜、ってわけで丁度いい感じのLightbox Plusに決定。
設置方法については他で詳しく解説されてるサイトがあるので省略させてもらいます。