HOKYPOKY.BLOG

アイスクリーム

夏とセミと青空とアイスクリーム。
これ日本アニメの鉄板ですね!

このあいだのスタジオでもう一曲とってました。
ボクのボーカルがあまりにひどいんで自粛してましたが、会社でのリクエストがおおかったのでUPに踏み切りました。というか、あげるつもりだったよ。マジで。

この曲はベースのユウキくんのバンドの曲です。詩曲ともにユウキくん。
この曲だけに限らずユウキくんのバンドの曲は悪いことをいっさいいいません。

あるのは元気のみ!
おちこんだりもするけど結局ポジティブ!

といういいバンドです。ライブがまたすごくてパワーをお互いに与え合う様が最高ですよ。

さて、動画の方には静止画いれてみました。
沖縄旅行のときの写真ですね。
曲のアタックとかにあわせてみたけど多分だいぶずれてると思われます。

それでいいの。

金魚、動画

金魚の動画が欲しかったんだけどちょうどいいのがなかった。

動画を実際にUPしてみるとYOUTUBEとかのすごさがわかるね。
こんだけの処理をサーバーがやってるかと思うとその仕事量に感服です。

さて、今回はいつかある金魚の映像をにつなげただけなんですけど結構むつかしいですね。

タイミングとかほんとはあわせなきゃいけないだろうし、ただ単純につなげただけだと面白くないから上に何かをのせたりするわけで、さらにCGとかをつかって合成したりするとかになると・・・
動画って奥深いですね。

とりあえずは気楽に動画つくったりして遊んでる訳ですがこうやってちょっとずつ覚えていこうかと思います。

そしてこのサイトのデザインの話をちょろっと。

パブリックな部分でいうとデザインの要素として背景に動画があったら面白いんじゃないかというのが発端でした。

会社のフラッシャー曰く「常にどこかしら動いてるムービーが気持ちいい」とのこと。
Flashムービーを否定するわけではないですが、ということは写真をスライドさせたりするムービーの中身は結局とまっているわけで、実際にflvなどのムービーの方が常にうごいてるものになるわけです。
最近フラッシュをかじりだしたボクとしては難しいこともできないし、動きのあるフラッシュをつくるとしたら結局ムービーにたよるしかないわけです。

あとはプライベートな部分でいうとボクは将来、というかもう既にWEBと動画の関係は切って離せないものになると思ってます。
WEB屋が映像の世界にまで足をつっこんでもおかしくないということで勉強を兼ねて取り入れました。

また、ボクはデザイナーでもないのでサイトデザインの画像を作ることができません。
だけど色とりどりなサイトを作ろうとしたら動画の力に頼るしかないと。そういうことです。

で、長ったらしい話をなんでしたかというと、つまりビジュアルデザインができないからコンセプトデザインで勝負だ!ということ。
そしてここからが本題で、実際につくってみた感想としてはこういうサイトはまだ早すぎたということです。

まず動画をサイトの背景にするということは大きな映像がながれているということで、単純に重いんです。
グラフィックつよくないといけないしね。
また、背景にFLVムービーを流すということは、その上にHTML要素があるということ。
字を読みやすくするために白いレイヤーをおきたいのだけど、べた塗りだと結局映像が見えなくなるから半透明を採用しました。
ただ、この半透明というのがさらにマシンに負荷をかけるものとなり、ブラウザで挙動がちがいまくるという事態になりました。

さまざまなブラウザハックを重ねてとりあえずIE6,7・Firefox・Safariには対応してみたものの、マシンスペックによってはきれいにみることができないでしょう。

ということでやってみたものの結局マシンスペックやOS、ブラウザなど最新のものでないとなかなか満足にみることができないということがわかりました。
ただ、実験を兼ねての制作だったのでここの方針は変えないようにします。

あとはHTMLとFlashの連携をもうちょっとおもしろいことできたらなと思います。
一応、環境的に厳しい人用の避難所デザインも考案中だし。
とりあえず正月休みはそこらへんをどこまでできるかが勝負です!

うりゃ!

今日、オフィスが新しくなりました。
広くなりました。場所はあまり変わってません。

前のオフィスも名残惜しいけどやっぱり新しいオフィスはいい!

窓から見える景色はかわったけど、ボクらの見据える先は変わらない。
もう一度がんばってみようと思いました。

空に大きく手をあげて「うりゃ!」としたくなりましたが
そこはぐっとこらえてやりませんでした。
いや、恥ずかしくてやれませんでした。

25まであと半年。半年でどこまでやれるか。

話変わって最近興味があることに中国があります。
なんか、素敵だよね。

Merry christmas

こんばんは、聖なる夜ですね。

ボクは24日はゆっくりと家で過ごすことにして、23日に鍋パーティをしました。
カニ、エビ、牡蠣とりあえず食べたい具材はすべて鍋にいれて、贅沢という贅沢をしました。

おいしいお酒と鍋。最高の贅沢じゃありませんか。
あとはM−1をみました。個人的にトータルテンボスが好きなので今年もみれてよかったです。

自分へのプレゼントとしてコーヒー豆を買いました。
近くにその場でローストして粉にまでしてくれるいい感じのコーヒー屋さんがあったことに気がついて、いい街にすんでるなと実感しました。

話かわりますが、すてきな映像に出会いました。
Lasse GjertsenというLarvikにいる23歳のアマチュア(おそらく)の作品です。
この人の映像をみると毎回嫉妬してしまいます。
天才っているんだなと。

Singing in the Rain

