plamo

Fantasista Webサイト公開！

2010-07-17T11:25:44Z

デザイン会社、FantasistaのWebサイトを制作しました。
http://www.fantasista.co.jp/

サイト自体は4/1日にオープンしたのですが、そこからさらに機能をちょこちょこと追加し、
ついに先日完成したのです。

制作の進め方としては、最初にデザイナーの榊原くん（写真中央）から、サイトのコンセプトや、目指す雰囲気などをヒアリングし、基本デザインをもらって、そこから僕のフィードバックを重ね、二人であれやこれや意見を詰めていきながら少しずつくみ上げていった流れです。

キバラくん（榊原くん）は、デザイナーとしての経験が非常に豊富で、DTPの技術も長けているので、"グラフィックデザイナー" vs "Webクリエイター"としてのお互いのこだわり、また、できることできないことをぶつけ合ってサイトを作っていく作業がすごく刺激的で楽しくて経験にもなりました。

ちなみにキバラくんのワークスはこちらです↓
http://www.fantasista.co.jp/sakakibara/

そしてFantasistaサイト制作にあたって、主に次のような機能を盛り込みました。

社内スタッフ全員が簡単に記事を作成、更新可能にする
リストページを2段組にして、一覧性をあげる
各記事のメイン画像をサムネイルで切り替え可能にし、簡単に更新できるようにする
トップページはリストページと少しフォーマットが違うため、
更新システムの負荷、柔軟性を考慮し、Flashで作成する
映像作品は作品の性質上Youtubeなどの共有サイトでアップ不可のため、
オリジナルのプレイヤーを作成し、簡単にアップロードできるようにする

(2) の2段組は、メイン画像のサイズがリスト用に小さくなるように、アップ時に、小さくリサイズした画像も書き出しくれるプラグイン実装しました。

(3) のサムネイルでの切り替えは、更新システムにmootoolsというライブラリを使用することで実現しました。最初、jQueryを使っていたのですが、jQuery独特のバグというか仕様で、ブラウザによってうまく表示できないことがあったのでやめました。
編集者はメイン画像5つまでとサムネイル画像をアップするだけで、ページに反映されるようになっています。

(4) のトップページは、Javascriptがオフの場合、また、iPhone、iPadなどのFlashプレイヤーが使用できない端末で閲覧した場合にも、HTMLで表示されます。
Flashの裏側のソースが常に最新の記事になることで、検索エンジン対策にもなっています。

(5) は、編集者がアップしたFlv動画のファイル名を更新システムが取得し、HTMLの flashvar を介してFlashムービープレイヤーが、ファイル名を読み込むという形にして実現しました。
最近実装したばかりなのですが、徐々にアップされる予定です。
参考 → http://www.fantasista.co.jp/works/commercial-film/-shs-id.html

とはいえ、一番大事なのは、サイト内の記事の充実です。
Fantaサイトにはすでにたくさん記事がアップされていますのでぜひ見てみてください〜

Fantasista inc. :
http://www.fantasista.co.jp/

mootools参考：
http://tenderfeel.xsrv.jp/mootools/279/

新たなDJスタイル

2010-07-04T05:57:00Z

先日easorというイベントでDJをしました。

最近Traktor Scratch Pro を購入したので、初めて本格的に使ってみることに。

この日4人のDJが出演したのですが、驚いたことに4人全員がTraktorやScratch Liveを使ったデータでのプレイでした。

15年くらいDJをやってきたので、もちろんアナログレコードでのパフォーマンスに思い入れがあります。
重たいレコードボックス、レコードをチェンジする作業、音の刻まれた盤面を直接触れることで、音源が自分の体に通っているような独特の一体感がたまらん、などなど。

しかしやはり時代の波でしょうか、音楽のパッケージはiTuneなどの1曲単位のデータになり、レコ屋はどんどんつぶれたり縮小したりしています。
ある意味やらざるを得なくなって、このDJスタイルにも挑戦しているわけです。

