この冬、二人をつなぐ"twinkle tree"

BEYES表参道ヒルズ店内EditWallでのクリスマス特別企画です。

体を動かすと画面に映った体にキラキラのイルミネーションが点灯し、あなたの体がツリーになります。

YUREX(TM)製品サイトをリニューアルしました。

今回、自分はTOPフラッシュとブログパーツを担当させていただきました。
なんとワールドワイドに英語版もあります!!

自分の揺らぎがビートになる。クリエイティブビートが、計れる。見れる。操れる。 サイコーですね!!

自分で言うのもなんですけど、製品サイト面白いですよ! リンクテキストがブルブルするんです。こんなの見たことないです!!!

YUREX(TM)製品サイトは こちら

おはようございます。さいきん風がぴゅーぴゅー寒いですね。
カヤック理系学生向け会社説明会も来週開催と間近にせまってきました。
申し込みはもう済みましたか？？

会社説明会といえば、先日カヤックの2010年度新卒採用コンテンツがOPENしました。
その名も、「カヤックDAN数」。

http://shinsotsu.kayac.com/2010/

クイズに答えるだけで、楽しくカヤックのことがわかっちゃいます。

たたいたキーボードにあわせて踊る、CCO久場や人事担当本間にもご注目ください。

クイズ問題画面

新卒採用説明会についての詳細は以下の通りです。お申し込みは、マイナビから。

マイナビ2010 - 開催間近！！11月25日に理系の方対象の面白法人的説明会を開催します

2010年新卒採用面白法人的会社説明会の詳細

• 会場：DONBURI CAFE DINING bowls
  （カヤック鎌倉本社1F・鎌倉駅より徒歩5分）
• 開催日　　　：11月25日（火）
• 開場　　　　：15時30分
• 会社説明会　：16時～（約1時間ほどを予定）
• グループ面接：17時10分～18時10分
• 対象職種　　：プログラマー・フラッシュデベロッパー（アクションスクリプ ト部門）
• ※採用選考をご希望される方は、説明会後、1次選考（グループ面接）へ進んでいただきます。
• ※オフィスツアー＆社員への質問会もあります！

カヤック10周年サイトの新コンテンツ「CubaClock」リリースしました！

制作は弊社ラボチームBM11でFlashオーサリングは道家が担当しました。

企画やネタ的には何も申しませんが、映像込みでここまで本当にやっちゃったのはこれが初ではないでしょうか。それでいて、勘違いされようもないこの仕上がり。

ブログパーツもありますよ。

いきさつなどはBM11のCUBACLOCK紹介ページよりご覧ください

Credit:

• 企画編集：BM11
• デザイン：橋本淳史
• Flash：道家陽介
• BGM、SE：片岡巧
• 主演：久場智喜
• 振付、助演：小松大介
• 映像撮影：野崎錬太郎
• 映像編集：本間哲平、安部拓也

• http://www.art-meter.com/blog/cat/

kayac自社サービスであるART-Meterに”猫ぎゃらり～”というコンテンツが追加されたこともあって、「ニクキュ～ブログパーツ」を製作させていただきました。

今回のコンセプトは、とにかく愛らしくつい触ってしまうということをもとに制作しました。