今回Flashをつくりました。だから逆に自動生成されるflashより機能しょぼいです。
ただ、自動生成されるやつはカスタマイズができなかったので、この際やってみようかと。

というわけで背景を全部動画にしてみました。
ワイドスクリーンだと上と下がいい感じにトリミングされます(仕様)。
4:3だと動画をほとんどトリミングすることなくみることができます。
おすすめは横長ウィンドウです。
パノラマでみるといつもと違った映像をみることができます。

(ブレブレの荒い画像が裏にあるってのも映像としては結構アリかと。)

前にも言ったようにボクはFlashをあんまりさわれないのでこんなにどっぷりやったのは初めてです。
とはいってもグーグルに教えてもらったことをただやっただけなんですけどね。

思ったのはjavascript,CSSを覚えてるとそれぞれの得意分野はそれぞれにまかせられるからいいですね。
あと、javascriptと似てるから取っ付きやすい。

というわけで内容が「このブログ開発ブログ」になってきてますね。
もう少しでひとまず完成するのでもうしばらくそれまでは「このブログ開発ブログ」でいたいと思います。

今回の動画は「雨に唄えば」です。
ただ、普通とはちがく途中からいい感じになります。

とくに最後のシーンとキャッチコピーは秀逸。イギリスで制作されたものです。

バイバイ  (`・ω・´) ノッ

星のメロディ

きこえるだろ?星のメロディ。

どうも、中二病です。

今日、いろんなパソコンでこのサイトをみたらとりあえずバグだらけ。
さすがにいろいろ考えなくてはいかんなとおもっています。

とりあえずFlashのバージョンは9からでした。

あとは、やっぱパーマリンクとSEOかな。
グーグルに拾ってもらいたいし、他のサイトからもリンクできたらいいし。
インターフェイスについては会社の人からいろいろとアドバイスをもらいまして、思うとこ有りですね。

さて、そんなこんなで夜も更けてまいりました。
今日の動画はこれですね。大学の頃よく聞いていた曲です。

やっぱ中二病です。

師走

12月ですね。師走です。
やることいっぱいあるようでそんなになく。
なんだかんだ「忙しい」って口にすることで忙しさを醸し出している日々が続いてるような気がします。

気がつけばもう2008年がすぐそこまできてるし、ジャンプ的にはすでに来年号になってるし。

あまり書くことなく、エントリーを増やしてテストの続きやってる感じのエントリーになってしまった。
今日は朝からずーっと考え事をしていたので今、何も考えられませんね。
はぁー。しわすしわすっと。

そうそう。ひさしぶりにYoutubeみてるけどなんとなく無機質だよね。
あと、英語が多くて違う国にいるみたい。
まあ外国のサイトなんだけど。
とりあえずこれだけだと寂しいので動画でも貼付けてなんとかごまかします。

the pillowsの”Hybrid Rainbow”です。

キャニューフィーる!
キャニューフィーだーしわすしわすっと。

The seagulls skimmed the waves

(yeah yeah)

金曜の夜中に会社の人たちと久しぶりにスタジオはいりました。
vocalもないし、なにかとボクはギター失敗してますがすごく楽しい一日を過ごせました。
高校の頃は軽音楽部でギターばっか弾いてたのを思い出します。

うちの会社は実はバンド経験ある人がおおいっていうね。

いまでは会社でデザインをやっているユウキくんと石田くんですが、CDもだしてるというプロミュージシャンなのですよ。
そのプロとのセッションときたからにはもう、「テンションあがってきたぜー!!」ってなもんです。

間宮さんのドラム、めっちゃうまいし

途中で自分のバンドの練習後そのまま下北沢から直行してくれた市川くんには感謝感謝です。

川北さんのとってくれた映像をはじめてYoutubeにアップしてみました。どうですか?

こんな楽しいメンバーと一緒に仕事ができているボクは幸せものですよ。ほんと。

すこし話がずれて、最近Youtubeやらニコニコ動画やらで動画サイトっておおいですよね。

ボクもこの波にのっかろうと思い動画ブログにしてみました。

なにぶん会社ではコーディング担当。FlashをあまりさわっていないのでFLVのボリュームをかえるコントロールをつけられません。

そりゃそうだ、Dreamweaverが自動生成してくれるFLV Playerだからね。
これを機ににFlashとかも少し手を出そうかと思います。

あとはこれBlogとか書いてますが実は手打ちの単なるHTMLだし、ブログと連携してないんですよ凹○

後ろに動画があるとページが遷移したときにもう一度あたまからロードがかかるのでAjaxとか使わないといかんのですよね。
するとこんどはパーマリンクないからSEOとかもよわいし・・・

そこらへんをクリアしたいです。修行あるのみ。
こういうときはこの歌のコーラスを叫ぶしかない!

(yeah yeah)

もいっちょ!

(yeah yeah)

test

ムービーをリンクしていない場合の挙動をたしかめるテスト。
これがうまくいけばたぶん、おそらくほぼ完成。

Helvetica Neue light

Blogができた!ということでとりあえず記事が一個じゃしょうもないのでやってて気がついたこと。

それはSafariでの文字指定について。
というのも、タイトルをみてもらいたい。

Helvetica Neue light

このlightが効かなくて効かなくて。
効かせようにもグーグル先生はboldについてしかでてこない!

ちがうの!やせたいの、ワタシ。

だからSafari用にHelvetica Neueも定義しました。
Windows用には何も指定してないなー。しなくてもいいとおもってる。

ちなみにボクはこのMADが好きでしかたない。
だからYoutube貼れるようにした。というのはウソです。