しかし実際やってみて、これはこれでいろんな可能性を感じます。
1曲を2チャンネルにパラアウトして2枚がけにできたりとか、エフェクトが充実していたりとか（DJミキサーのセンドリターンを使えないのでクロスフェイダーを切るとエフェクトも切れてしまいます）、スクラッチネタを一本のデータにまとめておいてCUEポイントで即座にネタを頭出ししたりとか、全然ダンス音源じゃない曲の一部分をループさせてサンプリングに近い形で他のドラム音源に重ねていったりだとか。。

突き詰めて熟練すれば、ほとんど作曲に近い、いやそれとは別の、オリジナリティ溢れるパフォーマンスも可能だと思いました。

シンプルなDJスタイルから、複雑なライブパフォーマンスまで、より用途が増えたといった印象です。
僕も自分ならではのデータDJ（笑）を構築しよう。（そんな時間あるのか！）
もちろんアナログでのプレイも続けながら。

Scratch Liveでプレイする石井くん。
付属の12インチ盤面でデータをコントロール。

同じくScratch Liveでプレイする西山くん。
早くからデータDJを積極的に取り入れ、最近ではアウトボードのエフェクターを多用し、新旧クロスオーバーした独自スタイルを確立。

この日ゲストのミヤサカ氏。
パソコンと、DJミキサーのみのシンプルなセットだが、Traktorの機能を最大限に利用。
使用しているチャンネルも多く、Traktorに組み込まれたエフェクトも多様している、まさしく新世代DJ。
選曲はDabrye直系で渋い！

ここぞとばかりに彼にTraktorのことをネホリハホリ聞いて、色々と教えてもらいました。

スペシャルゲストの9dw。

soupのスタッフ。気さくでロックな人たち。

□ Traktor Scratch Pro
http://www.dirigent.jp/products/detail.php?product_id=9

□ Scratch Live
http://serato.com/

Imagined Communities

2010-07-03T16:46:12Z

"Harp On Mouth Sextet ＆ AUTORA合同リリースパーティー in 東京"

□ 開催日：2010年08月07日（土）
□ 開催場所：LIVE HOUSE FEVER（http://www.fever-popo.com/）
　世田谷区羽根木1-1-14　新代田ビル1F →Google Map
□ 開場：17:30／開演：18:00／終演：23:00
□ 料金：前売り￥3,000／当日￥3,500（前売り、当日共に別途受付にて1DRINK代￥500）

□ 前売り問い合わせ：
ローソンチケット（L CODE: 71086 　※絶賛発売中）
LIVE HOUSE FEVER（TEL ：03-6304-7899／FAX：03-6304-7898／E-mail：info@fever-popo.com）
Imagined records(info@imaginedrecords.com)

RELEASE LIVE：
Harp On Mouth Sextet（ハープ・オン・マウス・セクステット）／Imagined records
AUTORA （アウトラ／Akio Yamamoto a.k.a. Akio Milan Paak + Jun Takayama a.k.a. speedometer.）／Sublime records

GUEST LIVE：
rei harakami （レイ　ハラカミ)

DJ：
DRUMMATIC（ドラムマティック） Flyrec.
DJ KAMACHI（カマチ） Imagined records
Mr. Plamo(ミスタ・プラモ) Flyrec. / plamo

//////////////////////////////////////////////////////////////////////////////////
急遽オープニングDJで参加することになりました。
下北沢近く、新代田のライブハウスでのイベントです。

是非遊びに来てください！

earsore @soup

2010-05-28T08:53:31Z

日時：2010年5月29日（土）18:00〜23:00
入場料金：2,000円（1ドリンク付き）
場所：Soup（新宿区上落合3-9-10）

Guest DJ：keisuke miyasaka
DJ：Mr.Plamo(flyrec / plamo) / nobuki nishiyama(earsore / Tiltloose Records) / takashi ishii(earsore)