前回の記事を書いてからあっという間に 2 週間経ってしまいましたが、、その間にワールドビジネスサテライトに取り上げられました！また、そのほかにも取材依頼を多数頂いており、こちらの想像以上の反応でうれしい限りです。また、細かいところで少しずつ手を入れております。ここまで来るとただの親バカのようですが開発メンバー一同、緑さんがかわいくてしょうがない状態です。(笑

さて、今回はプロジェクトがどうやって始まったかの経緯について。

弊社は 2、3 年ほど前から産学連携のプロジェクトを始めておりまして、インタラクティブ会議室の開発が始まった頃に自分も産学連携プロジェクトに参加させていただくことになりました。それでインタラクティブ会議室の開発を始めた頃、大学の研究会の発表会に行ったときに、たまたま会って話したのが今回のプロジェクトのキーマンである栗林さんでした。植物をインターフェースとしたプロダクトを数多く作られていまして、その中でもplantio という作品がとても心に残りました。偶然というか、うれしいことに栗林さんも弊社のことを知っていただいてまして、その場で植物の表面電位を使用した表現の話しを聞くうちに盛り上がり、「今度是非何かやりましょう！」ということになったのがきっかけでした。

さて、それがなんと昨年の 11 月でした。まるっと一年前です。我ながら過去のメールを見直していてびっくりしたのですが、web 業界としてはとてつもなくゆっくりとしたペースでこの企画は進んでいったのです。

インタラクティブ会議室の開発や、その他の案件で中々身が空かない状態が続いたのですが、実際にまず何をやるか企画を出し始めたのは 3 月頃になります。

そのようなスロースペースでも「何か面白いものができそう！」という予感はしっかりありまして、それがこれだけ時間を空けていても形にして世に出せた理由なのではないか？と思っております。

次回はどのようにして企画が決まって行ったかについてお話しさせていただきたいと思います。

10月下旬の某日、ネット界隈をひとつのニュースが駆け巡りました。
あの、元・小道具の帝王こと田代まさし氏（以下マーシー）が公式ブログを立ち上げ、100万アクセスを記録したと。（実際は田代砲によるものだったらしいですが）

そこで、なんとか彼を応援できないものか、と話が進み、こんなブログパーツを勝手に製作させていただきました。

このブログパーツは、構想1日、製作1日というかつてないスピード感で製作されました。

旬のものはやはりそのまま頂くのが一番ということで、いつでもマーシーのブログの最新記事をチェックすることができます。また、表示されている応援者数の数字は、自分のブログへ貼り付けてくださったユーザー数なのですが、ログを見る限りでは前日比800%UPという日も見られ、さすがネ申、と感心してしまう今日この頃です。

マーシーの公式ブログはseesaaさんのようですが、発信されているXMLデータをFlash内から取得することが不可能なため（crossdomain.xmlがseesaa側に置かれていないため）、今回はseesaaから取得できるフィードをYahoo Pipesに経由させ、新たに生成したRSSのXMLデータを取得しています。

このYahoo! Pipes、指定のURLから取得してきたフィード内容に対してほかのフィードとミックスしたり、フィルタやソートもかけられるのでおもしろいですよ。

ただ、やはり直接seesaaから取得していないからか、多少の時間差（1～2時間）が見られます。常に最新状況を反映したい場合は、取得するためのphpファイルを作り、Flashからはそのphpにアクセスする、という方法のほうが確実かもしれません。

ちなみにこのマーシー応援ブログパーツ。カヤックのマーシー二人によって製作されたという、まさにマーシーの、マーシーによる、マーシーのためのブログパーツです。

• http://kendo.blogdeco.jp/

弱気な言葉と戦う剣士「月刊剣道時代ブログパーツ」を制作させていただきました。

ブログに設置すると、あなたが書いた記事の中に弱気な言葉がないか探し、弱気な言葉を叩き直してくれます。
自分が気づかないうちに書いてしまった心の弱さをどんどんたたいてくれるので、あっという間にポジティブブログになれちゃいます！

このブログパーツが東京インタラクティブ・アド・アワード2008年アド部門 その他のインタラクティブ広告で入賞をさせていただきました。ありがとうございます！

ブログパーツの構成としては以下のようになっています。

こんにちは
Flex大好きプログラマのアラガです

先日リリースしたFlashPlayer10の新しい機能を使ったサービス「逆音」をリリースしました。
謎のおっさんと一緒に逆再生、スロー再生、高速再生の世界を満喫してください。

制作ノートと言いつつも現在、絶賛色々と手を加え中…のプロジェクトですが、機能テンコ盛りかつ外から見ると (中から見ても) 謎が多くかつ中々おもしろい制作事例なので、ここは一つ制作ノートという形でどのようにして作られたか、何回かに分けて書かせていただきたいと思います。

まず、そもそも「"緑さん" ってナニ？？」というところから一問一答形式で解説させていただきます。

Q. "緑さん" って何ですか？

A. 鎌倉にあるどんぶり cafe bowls で働く植物 (スイートハート 学名：ホヤケリィ) です。世界初 (弊社調べ) のブログを書く植物です。また、触れた人との相性占いを行ったり記念写真を撮ったりもします。

Q. どのようにしてブログを書くのでしょうか？

A. 植物の表面電位の変化量や、その日の気候、相性占いの結果、人との触れ合いなどなどさまざまな要素を合わせて、弊社独自開発の植物語翻訳機により変換された情報をもとにブログの文章を生成しています。

Q. 何のために作られたのでしょうか？

A. どんぶり cafe bowls に来ていただいたお客さんとのコミュニケーションツールとして開発されました。

Q. 開発コンセプトについて

A.「植物と人間がカジュアルにコミュニケートすることで自然をもっと身近に感じることができるのではないか？」ということと「植物をネットワーク化することでどのような環境を実現できるか？」ということをコンセプトに開発されています。

Q. 開発チームについて

A. 慶應大学湘南藤沢キャンパス田中浩也研究室の栗林さん、外池さん、内田さんと、弊社メンバー (荒賀 小倉 浦上 小松 瀬尾 田中 本間 cho45 ※ポニョに習ってあいうえお順) にて開発されています。と、とても人数が多いですね。。植物の表面電位を活用したプロダクトを作成/研究されている栗林さんとのコラボレーションになっております。

Q. 反響について

A. pink tentacle、make といった主に海外のガジェット系のブログで火がつき、ロイター通信社の取材を受けたことがきっかけで英国の BBC ニュースやさまざまなニュース番組で流れたり、世界各国の yahoo ニュースに載るなど、おかげさまで開発者全員卒倒、サーバが吹っ飛ぶほどの反響を頂いております！！ありがとうございます！

より詳細なシステムの構成などについてはコチラをご覧くださいませ！

さて、大体説明したところで次回からはこの企画がどのようにして生まれたかについてから書いていきたいと思います。

• http://atlantica-blog-parts.com/

自分の愛機にフーフーすると、お姉さんがいやんな感じな業界発のブログパーツならぬ“エログパーツ”！

MMORPG（多人数同時参加型オンラインRPG）アトランティカの公式ブログパーツ「アトランティカの風」です。

とにかく、他のゲームブログパーツとは一線を画すクリエイティブをということで生まれました。マイクに向かって息を吹き込むと風力ゲージが溜まっていき、お姉さんが、、、

FlashPlayer8 AS2.0で製作。
アニメーションと各種演出のベースはFuse Kitで構築しました。

下記はゲームスタート時のカウントダウン。

var f:Fuse = new Fuse();
f.autoClear = true;
f.push({target:stageMask_mc, _fade:50, time:0.3, ease:"easeOutExpo"});

f.push({target:count_mc3, _fade:100,_scale:120, time:0});
f.push({scope:_swf, func:function(){_swf.countSE.start()}, time:0});
f.push({target:count_mc3, _scale:100, time:0.5, ease:"easeOutExpo"});
f.push({target:count_mc3, _fade:0,_scale:50, time:0.5, ease:"easeOutExpo"});
f.push({target:count_mc2, _fade:100,_scale:120, time:0});
f.push({scope:_swf, func:function(){_swf.countSE.start()}, time:0});
f.push({target:count_mc2, _scale:100, time:0.5, ease:"easeOutExpo"});
f.push({target:count_mc2, _fade:0,_scale:50, time:0.5, ease:"easeOutExpo"});
f.push({target:count_mc1, _fade:100,_scale:120, time:0});
f.push({scope:_swf, func:function(){_swf.countSE.start()}, time:0});
f.push({target:count_mc1, _scale:100, time:0.5, ease:"easeOutExpo"});
f.push({target:count_mc1, _fade:0,_scale:50, time:0.5, ease:"easeOutExpo"});

f.push({target:gameStart_mc, _fade:100,_brightness:60, time:0});
f.push({scope:_swf, func:function(){_swf.startSE.start()}, time:0});
f.push({target:gameStart_mc, _brightness:0, time:0.5, ease:"easeOutExpo"});
f.push({target:gameStart_mc, _fade:0, time:0.5,trigger:0.1, ease:"easeOutExpo"});
f.push({target:stageMask_mc, _fade:0, time:0.3, ease:"easeOutExpo"});

f.start(true);

こと2.0で組む上でシーケンシャルな演出を作り何度も細かい調整をかける時は本当に重宝します。是非リンパ腺が腫れるまでふーふーしてみてください。

Credit :

• Client : 株式会社ネクソンジャパン
• Ag : 株式会社サイバーエージェント
• Prd : 株式会社カヤック
• CSV : 近藤雅人（株式会社カヤック）
• CD : 久場智喜（株式会社カヤック）
• AD : 嶋田俊宏（株式会社カヤック）
• De : 古川西宏（株式会社カヤック）
• Me : 外村和仁（株式会社カヤック）
• Fl : 村井孝至（株式会社カヤック）
• Pr : 草ヶ谷 尚紀（株式会社カヤック）外村和仁（株式会社カヤック）
• Vi : 株式会社ピクス

 

• http://www.beyes.jp/

今年5周年を迎えるWebセレクトショップサイト BEYESのフルリニューアルをお手伝いさせていただきました。

ローンチが2003年と古い構成であったため、導線から構造、デザイン、UI、システムに至るまで一新。
つかいやすさと正統進化を目標に構築しました。

前回と同じくJSとFlashのハイブリッドUIになりましたが、テイスト雰囲気は踏襲しつつ、5年前には無かった技術を感じる光栄で楽しい仕事でした。

FlashPlayer9 AS3 で製作。

BEYES内にあるリコメンド以外のFLASHは全て1人で作ったのですが、
Thread(http://www.libspark.org/wiki/Thread)
sketchbook(http://sketchbook.libspark.org/)
等、SparkProject (http://www.libspark.org/)に非常に助けられました。

スピード勝負の時は手放せません。ありがとうございます！

Credit :

• Prd : 777interactive(http://777interactive.jp/) ,KAYAC
• CD : 福田 敏也、柳沢 大輔
• AD,De : 吉原 潤
• D : 鈴木 啓央、岩田 慎吾
• De : 市川 葵
• Fl : 村井 孝至
• PM : 野中 あゆみ
• ME : 上村 光星
• TD : 庄司 容崇
• Pr : 横野 巧也、渡邊 匡志、近藤 雅人

• http://finepix.com/

富士フイルムのデジタルカメラ"FinePix"のブランドサイト、FinePix TownMapを製作させていただきました。

コンセプトである"写真と人とのつながり"を意識した地図メタファーの楽しげでスムーズなUI。
サイト運用で起こるコンテンツの追加、更新でクリエイティブが破綻しないデザイン、UI、システムの設計を目指しました。

定期的に発表される新製品、新CM、製品で撮られたフォトアルバムなど、中身が変わることで飽きさせない"ポータルサイト"をフルFLASHでも保つ設計になっています。
SWFAddressによる全コンテンツのユニークURLの付与も重要な要素で、富士フイルム様の本体サイトや各種バナーなど、FLASHの弱点といわれる部分を出来るだけ消せるように注力しました。

FlashPlayer8 AS2.0で製作。

Credit :

• Client : 富士フイルム
• Prd : CyberBuzz, KAYAC
• Pl : 杉浦 健太
• CD : 寶諸 江里奈、鈴木 啓央
• AD : TOKUMA
• FL : 村井 孝至
• D : 古川 西宏
• Pr : 永村 昌典

 

URL:http://shiritori-ring.jp/

つい先日高橋酒造さんのスペシャルサイトを無事に公開させていただきました。

オグルビー＆メイザージャパンのクリエイティブディレクター阿部晶人さんの企画です。

カヤックは企画のブラッシュアップ、実制作を担当いたしました。

このサイトのコンセプトとしては高橋酒造さんの経営理念でもある「人と人を近づけたい。」このコンセプトをもとに制作してきたサイトです。

今、巷で話題のAIRエアギター
単なる駄洒落ガジェットですが、
色んなところで取り上げていただいてうれしい限りです。


画像を使ったアニメーションは得意としているところなんですが、
髪の長いモデルは初めてで、髪の表現で苦労しました。

画像だと切り抜いたときにどうしても縁が汚くなってしまうので、
髪の毛のような細かい表現が求められる部分は、マスクを使ってパスで描いています。

画像の髪の色の上にマスクをかけると不自然になったので、
髪の先端の色を一色に塗りつぶし自然に見えるようにしています。
髪だけでなく腕のパーツなどもマスクをかけました。


余談ですが実はこのガジェット KAYACの旅する支社で
フィレンツェに行っている時に制作したもので、
メイド・イン・イタリーだったりするんです。

ブログパーツ版もあります。

おかげ様で、弊社も今年で１０周年を迎えることができました。
そこで、弊社ではこれを記念して、10周年サイトをリリースしました！

URL: http://10th.kayac.com



今回の記事では、サイト全体をざっくりと説明させていただこうと思います。
本サイトのページ構成は、以下の通りになります。


【カヤック１０年史】
カヤックの１０年史をまとめました。niftyさんのtimeLineと連携しています。
３D VIEWでは、奥行きのある１０年史をみることができます！

URL: http://10th.kayac.com/history/


【みんなのお祝いメッセージ】
お祝いメッセージを投稿していただくと、サイトに投稿した画像とメッセージが反映されます。
画像は、トップページにも反映されます。

URL: http://10th.kayac.com/message/


【自画自賛！社員からカヤックへのお礼】
各社員の名刺をクリックすると、社員の１０年前の写真と感謝のメッセージを閲覧できます。

URL: http://10th.kayac.com/thanks/


【重箱のすみをつつけ】
カヤックの10年間を振り返って、過去の数々のサービスや実験の中から、
改めて注目してみたいサービスを、掘り起こしてみました！


URL: http://10th.kayac.com/project/


【１０周年スペシャルムービー】
俳優の仲本工事さんに出演していただいた弊社の１０周年を記念するムービーです。
今後もムービーは追加されていく予定なので、ご期待ください。

URL: http://10th.kayac.com/movie/


【大奉仕プレゼント】
今月から年末まで、弊社からあなたに大奉仕プレゼントをさせていただきます！
月ごとでプレゼントが異なりますので、詳細はサイトをご確認ください。

URL: http://10th.kayac.com/present/

Web Designing の今月号(2008/07)の AIR WORLD by KAYAC にてFileクラスやFileStreamクラス周りについて書かせていただきました。

こんな感じのサムネイル作成専用AIRサンプルがソース付でついています。
シンプルなAIRでのファイル加工の手順を書いていますので、これを見て便利なAIRを作った！って方がいらっしゃると嬉しいです。
他にも"ごはんとFLASH"の記事も載せていただいているようで、うちの主催者も嬉しそうでした。

ぜひぜひ読んでみてくださいませ（笑

adobe AIRというアプリケーション実行環境が開発されたのはもはや有名ですよね。

スクリプトよりアニメーション派な自分は様々なユーザーが自由にデザインしアプリケーションを開発出来るというのがすごく魅力的で、今後のAIRの可能性に期待すると同時にこれからどんどん挑戦していきたいと思っています。

今日はそんなadobe AIRを少しでも知っていただくため、皆さんもなじみの深い簡単なゴミ箱を作ってみました。

ただ単にゴミ箱を作るのでは面白くないのでちょっとしたアニメーションを加えてみました。

このゴミ箱その名も「カバ箱」。

この「カバ箱」という名前は弊社のデザイナー陣に名前を命名してもらったんですが、その由来はまずゴミ箱のキャラクターが”カバ”そして制作した自分の名前が”kawabata”たから「カバ箱」というなんとも単純な発想で生まれた名前なんです。。でもとても気に入ってます！！

 

AIRを開発するうえで結構使用すると思われるので今回はドラック＆ドロップのソースコードを載せます。

最近、続けて Web Designing に Hello Air World という AIR の記事を書かせていただいていたのですが、今月号より AIR WORLD by KAYAC と連載タイトルを変えて新規に連載を開始させていただきました！

AIR も正式リリースされたことですし、「これから AIR をやってみよう」と思う方達にも「AIR 面白そう！」と思っていただけるよう、基本的なことから書かせていただく予定です。

新連載を祝ってさっそく AIR 意識調査をさせていただきたいと思うのですが、ぜひアンケート ↓ にご協力くださいませ！ (結果は連載に使わせていただきたいと思います)

-アンケート-

あと今月号の Web Designing には AIR 意外にも、ちょっと前に参加させていただいた MTL さんのイベント DESIGN SHOWCASE が取り上げられています。そうそうたるメンバーに囲まれて精神的にはだいぶ縮こまっていたのですが、写真を見ると私の頭がでかく映ってます。

先月に引き続き、Web Designing の今月号 (2008/04)。Hello, AIR WORLD という記事を 4 ページほど私 seo と doke で書かせていただきました。

今回は SQLite の使用方をサンプル付きで解説したものとコラムになります。SQLite をやっていると「ついに Flasher も SQL を書くようになったか…」と感慨深くなります。SQLite は突き詰めるとなかなか奥の深い世界のようです。これを機に SQL に挑戦する Flasher が増えると楽しみが増えそうです。

Web Designing の今月号 (2008/03)。Hello, AIR WORLD という記事を 4 ページほど私 seo と doke で書かせていただきました。

Web API を使用した簡単な時報付時計ガジェットの作成を、サンプル付きで解説したものとコラムになります。基本的なところから解説しているので「これから AIR をやるぞー！」という人や AIR の BETA2 以前に試したことのある人にもオススメの記事となっております。もうすぐでるはず (!?) の正式版の予習にもどうぞ！

※記事を書くにあたって AIR の機能を色々試していたのですが、やはりおもしろくて作りたいものが色々と出てきました。

今回の講座は、Wiiリモコンの操作を活かした内容です。
Flashの内容にはFlade、Wiiの連携にはFlash/JavaScriptインテグレーションキットを利用しています。

以前、Wii×Art-Meterの記事を当サイト上でも投稿しましたが、Wiiでの負荷が高く、ブラウザが落ちやすいという「実用」というよりは「実験」に近いものとなっていました。
今回の講座は、その経験も活かした扱いやすいコンテンツ提示としています。

Wiiは一般家庭への普及率が高く、今後も目を離せないハード。
開発に興味が持てない方も、ぜひこの機会にWiiコンテンツの開発をしてみては如何でしょうか。

ちょっと遅くなりましたが、マイコミジャーナルの連載にWebクリエイターが見た「Adobe AIR Developers Night 2007」を寄稿しました。

この夏休みは AIR をはじめてみよう！という方や、名前だけは知っているけど興味ある方、名前も知らないし興味もないけど…見てあげてもいいんダゼ、ってツンデレな方まで幅広くよろしくお願いします！

マイコミジャーナルの連載に夏の風物詩 - 花火をスクリプトで表現するを寄稿しました。

ちょっとマニアックに物理シミュレーションをあつかっています。

よろしくおねがいします。

マイコミジャーナルに「すぐに役立つWeb絶品テクニック～Yahoo!Pipesでつくるお手軽PhotoViewer 」を寄稿しました。

前回のshuの記事に続き、今回は村井が担当しました。

上の様なフォトビューアサンプルを例にソースコードつきで紹介しています。興味がある方は是非リンク先へ！

よろしくお願いいたします。

2007年7月7日、面白法人カヤックの777Projectの一環で株式会社クーピーのリニューアルに合わせて_level0もリニューアルしました！

デザインも記事が読みやすいシンプルなものに、やわらかい雰囲気を出すため投稿者の顔アイコンを付け、試験的にメンバーのブックマークなどのアグリゲーターを設置してみました。

そして今回から面白法人カヤックのFlashデベロッパーも全面的に_level0に参加します！
より幅広い話題を提供できるのではないかと思います。

今後ともヒートアップしていく_level0をよろしくお願いいたします。

マイコミジャーナルに「表参道アカリウムができるまで 」を寄稿しました。

ひさびさですが今回の執筆はshuこと弊社神谷が担当です。

表参道アカリウムのあかりの表現をソースコードつきで紹介しています。どうぞよろしくおねがいいたします。

UNIQLO MIXコンテンツUNIQLO BLACKを制作いたしました。

UNIQLO BLACK 1st

UNIQLO BLACK 2nd

Credit:

• CreativeDirection: PARAGRAPH
• Direction: Takatsugu Shimazaki(sonicjam Inc)
• Design: Kenji Koga(track)
• Flash : Takashi Murai(CUPPY)
• SE : Takashi Murai(CUPPY)

今回ART-Meterのリニューアルを受け、WiiでART-Meterの絵を鑑賞可能なプレイヤー(以下プレイヤーβ)を開発しました。
Wiiだけでなく、PCからもご鑑賞可能です。

本件、KAYAC BM11(ブッコミイレブン)のプロジェクトの一環として携わらせて頂きました。
他にも面白いプロジェクトがあるので、ぜひご覧ください！

• KAYAC BM11
• ART-Meter：絵画の測り売りサイト　|　ART-Meter×Wii

Credit :

• flash/design: Matsuzawa(KAYAC)
  
• programmer: (KAYAC)

弊社で制作をお手伝いしたakariumがAsia Pacific Advertising Festival 2007 （アジア太平洋広告祭）Cyber部門モバイルカテゴリにて金賞、東京インタラクティブ・アド・アワードにてモバイルキャンペーン部門で金賞、インテグレーテッドキャンペーン部門で銀賞、サイト部門で入賞いたしました。
ありがとうございました！

こちら(777interactive.jp)当時の様子を再現しています
見逃してしまった方はぜひ！

詳細なクレジットは以下

• www.beyes.jp/recommend/46/

BEYES RECOMMEND 46 SOUTIENCOL を制作いたしました。
作り手のデッサンやこだわりを春を感じさせる軽快な動きで紹介しています。

Credit :

• Direction : Hiroo Suzuki(KAYAC)
• Design : Shuhei Kamiya(CUPPY)
• Flash : Junpei Sato(CUPPY)
• Photo : Tomooh Nozawa
• Sound : Hitoshi Yagisawa

表参道akarium

表参道akariumのサイトを制作させていただきました。

「あかりを持ち運ぶ」をコンセプトに「あかり」の表現や文字組に気を使ったサイトになっています。

Credit :

• Creative Direction : Junya Masuda(777interactive)
• Direction : Hiroo Suzuki(KAYAC)
• Design : Satomi Nozaki(CUPPY)
• Flash : Shuhei Kamiya(CUPPY)
• BGM : Hitoshi Yagisawa
• SE : Ikuo Uchida(void productions)

akarium Call Project

akarium Call Projectスペシャルサイトを制作させていただきました。

Credit :

• Creative Direction : Junya Masuda(777interactive)
• Direction : Hiroo Suzuki(KAYAC)
• Design : Shuhei Kamiya(CUPPY)
• Flash : Yosuke Doke(CUPPY)
• Sound : Ikuo Uchida(void productions)

• フォト・コレ！2007

朝日新聞（asahi.com）×TUGBOATのユーザー広告企画サイト「フォト・コレ！2007」を制作いたしました。

スポンサー毎のテーマを選び、写真とコピーを送るとサイトを通じて大賞決定、新聞掲載！というもの凄い企画です。

「スポンサー各社の大賞は、朝日新聞で全面掲載予定！」以外にも、
「グランプリには30万円分の商品券をプレゼント！」
「全4回で著名人が選ぶ優秀作品に5000円のQUOカードを進呈！」
などなど、非常に面白いイベントサイトのオーサリングをさせていただきました。

今日が丁度優秀作品第1回目なのですが、

サムネイル画面よりもゆったり表示。著名人の嬉しいコメントつきです。

画面遷移もろもろ、時間をかけて作り込んでいますので、お楽しみいただけると幸いです。
前回の記事でご紹介させていただいたUNIQLO Expressと同様、今回も可変レイアウトに対応しています。

投稿画面もFLASH側に盛り込んでいますので、楽しく気軽に投稿できます。

ちなみに、弊社の社員も投稿しています。

↑弊社の社長です。

皆さんも是非投稿してみてください！

Credit :

• Direction : Koichiro Tanaka(Projector Inc.),Masanori Kaihata(KAYAC),Daisuke Yanasawa(KAYAC)
• Design : Yosuke Abe
• Program : Tsuyoshi Mano(KAYAC)
• Flash : Takashi Murai(CUPPY)

Sponsor:NTT,gaba,MAGLITE,magabon,PHILIPS,Ministry of the Environment.
＆
TUGBOAT×The ASAHI Shimbun Company

UNIQLOのブログパーツを制作しました。

UNIQLO BLOG PARTS

• Direction : Koichiro Tanaka(Projector Inc.)
• Design: Munehiro Machida(nssgraphica)
• System: Sonicjam＆Kayac
• Flash : CUPPY

• http://www.uniqlo.jp/express/

UNIQLOのフリーペーパーUNIQLO Expressのページビューアを制作いたしました。
マウスホイールで拡大すると、商品リンクがたどれます。

マックユーザーでもホイールが使える様に対応し、古いマックやマウスホイールが無い方のために、＋－ボタンと、アローキーでも拡大縮小が切り替えられるようになっています。
縮小時、拡大時共に、完全可変レイアウトになっていますので、モニタサイズを気にすることもありません。
気持ちのいい動きを常に念頭に置いて制作しましたので、どうぞお楽しみください。

Credit :

• Design : Atsushi Hashimoto(KAYAC)
• Flash : Takashi Murai(CUPPY)
• Sound : Takashi Murai(CUPPY)

• www.beyes.jp/recommend/42/

BEYES RECOMMEND 42 MACKINTOSH を制作いたしました。

雪を降らせてロマンチックな世界観を演出しました。
BGMも素敵に仕上がっていますので、是非スピーカーのボリュームを上げてお楽しみください。

Credit :

• Direction : Hiroo Suzuki(KAYAC)
• Design : Satomi Nozaki(CUPPY)
• Flash : Shuhei Kamiya(CUPPY)
• Photo : Tomooh Nozawa
• Sound : Hitoshi Yagisawa

MYCOMジャーナルへ「FlashからYouTubeAPIを手軽に利用する方法」を寄稿しました。

今回はサンプル付のTipsものに挑戦しました。ご感想やお気づきのことがあればおきかせください。

よろしくおねがいします。