Webサービス向上につながると思うので、共有しておきたい。 ある二子玉川駅付近の(ライズ側チャリ置き場近く)クリーニング屋での出来事である。 そのクリーニング屋は、ちょっとお高めな値段設定なのだが、会員の誕生月は50%OFFになるというサービス(誕生日半額サービス)がある。 因みに僕の誕生日が5月なので、ここぞとばかりに金額のかかる冬場のコートやスノボーウェアを持って行った。 因みにその会員の仕様なのだが会員登録後、3ヶ月は誕生日半額サービスは使えない。 僕は去年の5月に登録して、やっと半額サービスが使えると思っていた。 すると、店員のおばちゃんが僕のクリーニングを利用履歴を見て、 「去年の5月以降使ってないから、誕生日半額サービスは使えません。」 と言われた。 僕は、なぜか？と問いた。 おばちゃん曰く、このサービスは、普段利用してくれてるお客様に対してのお礼サービスとのこと。誕生日半額サービスだけ使うのは、意図に反するとのことらしい。 そんな仕様は店のどこにも書かれていない。 もしかすると会員登録したときに、注釈として書かれていたのかもしれない。 しかし、登録後すぐにそのサービスが使えない以上、ユーザーは忘れているかもしれない。むしろ読んでいないかもしれない。 その内容をどこか目立つ所に記載べきだろう。 または『いついつまでにクリーニングを出さないと、サービスを受けられないよ』というようなメルマガを送ってくれるという方法でもいい。 たかだか1,000 ~ 2,000円ほどの割引にみみっちい奴だなと思われるかも知れない。 しかし考えて欲しい。 今はソーシャルメディアで自分の意見を多くの人に発言できる。 悪評が立ったらユーザーは必ず去る。 ユーザーが去れば、1,000、2,000円の問題では済まなくなる。 Webサービスも同じ事。不親切なサービスはどんなに内容が美味しくても一般ユーザーはありがたみを感じない。むしろ不満を募らせる。 このクリーニング屋の場合、不親切なサービス運用のせいで僕はもちろん、それ以外のユーザーへの信用も失っているはずだ。 ところが、このクリーニング屋にも強みがある。自転車、徒歩で行ける距離にこの店の競合がいない。 だから、ここまで大きな顔が出来るのかもしれない。 そんな戦略は長くは続かないであろう。 他の店舗が出来るまでの天下である。 他の店舗が同距離にあったら、オレは必ず他店舗に行く。 今日の学び こんなイラッとしたゴールデンウィーク最終日だが学びもあった。 今回受けたサービス(受け損ねたサービス)は反面教師として今作っているサービスに反映していきたいと。 心穏やかではないGW最終日。さて仕事に行ってきます。 オレはユーザーに優しくないサービスは絶対に作らない!! bao_baoのただの独り言 どのたか、二子玉川ライズ側(駅付近)にクリーニング屋を作って欲しいです。ここはまだ、ブルーオーシャンだと思います…
「身近な気になるあの人ともう一歩近づく」 をコンセプトにしたfacebook連携型WebサービスPitpatを使ってみました。(現在iPhoneアプリで提供中。PC版は制作中とのこと) 一旦、使い方についてを説明します。 1.faceobookと連携します。 facebookの異性の友達、または友達の異性の友達のサムネールと画面下部に、左から「ドキボタン」「ニコボタン」「ナエボタン」の３種類のボタンが表示されます。 2.好き・普通・興味が無いのどれかのボタンを押す 「好きボタン」を押すと、その人に対して、好き状態になります。 ※「ドキ(好き)」「ニコ(普通)」「ナエ(興味が無い)」という状態は誰にも公開されることはありません。 「好き」状態になった相手が自分のことを好き状態になったらマッチングが成立します。 ※普通は、普通同士でマッチングするそうです。 3.マッチングが成立するとどうなるか マッチングした者同士が匿名状態でメッセージが送り合うことができます。 お互い5回ずつメッセージを送り合えば、相手が誰なのかが分かるという仕組みです。 4.相手の正体がわかった時 相手の名前とサムネールが表示されます。 (招待がわかった後も、メッセージを贈り合う事も可) という流れのアプリです。 温度感が丁度良い 全く知らない者同士ではなく、facebookの友達(友達の友達も含む)との関係で行われるので、気軽に遊べるアプリだなーっていうのがファーストインプレッションです。 僕のfacebookの異性の友達は社内の人がほぼ大半を占めているため、物量的に社内の人とマッチングすることになります。そこに面白い発見があります。 それはマッチング後の５回のメッセージのやり取りです。 互い匿名なので、いつもは使わない敬語を使ったりとか、いつもは聞かないような質問ができるので、知らない一面を見つけることができる時があります。 定形の質問が選択できる 斬新なアイデアではなく形・見せ方を変える こういうコミュニケーションって(以下:Pitapatコミュニケーション)、新しいのかっていうとそうではありません。 一枚の壁越しに男女がいて、相手の手とか口を見て誰かを当てるという、テレビ番組でよくある手法に近いと僕は思っています。 ただ、どんなコミュニケーションでも面倒くさいとやらない傾向があります。 （先の例に挙げたテレビ番組の場合、壁、クイズの用意、またクイズを仕切る審判を用意したりとと1つのコミュニケーションに対して準備が多過ぎです) Pitapatはスマホアプリに落としこむことで、先の面倒くさい準備をアプリが全てこなしてくれます。 それにより、Pitapatコミュニケーションの敷居をグンっと下げているところがとても素晴らしいです。 勉強になったのは、既存のアイデアも形・見せ方を変えれば(昔はできなかったことでも、今の時代と組み合わせれば)古いものが新しく見えるんだなーって感じたことです。 過去のエンターテイメントにはいろいろ隠されていそうです。しかもそれは面白くなくても組み合わせ次第では面白くなる可能性もあるって感じたことも大きな学びです。 PitapatへのUI的な要望 互い匿名時にメッセージの内容をセレクトするときは、「これでよろしいですか？」的なアラートがあったほうがいいかもです。つい間違えて押してしまいますね。 余談 好き状態をストックする数は、最初60と決められています。友人にアプリを紹介すると増えていきます。 バグなのか、仕様なのかわかりませんが現在、友達を招待した数ではなくて、招待した回数で、上限が増えます。しかも、同じ人に何回も招待できます。(同じ人を招待してもストック数が増える)今ならガンガン上限が上がりますねコレ。 bao_baoのただの独り言 今後Pitpatで気になることは２点あります。 ユーザー数をどうやって増やすか … 続きを読む
MarsEditというブログエディタが評判が良いので導入しました。 使ってみてすぐに虜になりました。何が良いのかというと、「リアルタイムレビュー」に尽きる気がします。 このリアルタイムプレビューは、ブログのCSSをそのまま再現することができます。 詳しくはコチラの動画でご確認ください。 とても簡単にブログの更新ができるようになります。 ※Macスニペット機能アプリTextExpanderも同時使用しています。 TextExpander: Mac Typing Shortcut Utility Saves You Time!3000円くらいするので、まずはTextExpander体験版をどうぞ ここからが本題 導入時にエラーが起きたので、備忘録として残していきます。※WordPressの場合です。 現象について 1.編集したいブログをMarsEditに登録します。 2.すると自動認証ができないというエラーが起こるので、Edit Settingsをクリックして、手動で設定します。 3.blogURL+ xmlrpc.phpとする(と他のサイトで説明されている) ※ここで「XML-PRCが無効」というエラーが出る時があります。対象法はこちらを参考に。 Macでブログを簡単に投稿出来るMarsEdit : おばけノート 4.こんなエラーが出力されて上手くいかない。 Can’t get recent posts for bao bao blog because the server reported an … 続きを読む
MacPortsからPythonインストール時の罠に引っかかった。犯人はXCode…?
訳あって久々にGAEを触ろうかなって思って、そういや、PythonがPCに入っていなかったなーって思ってPythonをMacPorts経由でインストールしようとした時の罠のお話。 Computing dependencies for apache2Error: Unable to execute port: can't read "build.cmd": Failed to locate 'make' in path: '/opt/local/bin:/opt/local/sbin:/bin:/sbin:/usr/bin:/usr/sbin' or at its MacPorts configuration time location, did you move it? Before reporting a bug, first run the command again with … 続きを読む
弊社の2012年新卒向けの社員説明会に参加させて頂きました。 何をするのかというと、各事業、各業種の人が集まって業務内容を説明するという会です。 新卒社員は自分が気になっている、興味がある部署のブース的な所に集まって現場の人の声を聞くというものです。 僕はデベロッパー枠(フロントエンドプログラマー)として参加し、デベロッパーという職業に興味のある新卒に向けて説明しました。 大体出てくる質問内容は決まっていて一番多いのが、 「技術が乏しくてやっていけるか不安」 たしかに、これは誰しもが不安に思うことです。 (僕は今でも不安ですｗ) この問に対する答えは僕の中で決まっています。 「新卒で入社してきたメンバーの実力、技術に大差は無く、ほぼ同程度」 そして、 「入社した後に、どんだけ努力し、苦労したか、差が出てくる」 と僕は答えます。 今までの経験上、実力を付けるためには苦労したもん勝ちだと思っています。 なぜ業務で実力が付いていくかというと、業務には製造責任がついてまわるからです。この責任によって、ユーザーが満足する製品を作り上げなければならなくなります。 そして、そこでいかに苦労したかで、同じ同期の中でも差が出てきます。 ここで、ワンポイントアドバイスなのですが、実力を付けるためには「苦労」と書きましたが、もうひとつあります。 それは「素直さ」です。 新人は先輩に教わって、大きくなる機会が多いです。 素直な新人には、先輩はそれ以上のことも教えたくなるのですが、そうではない新人には・・・。 学生時代にやってきた成果は一旦忘却して、まっさらな気持ちで素直に人の話を聞いて仕事をしていくことをお勧めします。 (これで、僕は痛い目にあいました) なので、実力に不安を抱いている新卒の皆さんへ、実力は気にせずに飛び込んできて欲しいです。また、新卒生活で最も大事なのは素直さだということも覚えておいてもらえると嬉しいです。(下手なプライドは自分の足を大きく引っ張りますぞ) 皆社会人になりたてで不安と期待を抱いているのが分かり、懐かしさと共にとても清々しい気持ちになりました。僕もこの頃の初心を忘れないように仕事をしていこうと思います。
現在、hetemlからminibirdへ少しずつブログを移行しているのだが、ちょっとハマってしまったのでメモ。 wordpressをインストールすると、ブラウザに、以下のような意味不明な文字化けのようなものが表示されました。 繧ｵ繝ｼ繝舌縺ｮ PHP 繝舌繧ｸ繝ｧ繝ｳ縺ｯ 5.1.6 縺ｧ縺吶′ WordPress 3.3.1 縺ｯ 5.2.4 莉･荳・・・・ 対象法は、 PHPのバージョンを上げる すると直ります。 ちなみに、PHPのバージョンは、5.1.6から5.3.3への変更。 minibirdがたまたま5.3.3が使えたから運良く最新のwordpressが動きました。 他のレンタルサーバーはどうかわからんですが、wordpress使う際は、サーバーのスペックは要チェックやね。 レンタルサーバーのPHPバージョンが低くて、最新のwordpressが動かんときは、過去バージョン使えばいいってことかね。 ちなみに過去バージョンのwordpressはこちら。
最近、ゲーム開発に関わる仕事をしているのもあり、「成功するWebサイト戦略手法ゲームニクス＆ゲーミフィケーション」というセミナーに参加してきました。 ゲームは子供が遊ぶものだと思われがちですが、その裏には人間心理へのコントロール、日常生活で自然に学んだ体験のノウハウが入っています。子供が行う事という前提があるため、説明書を読まなくてもできるように設計され、ベストセラーになっているゲームは人を魅了させる力を持っています。 これらのメソットはゲーム業界だけに留まらず、Webサイトにも使えるノウハウが入っています。特に、スマートフォンの普及によりWebアプリケーションの浸透もめまぐるしくなっている事、技術的にもWebアプリケーションとサイトの差がなくなっている事からもゲームのような操作性を必要とする時代がやってきたと言えます。 今回はゲーミニクス／ゲーミフィケーションのノウハウや、実際にWebサイト制作、企画に盛り込まれている実例をご紹介いただきます。日本のWebサービスをより使いやすく、より魅力的なものにしてきましょう。 イベントの詳細はコチラ 上記の通り、このセミナーはゲームニクス、ゲーミフィケーションを取り入れた実例を交えた紹介です。 ちなみにゲームニクス、ゲーミフィケーションはこのように解説されています。 ■ゲームニクス←このスライドはゲーム開発者の方に必見です。 ゲームUIを方法論を整理して体系化する ■ゲーミフィケーション ゲーミフィケーション（gamification）とは課題の解決や顧客ロイヤリティの向上に、ゲームデザインの技術やメカニズムを利用する活動全般。 登壇された4名のお話は、それぞれ別々の切り口で興味深くすぐに仕事に生かせるものが多かったと思います。 僕の中で心に残っているのは、サイトウ アキヒロさんのお話にあった「アタリショック」です。 ゲーム史上、重大な事柄をこのセミナーで知りました。 アタリショックとは、早い話が、粗悪なクソゲーが世に出回りすぎてゲームが一つも買われなくなったというアメリカで起こった現象のことです。 詳細はwikipedia この大きな社会現象を元に、任天堂はマリオクラブという一般ユーザーが新規のゲームのテスターとなり、80点以上でないリリースされないという重い決まりを作ったとのことです。 クリエーターのエゴを排し、ユーザーの意見を徹底的に取り込んでいった。 引用元：SwapSkills サイトウアキヒロ ユーザーが何を求めているか、正しくユーザーとコミュニケーションがとれているか？というのは、制作者には全く理解できていない場合が多々あるのだなと感じました。 その後のスーパーマリオブラザーズ1-1の説明にとても感銘を受けました。 例として、最初のマリオの立ち位置について。 開発時マリオは、真ん中に立っていました。しかしテストをしてもらうと右ではなく、左に行ってしまう人が出てきました。そこで、マリオの初期位置を真ん中より少し左に寄せたとのことです。(セミナーでは立ち位置以外にも様々な1-1の仕掛けについてお話されていました) この例から見ても、全く知らない人にプレイしてもらうという重要性を感じます。 今、僕が携わっている仕事でも、ユーザーと正しくコミュニケーションが取れない状況が必ず起きると思っていて、それを回避するためにもユーザーテストの回数を増やしてブラッシュアップしていきたいと感じています。 僕の中のクリエーターのエゴをいかに潰せるかは、あまり心配していません。 チーム内外の仲間達がたちまちズタボロに潰してくれるのでｗ
LimeJSで画像を読み込んむサンプルを作ってみます。 先日投稿した記事LimeJS Helloworldその2に引き続きLimeJSのHelloworld3です。次のような画像を読み込ませてアニメーションさせるDEMOを作ります。 ※スマートフォンでも動きます。 実装方法はActionScript3で言えば、GraphicsクラスのbeginBitmapFillメソッドと似ています。 ※以下、コメント部分に説明を記述しています。 //Imageクラスをインポートします goog.require('lime.fill.Image'); var imgURL = "hoge.jpg"; //画像のURLをImageクラスのコンストラクタに渡すだけ var imgfill = new lime.fill.Image(imgURL); //今回はSpriteインスタンスに画像を表示させます。 var sp = new lime.Sprite(); //ActionScript3のbeginBitmapFillメソッド的な所 sp.setFill(imgfill); 全体のソースはこちら goog.provide('helloworld3'); goog.require('lime.Director'); goog.require('lime.Scene'); goog.require('lime.Layer'); goog.require('lime.fill.Image'); goog.require('lime.Sprite'); goog.require('lime.animation.Sequence'); goog.require('lime.animation.Spawn'); goog.require('lime.animation.FadeTo'); goog.require('lime.animation.MoveTo'); goog.require('lime.animation.ScaleTo'); … 続きを読む
今回は次のようなDEMOを作ります。 LimeJSは、ActionScriptと書き方が似ていて、とっつきやすいです。 僕はFlashDeveloperなので、ASとの書き方と比べながらHelloworld2をやっていきます。 ※ソース内のコメントに僕の今理解している範囲の解説を記述しています。 0.プロジェクト作成 ターミナル(Windowsの場合コマンドプロンプト)を起動して、以下のPythonコマンドを叩きます。 python bin/lime.py create helloworld2 プロジェクトの作成については、以下の記事を参考に。 LimeJS Hello World | reinit_creative log 1.クラスのインポート //ネームスペース→自動的に生成されるので多分必要 goog.provide('helloworld2'); //使用するクラスをインポートする goog.require('lime.Director'); goog.require('lime.Scene'); goog.require('lime.Layer'); goog.require('lime.Circle'); goog.require('lime.Label'); goog.require('lime.animation.Sequence'); goog.require('lime.animation.Spawn'); goog.require('lime.animation.FadeTo'); goog.require('lime.animation.ScaleTo'); goog.require('lime.animation.MoveTo'); goog.require('lime.animation.RotateTo'); ちなみに、クラスを追加、削除した場合は、updateする必要があります。 以下のPythonコードを叩きます。 python bin/lime.py update 2.HTMLへのアタッチ 以下の例だとbodyタグにアタッチさせます。 … 続きを読む
先日、LimeJS Hello World | reinit_creative logという記事を書いたのですが、なんか最後のビルドでうまくいかなかったので、僕の環境でうまく行った方法を書いていきます。 1.ダウンロード ↓↓こちらからダウンロード。 LimeJS HTML5 Game Framework ダウンロード先が二種類あるけど「Download as ZIP package」ではなく、「Download from GitHub」を選択します。 ターミナルを起動して、limejsファイルをダウンロードする場所に移動します。 ※以下のコマンドを叩くと、デスクトップに移動します。 cd /Users/各Macのユーザーネーム/Desktop 以下のコマンドを叩くと、LimeJSがダウンロードされます。 ※gitがインストールされている必要があります。gitインストールこちらからDownload(Mac Ver.) git clone git://github.com/digitalfruit/limejs.git 2.インストール ターミナルで、ダウンロードしたLimeJSのディレクトリに移動します。 ※デスクトップにダウンロードした場合は、以下のコマンドでlimejsに移動します。 cd /Users/各Macのユーザーネーム/Desktop/limejs 以下のPythonのコマンドを叩きます。 ※Pythonのインストールは省きます。(Macは、最初からインストールされています) python bin/lime.py init するとこんな感じでインストールが始まります。 3.プロジェクト作成 … 続きを読む
巷で流行っているLimeJSをHello Worldまでやってみたメモ。 セットアップまでにターミナルとPythonを使用しないといけなくて、jQueryとかアニメーション系ライブラリに比べるとちょっと壁が高い。 1.ダウンロード ↓↓こちらからダウンロード。 LimeJS HTML5 Game Framework ダウンロード先が二種類あるけど「Download as ZIP package」を選択。 2.インストール ターミナル(winの場合はコマンドプロント)を立ち上げて、 cdコマンドで、先程ダウンロードしたLimeJSのディレクトリに移動します。 以下のPythonのコマンドを叩きます。 ※Pythonのインストールは省きます。(Macは、最初からインストールされています) python bin/lime.py init するとこんな感じでインストールが始まります。 3.プロジェクト作成 helloworldというプロジェクトを作成します。 この作業もターミナルで行います。以下のコマンドを叩くと、自動的に必要最低限使用するファイルが生成されます。 python bin/lime.py create helloworld 4.HelloWorldする ローカルサーバーを起動します。 helloworld/helloworld.htmlをブラウザで開くと以下のようなサンプルが表示されます。 ※これはただの画像です。サンプルでは、オレンジのボールをドラッグできます。 5.リリースビルドする LimeJSは、Googleのclosureライブラリを使用しており、closureライブラリの機能で、複数のJSを1つのJSファイルに圧縮してくれます。 現在、僕がそのやり方が分からないので、このブログではここまで。
2012年も始まりました。 Twitterが1209の天空の城ラピュタ『バルス』に耐えたので、年末の『あけおめ』にも耐えるかなと思っていました。 Twitter、ニコ生 「バルス」に耐える | ニコニコニュース ※ブログを書いている今現在(0:10頃)、落ちてます。 Twitterのクジラ君を久々に拝見しました。 facebookは安定 Twitterのダウンに加え、mixiも不安定でmixiではつぶやけません。 それに引き換え、facebookは僕の環境では全く落ちずに、安定稼動しています。 僕は、『あけおめコミュニケーション』を友達、知り合いと交わすことが出来ました。 このような状況なので、Twitterと、facebookの同接数がとても気になります。 来年は？ これはインターネット上の情報や憶測でしかないが、日付が変わった瞬間に日本人の多くが「あけましておめでとう！」や「あけおめ」、「ことよろ」など、新年のあいさつを書き込みしたため、Twitterサーバーに負荷がかかったのではないかといわれている。 ケータイで「あけましておめでとう」をする人が多いとケータイ回線がパンクする可能性があるため、ケータイメールで「あけましておめでとう」をするのはやめようという声が広まっている。もしかすると、Twitterでも自粛したほうがいいかもしれない？ 引用：年明けすぐにTwitterが落ちる / 多くの人たちが「あけましておめでとう」をつぶやきすぎた？ – ロケットニュース24（β） ケータイメール、Twitterで年始の挨拶を元旦0時に発信するユーザーは、ほぼ若者なので、↑↑このように声をかけあっても、効果は薄いと思います。 そうなると、分散させる何かを作るか、インフラを強化するかになるかなと。2013年は、今年より、確実にケータイユーザーとソーシャル人口が増えていると思うので、その辺の対応には注目していきたいです。 これは、元旦の「あけおめ」に限らず、バルスのようなイベントにも出てくる問題かと思います。 Webサービスは使いやすさが一番ではありますが、「落ちない」という要素もユーザーの心を掴み続けるファクターのように思いました。 2012年も無事明けました 何はともあれ、無事2012年を迎えることが出来ました。 本年も本ブログをよろしくお願いいたします。 ※僕の環境では、0:55頃Twitterは復活していました。
2011年も、もう数日で終わります。2011年はいかがでしたでしょうか。 僕のこの1年を振り返って見ます。 1月 前職FORMES Inc. 退社 2月 嫁が全Flasherを敵に回す↓↓詳しくはコチラ↓↓ ActionScriptを知らない嫁が世のFlasherにドン引きした件について 3月 サイバーエージェント入社↓↓詳しくはコチラ↓↓ [社会復帰]初出社してきました。 東北地方太平洋沖地震 4月 PiggFighterプロジェクト始動 嫁が被災地のために動いていた。↓↓詳しくはコチラ↓↓ 嫁が知らぬ間に日本のために節電シールとポスターを作って成果を出していた。 5月 29歳になりました。(昭和57年生まれです。) 29歳になりました。 6月 PiggFighterのセミナーをさせて頂きました。↓↓詳しくはコチラ↓↓ Web Designingセミナー「Kinect Hack with Flash」ありがとうございました。ピグファイターのロンチしてきました。 7月 結婚式を地元広島で挙げ、ギリシャ、イタリアに新婚旅行へ行きました。 結婚式DONE＋新婚旅行 アメーバ締め会で課金部門MVPを頂きました。↓その時に頂いたトロフィー 8月 おばかアプリ選手権出場 WindowsAzure賞受賞 9月 人生初執筆した本(共著) フィジカルコンピューティングを「仕事」にする 10月 dotFes2011京都出展 dotFes2011京都にピグファイターを出展してきました … 続きを読む
→Pia-no-jaC←(ピアノジャック)のライブを見に行った
2011年12月19日に、東京ドームシティーホールで→Pia-no-jaC←(ピアノジャック)のライブを見に行きました。 →Pia-no-jaC←とは 2005年4月結成。 HAYATO(Piano)、HIRO(Cajon)の二人で構成されるインストゥルメンタルユニット。名前の由来は左から読むとピアノ、右から読むとカホンとなる。「ピアノとカホンの二つの楽器でライブ空間をジャックする」という意味が込められている。 鍵盤と打楽器だけという非常にシンプルな構成ながらも、力強くて激しいピアノの旋律、独特な存在感をもつカホンの音色。一見全く異なった二つの楽器が見事にマッチした演奏は、エネルギッシュかつシャープでありながらオリエンタルな匂い、「和」のテイストが散りばめられている。 まさに「ハイブリッド・インストゥルメンタル」と表現されるにふさわしい。 とピアノジャックの公式サイトで紹介されています。 ちなみにカホンというのは、以下のような楽器です。 数年前にヴィレッジヴァンガードのCDコーナーで見かけて視聴して気になって、Youtubeで聞いてハマりました。 今まで何回かライブに行くチャンスはあったんですが、タイミングが悪く行けませんでした。ちゃんとしたライブは初めてでした。 彼らの特徴は、主にクラシック音楽をアレンジした、激しいピアノとカホンの演奏スタイルです。 ↓↓こんな感じの演奏↓↓(ベートーベン 交響曲 第9番 ニ短調 作品125 「合唱」 第4楽章のアレンジ) 一番熱かった所 今回のライブで一番熱かった部分は、風の憧憬から始まり、ビッグブリッヂの死闘〜妖星乱舞〜片翼の天使のコンボが半端無く格好良かった。 静かにクロノ・トリガー世界に入って、ビッグブリッヂでのギルガメッシュとの攻防で源氏の盾を盗みつつ、三闘神後のケフカに、皆伝の証と源氏の小手とドリルを装備して、アルテマウェポン二刀流乱れ打ちを心の中でしていました。 生で聞かないと分からない部分ですが、HAYATOのピアノ音洪水と、カホンの響きが織り成すハーモニーは、ただこの空間に浸っていたいという気にさせてくれます。 クロノ・トリガー 風の憧憬 FINAL FANTASY「ビッグブリッヂの死闘〜妖星乱舞〜片翼の天使」 まとめ ピアノのHAYATOは、本当にすごい。 鍵盤まったく見ずに指がすごいスピードで動いているのが、単純な感想で申し訳ないけど、すごい。 世の中に発信していく身として、こういう自分にしかできないものがあるっていうのは、本当にうらやましいな、と思うとともに、こういう自分らしさがわかる技を探していかないといけないなと思いました。 余談 ピアノジャックを聞いてて、クライスラーカンパニーを思い出しました。 葉加瀬太郎が若い。
先日CAnvasというCyberagentの2013年新卒向けリクルートサイトがリリースされました。 CAnvas トップ CAnvas トップ 前職でFlashを使ったキャンペーンサイトをいろいろ作ってきたので、CyberAgentで2013年新卒向けのサイトを作る人を戊種していたので手を挙げてやってみました。 ちなみに、このサイトは、企画、デザイン、HTMLコーディング、Flashオーサリング、バックエンドのシステムは、弊社の中で全て完結しています。 ※音楽と写真は、外部の方にお願いさせて頂きました。 今まで2~5人くらいの小さな会社でしかサイトを作ったことがなかった僕が、総勢2000人を超える大きな会社で制作した感想について書いていこうと思います。 スムーズな情報のやり取りと意思の団結 CyberAgentには先にも書きましたが、デザイナー・Flashデベロッパー・コーダー・サーバーエンジニアが揃っているので、一つのサイトを、外部に頼まずに進められることができます。 また、社内だけで進められるため、以下のメリットがあります。 スムーズな打ち合わせ(皆社内にいるため、タイミングの融通も効く) →これが一番大きい。 上司へも確認がしやすい、また相談もし易い プロジェクトメンバーとのコミュニケーションが取りやすい →皆の意識を統一しやすい 社風から、皆意見を言いやすい環境。(特に上下関係を気にすることなく、一つの目的に対して自分の意見を言う環境) とても開発しやすい環境だったと思います。 以前は、デザイナーとFlashデベロッパーしかいない事務所だったので、特に密なコミュニケーションが必要なサーバーエンジニアは、外注でした。電話のやり取りや、メールのやり取り、打ち合わせするのも、無駄に時間を労することもあったように思えます。 エンジニアが近くにいたら、こんなに楽なのか！！っていうことを実感しました。F田くんお疲れ様！ 素直なイイヤツが多い いつもはアメーバピグの制作に関わっているのですが、このプロジェクトは違って今まで関わったことがない人たちと一緒に制作しました。 ピグのメンバーは、皆優秀で良い環境にいるということを一緒に働いていて感じていましたが、今回のプロジェクトを通して、皆素直でイイヤツばかりだなっと思いました。よくこんなに、イイヤツラがいるなとレベルの高い人事力を感じました。 制作する上で相談がしやすい このプロジェクトに関わらずですが、Flashでスクリプトを書いている中、技術的に行き詰ってしまうことがあります。Google検索したり、本を読んで解決していきますが、どうしても分からなかったときに、同じFlashデベロッパーが身近にいるっていうのが、とても安心できます。しかも、同僚のFlashデベロッパーは、ほぼ皆広告系のプロダクションで精神と時の部屋を過ごした民なので頼もしいです。 以前は、一人でなんとかしないとイカン！！っていう状況なので、根性がつく分には良いのですが、長く続かず体壊してました。 僕が参加した理由 社内で完結するとはいえ、通常業務がある上でのプロジェクトなので、人員の調整はやはり苦労しています。しかし、それでも、良い人材を採用したいので、良いものをアウトプットしたいから、社内で協力、調整してメンバーが集まったのかなと思います。 僕がなぜ参加したかというと、CyberAgentのクリエイティブをもっとレベルアップさせたいからです。 そのためには、クリエイティブに関わる人間が、クリエイティブな活動うぃ盛り上げる必要があります。 まずは、社内を巻き込むクリエイティブの活動を増やしたいと思っています。 今、1pixelというフロントクリエイティブに関わる人間が、交代でブログを書いています。 こういうクリエイティブを盛り上げる活動は増やしていくべきだと思っています。(運営の方々お疲れ様です) こういう活動を増やしていくためには、デザインプロダクションや、広告系に流れていくデザイン系の若き人材をもっと増やす必要があります。(もちろんその人材を育てる、中途デザイナーの採用もしっかりやらねばならないのですが) まとめ CyberAgentは、平均年齢が30歳弱ですと若い人ばかりです。 僕はCyberAgentに入って半年くらい経ちますが、その中で思ったことがあります。 若さの力はすごいということです。僕が新卒で入社した前々職の40代後半だらけの環境とは打って変わって勢いもモチベーションも違います。グイグイです。 とても元気があふれています。 … 続きを読む
11月4,7,8日と遅めの夏休みを頂いて、マレーシアに旅行に行きました。 僕にとっては、アジア海外旅行は初めてです。 マレーシアの理由としては、現地に3年ほど住む嫁の友人に会う為です(観光も含め)。 11/4 0:30に羽田国際空港からシンガポールのチャンギ空港へ発ちました。 夜便の良いところは、寝て起きたら到着しているからです。 2時間シンガポール観光 シンガポールからマレーシアのペナン国際空港への便は6時間ほど乗継に時間が余っていたので、シンガポールの無料観光バスツアーに参加しました。 シンガポールは、鋭意開拓中で、高いビルがバンバン立ち中でした。 バスツアーのバス いろいろ混ざる街並み なぜか降ろされた中華風寺院 僕 シンガポールの印象は、唐突に違うテイストの建物が立ち並んでいるというイメージです。 また、建物の色味が日本では見たことがない、ビビットなものが多い印象が強いです。 チャンギ空港は、無料で使えるインターネットサービスがあるので、現地ツイート使用と思ったのはよいのですが、日本語が打てないので要注意です。 チャンギ空港フリーインターネットスペース 着ペナン島 大きな地図で見る バスツアーを終え、2時間のフライトでマレーシアのペナン島へ。 着くといきなりのスコール。 着いていきなりスコール 雷がゴロゴロゴロとなっていました。 嫁の友人と合流し、QueensBayのジャスコでに行き、買い物をしました。 そこで、デザイン的にありえない光景を目にしました。 デザイン的な配色が新鮮過ぎる 肥料かと思ったらお米 日本ではあまり見られない配色 日本ではあまり見られない配色 ジャスコ もし、マレーシアに限らず海外でWebサービス展開する時は、現地でウケるデザインを熟知しないといけないのだなということを学びました。 また、QueensBayで友人夫婦オススメの中華料理を食べました。 担々麺と小籠包がとても美味しかったです。食事に対する壁は無いことを認識しました。 担々麺 家でかい 友人家で4日間お世話になったのですが、家に上がらせてもらってまず、家の広さにびっくりしました。 30階弱のマンションの13階で、20畳位あるリビング＋6~8畳くらいの部屋が6部屋くらいあって、東京1Kレベルの値段らしいという・・・。 ※写真はありません。 そんな感じのカルチャーショックで初日を終えました。
明日(10月26日[水])にピグファイターメイキングセミナーをデジタルハリウッドさんでやらさせて頂きます。 詳細はこちらです。 ※以下、引用させて頂いております。 【『ピグファイター』メイキングセミナー 開催概要】 http://school.dhw.co.jp/e/pig/ 日時：2011年10月26日（水）19：30～21：00 ※開場 19：00～ 会場：デジタルハリウッド東京本校 1Fセミナールーム JR/御茶ノ水駅 御茶ノ水橋口・丸ノ内線/御茶ノ水駅・ 千代田線/新御茶ノ水駅から徒歩2分。 地図はこちら→ http://school.dhw.co.jp/about/access.html 定員：50名 参加費：無料 【申込方法】 下記ページよりお申込ください。 http://school.dhw.co.jp/e/pig/ 【講師】 ・サイバーエージェント PiggFighter制作チーム 社内のデザイナー・プログラマー・サウンドエンジニア達によるユニット。 新しいデバイスやＵＩを使った実験的な作品を制作している。 共著書：「フィジカルコンピューティングを「仕事」にする」 ・茶谷 亮裕氏 本科デジタルコミュニケーションアーティスト専攻（全日1年制）在学中 【PiggFighter（ピグファイター）とは】 KinectとFlashを活用して、アメーバピグと連動させた体験型対戦格闘ゲーム。 プレイヤー自身のジェスチャーでピグアバターを操作することで、全身で格闘ゲームを楽しむことができます。 必殺技ピグファイヤーや超必殺技ピグゲイザーを駆使して戦おう！ http://www.facebook.com/piggfighter
dotFes2011京都の記念写真 僕達、サイバーエージェント PiggFighter制作チームは、dotFes京都2011に弊社サービスアメーバピグとKinectを連携させた、体験型対戦格闘ゲームPiggFighter(ピグファイター)を出展して来ました。 場所は、京都精華大学です。 ◆PiggFighterとは？※WebDesigningセミナーで発表しました。 また、共著:フィジカルコンピューティングを「仕事」にするでPiggFighterは紹介されています。 今回は、dotFesに向けてPiggFighterを2.0にバージョンアップさせました。 バージョンアップさせた点について 1.ランキング機能、ツイート機能の追加 各ファイトにポイントを付けて、ランキングを表示させる機能と、 戦いの結果と戦った時のスナップショットをツイートさせる機能を追加しました。 PiggFighterツイート ランキングはKinectのスナップショット機能を使用して撮影し、顔の部分をスケルトンの座標から取得して顔画像部分のみを抽出し、ランキングに保存します。 ランキング ランキングに戦いの最中の真剣な自分の顔が表示されるのが面白いです。 PiggFighterのTwitterアカウントはコチラフォローよろしくお願いします。 2.ドライバをOpenNIからWindowsSDKに変更 これが、一番の目玉機能です。 今までのPiggFighterは、OpenNIを使用しているため、荒ぶるKinectのポーズでKinectに人の骨格を認識させていましたが、その工程が不必要になりシームレスにKinectとFlashが繋がるようになりました。 荒ぶるキネクトのポーズ PiggFighterの盛り上がりについて ほぼ間を空けず、お客さんに来ていただき、楽しんでもらいました。特に、女の子の学生たち(おそらく精華大学の学生)が来ると、キャッキャ盛り上がってくれて、運営側としても楽しかったです。 PiggFighterブースの全体像 定番のアメーバウォーター 女の子はキャッキャやってくれました。 身内でも遊びました 身内でも遊びました(その2) ここから反省点。 反省点1:もっと技を出しやすくしたい OpenNIからWindowsSDKに変わって、かなり技を出すことにストレスが無くなって来ましたが、体格、服装によって、多少ジェスチャを認識しづらい時がありました。この辺はカイゼンあるのみ。今は、大人が対象ですが子供もストレスなく技を出させてあげたい。 反省点2:2ラウンド先取制は長すぎたかも イベントの内容にもよるんですが、今回の場合、サクサクお客さんを回すために2ラウンドではなく、1ラウンド先取にすればよかったかもしれません。TPOに合わせて、ラウンド数は設定画面から変更できるように実装する必要がある気がしました。 反省点3:スナップショットが普通すぎる 京都に行ったときに、instagramで写真をtwitterで投稿してて思ったのですが、戦いのあとのスナップショットがシャッターが切られたままの状態だったのが物足りなく思い、何かしらのエフェクトが欲しいなと思いました。 dotFesのスナップ 京都精華大学。山に囲まれ、噴水があってイイナと思いました。 この日は、秋晴れ あるセミナー風景 クルクルさんのお化け屋敷(の受付)。かなり怖かった。 カタマリさんのコンセプチャルな作品 iPod … 続きを読む
弊社のラボチームで制作したKinectとアメーバピグが連動した体験型対戦格闘ゲーム『PiggFighter』が、dotFes2011京都に出展することが決まりました。 dotFesとは dotFesは、インタラクティブな時代のものづくりの魅力を、時代を牽引するクリエイターたちの考え方や制作テクニック、作品や表現に触れることで、たっぷりと学び、感じとってもらうためのイベントです。 ゲストが豪華過ぎる Partyの中村さん、清水さん、ココノヱの宗さんとか、スピーカーもとても豪華です。出展することも楽しみですが、単純にセッションを聞きに行くことも楽しみです。 ちなみに僕は、出展することはもちろん初ですし、参加するのも初です。 定 員：550名（先着順 / 事前予約制） 定員550名(予約制)とのことなので、ご予約はお早めに。 PiggFighterの展示場所 インスタレーションルームに展示されます。 詳細はコチラ 京都で一緒にピグファイヤー出しませんか？
第5回おばかアプリ選手権にピグファイターで出場してきました。
少し前のお話ですが、8/20(土)に第５回おばかアプリ選手権に出場してきました。 おばかアプリ選手権とは 「おばかアプリ」とは、ムダにかっこよくて、かゆくないところにも手が届く、ばかばかしくて面白いアプリを指します。挑戦者が、スマートデバイスアプリ、HTML5アプリ、Facebookアプリ、ARアプリなどで戦い、来場者の投票によっ てグランプリを選出します。 とのこと。 第5回おばかアプリ選手権「これじゃなーい！」- ＠IT 僕達サイバーエージェントが発表したアプリは、PiggFighterです。 PiggFighterとはKinectとアメーバピグを連動させた対戦格闘ゲームです。 以下DEMO動画です。 PiggFighter DEMO Movie from bao_bao on Vimeo. PiggFighterについての詳しい内容は、以下の記事を参考にしてみてください。 ・Web Designingセミナー「Kinect Hack with Flash」ありがとうございました。 | reinit_creative log ・PiggFighter / Kinect Hack with Flash｜1 pixel｜サイバーエージェント公式クリエイターズブログ なんと受賞しました 出場した結果、Windows Arureを使用していないのに、Windows Azure賞を頂、KinectとXBoxを頂きました。 おばかアプリ選手権のfacebookページにアップされている、僕らのチームの発表写真です。 おばかアプリ選手権でて学んだこと プレゼン次第で、作品は生き死にが決まるということが改めて認識しました。 … 続きを読む
今日、「コクリコ坂から」を六本木シネマズで見ました。 全体的な感想はとても悪くない映画です。ジブリにしては、少し大人向けでノーファンタージーな世界観のアニメでした。 恋愛寄りのストーリーで響くものもありました。 僕も嫁もこの業界にいる性かもしれませんが、そのあと嫁と物議を醸しました。 ※以下、特にネタバレはする内容ではありません。 構図に疑問が残る 随所に現れるところなのですが、構図に魅力を感じない場面が多々あります。 例えば、もっと背景の面積を多くとればダイナミックに演出できるのにとか、もっと人物にカメラが寄れば、さらにその場面の人物の感情を表現できるのに、、、、などです。 要はその場面で一番見せたい部分を見せきれていないということだと思います。 フェードアウトのスピードおかしくね？ エンドロールが終わって映画館が明るくなってすぐこの話題は嫁と出ました。 場面が切り替わる際のフェードアウトがとても早い！！！ 半端なく早い！！ せっかくしんみりさせた場面が無事終わって、次の場面に移るまでに、もう少しだけしんみりしたいと思っているのに、フェードアウトがとても早いせいで、しんみりしていた気持ちがプツっと切れてしまいます。 本当にもったいないって思いました。 アニメーションが柔らかくない 全体的に人間の動きが硬いと感じました。 ジブリ作品の人物はとてもイキイキしているイメージが合ったのですが、それが感じられませんでした。 世界観が違うのでそのまま使えるわけではありませんが、 一つの例としてドーラ一家のような人物のエッセンスはスタジオジブリの魅力だと思っています。 あのアイデンティティは他のプロダクションには表現できるものではないものだと思っています。 今回はファンタジー要素がない分余計に硬く感じてしまったのかもしれません。 まとめ：細部に神は宿る 以上の結果、残念な形になってしまったのですが、僕は子供の頃からスタジオジブリが大好きで、昔は特に「ナウシカ」、「ラピュタ」、「となりのトトロ」、「紅の豚」、「耳をすませば」が好きで飽きずに何度もVHSを見返していました。 本当に面白かったから何度も見ていたのだと思います。 そこには、活き活きとした人間の描写、ワクワクさせる展開が緻密な計算で詰め込まれていたのだと思います。 上記の「構図」、「間のタイミング」、「アニメーションの描写」も含まれています。 最終的に重要になってくるのは細部です。 コクリコ坂からの脚本自体は面白いですし作品全体のビジュアルも綺麗でした。 僕のような見方をしない方は普通に楽しめると思います。※オススメしないわけではありません。 演出面で細部へのこだわりを僕個人的に感じられなかったのが残念で仕方ないですが・・・。 しかし、残念な事ばかりではありません。僕も作品を作る上で細部がどれほど重要かが改めて分かりました。その意味で勉強になりました。 次回作に期待します。 しかし、歌はよかったです。手嶌葵さんの声が切なくて心に刺さります。
※↑ ↑ここは日本です。 僕と嫁の結婚式が無事に終了しました。 終了したのは、7/9で式後にはそのまま新婚旅行に行きました。 済んでしまえば、時間はあっという間で、涙あり、笑ありの、自分で言うのもあれですが素晴らしい結婚式が開けたのではないかと思います。 実際、結婚式の準備に稼働した期間は半年で、めちゃめちゃ忙しかったのは最後の1ヶ月と式前日・・・。 僕と嫁はお互い広島の出身だったので、お互いの親の移動を考慮にいれて広島で挙式することにしました。 ざっくりした結婚式までのスケジュールはこんな感じです。 半年前に会場の予約 式2ヶ月前に招待状を送って、1ヶ月前に回収、その間何度か、東京と広島を往復して式の打ち合わせ 前日に広い間に前乗り 場所は、広島の大野浦というJRの駅が最寄りの、老舗旅館「石亭」で、人数は 親族のみの計20人くらいです。 結婚式が7/9(土)の午前中に行なわれ、披露宴も同じく石亭で開きました。 東京住まいの僕と嫁は、広島での挙式ということで石亭に前乗りしました。 僕と嫁には、結婚式に向けて大きな仕事を懸念点を残していました。 それは、まだ結婚式で発表する催し物が完成していないことでした。 催すものは、 プロフィール映像 メッセージ映像 新婦からのお手紙 新郎新婦お互いの親へのプレゼント 前乗りした段階での進捗が、 プロフィール映像(100%) メッセージ映像(60%) 新婦からのお手紙(0%) 新郎新婦お互いの親へのプレゼント(僕:100% 嫁:0%) ※プレゼントは、お互いの家族の絵をデッサンしました。 7/6も朝まで作業していたのですが、飛行機の時間もあるので、残タスクは旅館でやるしかねえ！！ということで、結婚プロデュースの人にも頭を下げて、旅館で作業することにしました。 ただ、旅館に着いてからが問題でした。 旅館のクオリティが高すぎて引いた件 先ほど紹介しましたが、今回、挙式、披露宴をさせていただいたのが、石亭という旅館です。 まず、門構えから立派で、老舗な高級感が出ている旅館です。 ※見積もりを見てびっくりしたのですが、1泊1人3万8千円の宿でした。 1泊3万8千円は伊達じゃない 今までの、嫁と旅行して泊まった宿は、2万くらいでかなりコストパフォーマンスが良いと感じていたのですが、金にものを言わせたものに敵うものはないなと思いました。 部屋が3部屋(10畳＋6畳＋6畳(プライベートバス)) ご飯が美味しい。本当においしい。創意工夫があって、逆に勉強になる 池に鯉、綺麗な芝生と庭が素晴らしい。 … 続きを読む
先週の日曜日に髪が長くなったので、美容院に行きました。 その美容院は三茶に引っ越してきてからずっとかよっているのですでに2年くらい月1で通っていました。 掲題の通り、常連であることを辞めました。 ちなみに、髪を切ってもらっている最中に何かあったわけではないです。ただいつも通りに時が経ち、平穏に店を去りました。 店を去った瞬間に、何か憎悪的な感情が溢れ、結果「もう行かない」と心を決めて会員カードを捨てました。 なぜ僕はそんなことをしたんだろうかと、ずっと考えていました。髪を切ってくれた美容師は、何か僕に変なことをしていて、僕は無意識的に溜め込んでいてそれが爆発したのだろうかとか。 それを、このブログにはよく登場してくる嫁に言ってみると、良い回答を僕にくれました。また、自分なりに自分の回答も出ました。 それらを元に、常連を辞めた理由を以下3点にまとめました。 1.変わらない味を保つためには、時代に合せて味を変えていかないといけない。 嫁が通う美容院は、1回カラーカット含めて1万4千するとのこと。 「高すぎるやろ！！」 って思ったけど、そのあとの話を聞いて納得しました。 嫁曰く、その店は、通うたびに新しい発見があるそうです。 まず、店長が通うたびに新しいことを始めている。 店長が、通うたびに料理を始めたり、ネイルの勉強をしたりと、美容院に通う客に刺激になることをしているそうです。通うたびに聞く話が新しくて飽きが来ません。 また、髪を切ったあとにお茶菓子が出るらしいのですが、毎回お菓子の内容が変わります。これは女性には好評だと思います。 まさにおもてなしの心は全開です。 もちろん、美容院としての技術も申し分なくあり、嫁曰く、マッサージが楽しみで行くとのこと。 「技術×変化」 まとめると、 この2点が人を惹きつける重要なファクターなんだなと思いました。 こんなお店があれば、たしかに1万4千円払ってもいくなぁって思いました。 2.人の心はコロコロかわるもの 僕が1人ブレストして出た解答なのです。 人の心って、その日の出来事や、その日の気分によってコロコロ変わるものだと思っています。 昨日は好きだったけど、今日は好きじゃないってことが往々にあるのではないでしょうか。もちろん僕もそういう経験はあります。 また、僕が好きな漫画シマシマ内の一節を紹介します。 他に好きな男Aがいるのに、たまたま近くにいた男Bと付き合います。 だけど、結局男Aと付き合います。 しかし、ちょっとした出来事で、男A、男Bのことも好きではなくなって、どうでもよくなりました。 この漫画に共感しているという意見を多数見るところから、人間の心の移り変わりの速度は半端なく早くて、ちょっとした出来事で心のベクトルは大きく方向を変えてしまうんだなと思いました。 要は、人間の心はそれだけ繊細なので、最新の注意を払いながらサービスを提供しないと人は離れて行くんだなと思いました。 3.「小さなことにくよくよしろよ」理論がまさにその通り 遅ればせながら、「憂鬱でなければ、仕事じゃない」を読みました。 後悔しました。 もっと早く読めばよかったなと。 本書の一説にある「小さいなことにくよくよしろよ」が心理です。 ビジネスは、サバサバしているようで、実はドロドロとした泥臭い人間関係で成り立っています。 ちょっとした口約束でも、小さな仕事を確実にこなして行くことで大きな仕事をこなせるようになります。なぜなら、小さな仕事ができない人間に上司は大きな仕事を任せることは絶対にないからです。 要は、人間同士は信用で成り立っています。 … 続きを読む
Web Designingセミナー「Kinect Hack with Flash」ありがとうございました。ピグファイターのロンチしてきました。
前記事で告知しておりましが、Web Designingセミナー「Kinect Hack with Flash」を無事開催することができました。関係者の皆様方、本当にありがとうございました。 思った以上に人が集まっていたのもびっくりですが、それ以上に予想以上に盛り上がったことが本当に嬉しかったです。 そもそもKinect Hack with Flashは、どのようなセミナーだったのか説明すると以下の3部構成です。 1.Kinect with Flash 2.Kinect with Flashのサンプルの紹介 3.Kinect with Flashサンプルの体験(来場者が実際に体験する) 1.Kinect with Flash 弊社浦野が制作したkinectasライブラリを使用したKinectとFlashの繋ぎこみHello World的なデモを説明しました。 たった数行書くだけでkinectからFlashに各骨格ポイントのx,y,z座標が毎フレーム返ってきます。 kinectasを使えば、本当に簡単にFlashでKinectが使えます。 ※現バージョンではMacのみサポートしています。 スピーカーが分からみたセミナーの風景 2.Kinect with Flashのサンプルの紹介 本セッションは、僕が話させて頂きました。今回、弊社サービスのアメーバピグとKinectを使った、対戦格闘ゲームを制作しました。 ※PiggFighterは正式サービスではなく、あくまでネタ的なサンプルです。 kinectasライブラリで作成した本ゲームの、経緯、苦労した点、思い等を語らせていただきました。 特に、本ゲームを作成する上で最も大変だったのは、人間のジェスチャをどのようおにFlash側に認識させるかという点です。 話させていただいた内容の例として、ジェスチャ認識の苦労した点についてですが、 今回、波動拳のようなジェスチャをするとピグファイヤという技が出ます。 その際、腕のZ軸を監視して両腕のZ軸の差を見てピグファイヤが出ます。 ここで落とし穴があって、Kinect側から見たときに、各骨格座標が重なってしまうと座標が取が返ってきません。 FlashでKinectを始めてみたいという方には、少しは役に立てたのではないかと思います。 … 続きを読む
6/29 Web Designingセミナー「Kinect Hack with Flash」の講師の一人として壇上に立ちます。
来る6/2/9(水)にWeb Designingセミナー「Kinect Hack with Flash」というセミナーが開催されます。 セミナーの内容について 「KinectをFlashで使ってみる！！」という内容のセミナーです。 弊社で開発したFlashでKinectを使用可能にするライブラリ「kinectas」の説明と、実際にkinectasを使ってみたサンプル的なフィジカルゲームの作り方と紹介します。 講師について 弊社の浦野大輔 Twitter : uranodai http://uranodai.com/ 僕、大庭俊介 Twitter : bao_bao http://reinit.info/blog/ セミナーのターゲットについて Kinectを使って何かおもしろい事をやってみたいけど、実際にやったことがないという方に聞いて頂きたいです。 比較的とっつきやすいFlashを使ってKinectを動かしますので、Flashの基礎的な知識がある方で、Kinectに興味が有る方には非常にオススメだと思います。 マウスとキーボードを使ったFlashゲームでは実現できないアイデアを盛り込んでいて、とても面白い内容になっているかと思います。 お誘い合わせの上、是非会場に足を運んで頂ければと思います。 当セミナーは予約制ですので、ご予約される方はこちらから。 WebDesigning6月号にも1ページほど広告があります。 ※定員60名なので注意です！！ご予約はお早めに。
今年の誕生日は、会社、ネット、電話、メール等、今まで生きてきた中で一番祝っていただけました。 ほんとうにありがとうございます。今年も頑張ります。 5/10の誕生日からだいぶ日が経ってしまったのですが、今年の目標と、振り返り、マインドについて綴ります。 大庭俊介の28歳はどんな日々だったか 28歳は激動の日々を過ごした気がします。 広告系の小規模のプロダクションで働いていたためかもしれませんが、 仕事仕事仕事仕事・・・・・。と仕事だけをして仕事のために仕事をしていた気がします。 実際はそれは今の自分を形成するファクターなので、とても貴重な日々だったと今は思います。 季節ごとに振り返ってみます。 2010年 5月～7月 仕事仕事仕事仕事 8月 休暇 休ませてはいたけど、実家で仕事仕事仕事 ※仕事の電話がかかってきました。 9月～12月 仕事仕事仕事仕事 引越し 入籍 2011年 1月 仕事引き継ぎ 2月 無職+転職活動 3月 CAに転職 社会復帰を果たす 4月 仕事+いろいろ 7月の結婚式の準備 大きな事柄としては「入籍」と「転職」です。 入籍に関しては嫁と1年半程同棲からの結婚なので、結婚後特に何かが変化したというのは無いのですが、家族のために仕事をがんばろうという気が出てきました。 転職は大きく僕の生活を変えてくれました。 生活の変化について 終電で帰らなくなった。 デザイン、プロジェクトマネジメントを業務でしなくなり、Flashのみに専念するようになった タイムラインアニメーションもするようになった 飲みが増えた 土日に家にいるようになった … 続きを読む
今、7月9日の自分の結婚式の披露宴に向けて映像を作っています。 SAKURA – wonderfl build flash online 嫁からこの上記のWonderflSAKURA – wonderfl build flash onlineの映像を背景に使いたいという要望がありました。 AfterEffectを使って一から作ってもよいのですが、僕はあまりAfterEffectの技術がありません。 そこで、このFlashの画像連番を書き出してそれをAfterEffectにロードしようと思い、SWF連番書き出し用のSWFtoImagesというAIRアプリを作りました。 使い方 SWFtoImagesを起動するとこのようなUIが表示されます。 連番書き出し画像のフォーマットをjpg、png2種類から選びます。 開始フレーム、終了フレーム、フレームレートを決めます。 左下のDRAG HEREにswfをドラッグすると書き出しが始まります。 デモ 以下の映像は実際に連番に書き出したものをAfterEffectで映像化したものです。 SWFtoImagesSampleMovie from bao_bao on Vimeo. 現状の問題点 下記、バグ、未実装部分があります。 再度書き出すと、アプリを閉じて再度開かないと書き出せません。 書き出せないswfがあります。 書き出しには結構時間がかかる(PCスペックに左右されます。) 何かトリガーで動き出すFlashには対応していません。(クリックしたら動き出すFlashとか) 個人用で作ったので、バグありだと思います。 ※バージョンアップする予定はありません、バージョンは1.0.0のままです。 ※Windows7 64bit で動作確認を行っています。 ダウンロードはコチラ。 … 続きを読む
結構時間が経ってしまったが、3/27にてづくり市 青空個展 | てづくり作品の出展フリーマーケットへ行ってきました。 大学の友人よし子ちゃんが出品しているということをfacebookで知ったので、場所も近かったし久々に会える機会なので行くことにしました。 世田谷観音という神社内で行われます。 写真の通り、バザー的な雰囲気がありますが、出品されている作品は手に取りたくなるような完成度があります。 僕は、大学の友人のブースに行き、ブックカバーを購入しました。 ※よし子ちゃんゴメン。持って帰る時にちょっとグチャっとなっちゃった；； 彼女は元々プロダクトデザイナーでしたが、今は辞めてイラストレーターになるために頑張っているとのこと。 イラストを描いていること自体はfacebookで知っていましたが、実際に完成度が結構高くて驚きました。さすがです。見せる力あります。 僕好みの線が綺麗で繊細なイラストです。 まだ、始めたばかりのイラストレーター駆け出しとのことなので応援をしていきたいです。 こちらがサイト→yosico art plant web
僕は7月9日に結婚式を挙げます。 親族のみの披露宴的な会食があり、そのコンテンツのひとつとして映像作品を披露します。 映像を作るに当たって、今までAfterEffectでがんばって作っていたのですが、今回もっと効率的な作り方はないかと考えて、Premiereから攻めていきました。 今まで、Premiereは、AfterEffectで映像素材を作って、それをPremiere上のタイムラインに乗せて書き出すくらいしか役割がありませんでした。 しかし今回、Premiereはとても出来る子だったということを知り今後忘れないようにメモをしていきます。 AfterEffectとのスムーズな連携:AfterEffects コンポジションに置き換え この機能を昨日知って目からうろこだったというメモです。 Premiereのタイムライン上のオブジェクトを選択し、右クリックします。 そして、AfterEffects コンポジションに置き換えをクリックします。 すると、AfterEffectが自動で起動し、Premiere上の選択したオブジェクトのタイムラインの構成が自動でAfterEffectの新規コンポジションに置き換わります。 これは素晴らしいです(昔からある機能なのかもしれませんが・・・・)。 これによって、何が変わったのか？ 今まで音とタイミングを合わせるときは、AfterEffectに音を読み込ませてAfterEffectのプレビューで合わせていたのですが、この方法により、Premiereで先に音とのタイミングを合わせたラフの静止画を当てておいて、それをAfterEffectコンポジションに置き換えて実際の映像を作成していくという方法ができるようになります。 しかもAfterEffect上での変更は、自動でPremiere側に通知されて変更されます。この機能がどのバージョンから実装されているのか、怖くてググれません。僕が学生時代の頃のAfterEffect5.5,Premiere6辺りで実装されていたのであれば涙が出そうです。
2011年3月・4月のreinit_creative logの人気記事
人気記事ランキング 嫁が知らぬ間に日本のために節電シールとポスターを作って成果を出していた。 チルトシフトの新しい使い方 チルトシフトの新しい使い方 その2 IE6廃止ティッカー貼りませんか？(ver.ベータ) Flasherの僕が、GAEでHello World ActionScriptを知らない嫁が世のFlasherにドン引きした件について チルトシフトの新しい使い方 その3 1年半Web制作会社に勤めて、会社が教えてくれた10の事 範宙遊泳「労働です」を観て脚本が一番大事やなって思った。 東京てら子 Vol.13 『Flashでの演出＆落とし込み方』に参加してきました。 まとめ 嫁ネタはある一定数のPV数をマークできています。 嫁が知らぬ間に日本のために節電シールとポスターを作って成果を出していた。 ActionScriptを知らない嫁が世のFlasherにドン引きした件について 本当にネタに困って数字がほしいときは嫁ネタで行こうと思います。 また、もっと月単位の記事数を増やさなければならないと切に思いました。