お問い合わせ：03-6909-3000（Soup）

Mr. Plamo名義でDJします。
ぜひ遊びに来てください！

オーケストラ

2010-05-22T04:22:05Z

かつての天才指揮者アンドレイは、30年前にロシア共産主義の政治事情からオーケストラを解雇され、今はロシア・ボリジョイ交響楽団で清掃員をしている。

ある日、劇場にパリ公演の依頼のFAXが届き、アンドレイは昔の仲間を集めてボリジョイ楽団になりすます計画を立てる。

ラスト、15分間のオーケストラの演奏が見どころなのですが、映画の要所に笑える演出があって、ユーモアのセンスを感じました。

ロシア共産主義のお国事情や、商売がうまいユダヤ人の性格に笑える演出をかけたりしているので、ロシア人やフランス人などにとってはさらにツボに入る作品だと思います。

ユアン・マクレガーと浮気をした（笑）メラニー・ロランがヒロイン役なのですが、彼女のバイオリンを演奏する演技がちょっと素人丸出しなところが少しおしかった。

しかし非常に完成度が高い映画で、笑いと感動をたくさんもらいました。

監督：ラデュ・ミヘイレアニュ
出演：
アレクセイ・グシュコブ（アンドレイ役）
メラニー・ロラン（アンヌ=マリー・ジャケ役）

オーケストラ公式サイト
http://orchestra.gaga.ne.jp/

プレシャス

2010-05-14T18:07:40Z

舞台はハーレム。

太っちょで友達もいない16歳のプレシャス。
父親の子を身ごもり、そのことが理由で母親に憎まれ、
さらには父親としか経験がないのにHIV感染も発覚する。

そんな彼女がフリースクールに通い始め、生きる喜びを知っていく。

非常に重いテーマであり、まだまだ根強いアメリカ黒人社会の闇を描いた作品です。

しかしながら、スパイク・リーを彷彿させるような、要所での音楽を使ったポジティブな表現が黒人映画ならでは。

母親役のモニークの演技がうますぎて圧巻です。
アカデミーの助演女優賞を獲得していました。

マライア・キャリーとレニー・クラヴィッツがさりげなく出演しています（笑）。

□ 監督：リー・ダニエルズ
□ キャスト：
・プレシャス：ガボレイ・シディベ
・メアリー：モニーク　他

プレシャス公式サイト：
http://www.precious-movie.net/

クロッシング

2010-05-07T17:40:23Z

渋谷ユーロスペースで、キム・テギュン監督の『クロッシング』を見ました。

北朝鮮のリアルな現状をまざまざと見せつけられ、非常に悲しいストーリーなのですが、単なるドキュメンタリー映画にはとどまらず、一つ一つの表現が繊細で、芸術的であり、監督が映画というエンターテインメントをちゃんと熟知している印象でした。

特にラストの国境を超えた後のシーンでは、少年が向かっていくモンゴル側には朝日が輝き、そのまま少年を中心にカメラをパンして後方を見ると（北朝鮮側）、闇夜の月が不気味に輝いているという演出が素晴らしかった！

クロッシングオフィシャルサイト
http://www.crossing-movie.jp/

ユーロスペース
http://www.eurospace.co.jp/

Luis Nanook "Place" Release Party

2010-04-11T15:58:26Z

先日Flyrec.から"Place"をリリースしたLuis Nanookのリリースパーティーを、4/29（木・祝）に青山のEATS and MEETS Cay（Spriralの左、地下）で開催します。

共演はテニスコーツ、エフロミオ、MASです。
僕はDJで参加します。

当日イラストレーターの會本久美子さん、写真家の羽田誠氏、インタラクティブ映像アーティストの小柳淳嗣氏による映像演出も行われます。

ぜひ足を運んでください！

information & Ticket予約：
http://www.flyrec.com/party/luis_party.html

Luis Nanook：
http://www.flyrec.com/release/index.html
http://luisnanook.com/
http://www.myspace.com/luisnanuk

テニスコーツ：
http://www.tenniscoats.com/
http://www.myspace.com/tenniscoats

エフロミオ：
http://nami-uchi-giwa.blog.so-net.ne.jp/
http://www.myspace.com/efuromio/

MAS：
http://dubdish.com/
http://www.myspace.com/mastyme

會本久美子：
http://emmm.exblog.jp/

羽田誠：
http://www.makoto-hada.com/

小柳淳嗣：
http://www.geocities.jp/koyanagi_junji/pages/profile.html

EATS and MEETS Cay：
http://www.spiral.co.jp/f_guide/cay/

Fantasista Inc.

2010-04-09T10:04:10Z

Planning / Direction / Design
XHTML + CSS2
Flash Authoring
CMS

AD, De, Pl : Naoki Sakakibara [Fantasista Inc.]
Pl, D, De, Fla, Pr : Mikio Yamade [plamo]

JAGDA CALENDAR SALONE 2011

2010-04-09T08:58:04Z

昨年に引き続き、JAGDA CALENDAR SALONE 2011の特設サイトを制作しました。
基本的には、昨年とほぼ同じフォーマットですが、コメントが増えたり、Aboutページを作ったりと、少し要素が増えています。

昨年は作者名のアルファベット順にサムネイルを並べていたのですが、今年は50音順に並べ、サムネイルの下に名前を表記させるなど、よりユーザビリティに配慮しています。

また、イベントのフライヤーをデザインされた草谷さんのグラフィックをアクセントで活用させていただきました。

技術的には今年もProgressionを使用したのですが、バージョンは4にアップしました。
相変わらずページ遷移は非常に制作しやすいのですが、地味にボタンキャスト機能の強化や、swf Object2へのバージョンアップなどの、細かいところへの配慮が嬉しいところです。（FireFox3.6への対応もありがたい）

この中から実際に商品化されるカレンダーが出るといいなー。

JAGDA CALENDAR SALONE 2011 :
http://www.jagda.org/contents/calendarsalone2011/

JAGDA：
http://www.jagda.org/

JAGDA CALENDAR SALONE 2011

2010-04-09T06:37:58Z

Design, Direction, Flash + Progression + XML

P, De : Tadahiro Gunji [Nippon Design Center]
Gr : Takafumi Kusagaya
D, De, Fla : Mikio Yamade [plamo]

アンビバ・リターンズちょっと録音

2010-02-21T17:30:55Z

金曜日にRIOW ARAIのライブにスクラッチで参加したのですが、アライさんがiPhoneのUSTREAMで17分ほどライブ録音してくれてました（音声のみ）。

今やこんなことが超手軽にできてしまうんですね。
恐ろしい時代だ〜

RIOW ARAI：http://www.riowarai.com/

Firefox3.6におけるFlashでの不具合

2010-02-18T03:49:58Z

先日Firefoxが3.6にアップグレードされたのですが、過去にフルフラッシュで制作したサイトなどをチェックしてみると、予期せぬブラウザのスクロールバーが出現したり、以前機能していたボタンが機能しなくなったりしていました。　焦

注意点や解決策などを以下にまとめておきます。

■フラッシュエリアをクリック（フォーカス）するとスクロールバーが出現する

【解決策】
フラッシュエリアを囲んでいるHTMLのdiv要素にoutline:none;を指定する

#flasharea:focus {
    outline:none;
}

しかし、僕はこれでなぜかうまくいきませんでした。
そこで swffit.js を使用したら解決しました。
こちらの方が確実かも。

□swffit：http://swffit.millermedeiros.com/
□参考：http://www.mousouchiku.net/blog/2010/01/22-150505.php

■Firefox3.6 ではProgressionコマンドエラーで、ムービーがストップする

例えばDoTweenerコマンドを使用したりして、コマンドエラーが出力パネルで
出ていた場合でも Firefox3.6 以外のブラウザでは無視して動いていたのですが、
3.6ではムービーが止まったりするみたいです。
3.6では、よりちゃんとしたスクリプトを組まないとFlashが止まっちゃうようです。

Flash以外でも、Javascript周りの機能がちょっと微妙だったり、ブラウザ上でテキストのコピペがうまくいかなかったり、となんだか色々とエラーが起きてるような気がします。

おそらくですが、色んな細かいエラーなどにたいして、ブラウザがシビアに反応するようになったのではないかという印象です。ちゃんときれいなスクリプティングをすれば問題ないのではと思うのですが、敷居があがった気がします。

FlashやJavascript使わずに、これからはHTML5を使うんだぞ！というMozillaの密かな警告のイントロダクションだったりして。。なーんて考え過ぎか。

Progression4：useHTMLInjection

2010-02-16T11:43:00Z

Progression4の機能で密かに注目しているHTMLタグの読み込み。

現在進めている仕事で、Movable Typeから吐き出したXMLをFlash側で読もうと思っていたのだが、HTMLタグから直接情報を読み込んだ方が、スマートだし、そのままHTMLソースもSEO対策に使えそうなので、早速使ってみるこにした。

Is It So Easy?さんの説明を参考に色々試していたのだが、HTMLを読み込む気配は全くない。

色々調べてみたところ、Progression4アップデートリリースノートに
「WebConfig クラスのコンストラクタ第四引数 useHTMLInjection のデフォルト値を false に変更しました。」
と書いてある！

もしやと思い、「WebConfig.as」の「useHTMLInjection:Boolean = false」部分を「true」に変更したらうまく読み込めました。

]]> プロジェクト単位にProgressionライブラリができるので、「WebConfig.as」を直接変更してもよいと思いますが、元を変えたくない方は、index.asで、

var config:WebConfig = new WebConfig(null, true, true, true );

と「useHTMLInjection」プロパティにあたる「WebConfig」の第4引数を「true」にすれば、機能します。

Progression4はパブリックベータ版だが、まだ完全リリースではないので、こうした仕様の変更には気をつけよう。。

□Progression 4.0.1 Public Beta 1.3 API Reference
http://asdoc.progression.jp/4.0/jp/progression/config/WebConfig.html

追記（2010.2.18）：
HTMLInjectionを使って、HTMLを読み込むには、読み込む部分のHTMLソース内の

タグには全て「id」オプションが無いとエラーが出てしまいます。

これはどうやら

というように、divはシーン分けするためにHTMLInjectionでは使用されるようで、

だけではダメなのだと思います。

さらに例えば

〜

で挟まれている部分の要素にアクセスするには、scene1のシーンオブジェクトを生成し、そのクラス内で初めて中のデータが取得できるっぽいので、初めからシーン分けをする目的でHTMLを組む以外の用途だと、かえって複雑になる気がします。

うーん、素直にMTからXMLを吐き出してそれを読むことにしよう。

Luis Nanook "Place"

2010-02-04T07:18:30Z

Flyrec.通算13枚目のアルバムとなる Luis Nanook（ルイス・ナヌーク） "Place" が3月3日に発売されます。

今回、根岸篤男監督によるMusic Videoが制作され、Flyrec.com の Movieページや、新たに立ち上げたYoutubeの Flyrec TV に映像がアップされています。

ノスタルジックで非常に洗練された彼らの音楽をぜひ聞いてみてください！

□ Flyrec：http://www.flyrec.com/
□ リリース情報：http://www.flyrec.com/release/index.html
□ Flyrec TV：http://www.flyrec.com/movie/index.html
□ Youtube Flyrec TV：http://www.youtube.com/user/FlyrecTV
□ Luis Nanook Official Website：http://luisnanook.com/