タイ検定のブログパーツを作りました。
名前を「トゥクトゥククイズ」にするか「トゥクトゥクイズ」にするかで迷った以外は、勢いでガガッと作りました。
貼付けはタイ検定サイト内特設ページから。

今晩お寿司が食べたくなるキャンペーンサイト。
そしてネタの CM が見れる買える。カニ！！

Flash の実装部分でちょっとお手伝い。FlvPlaybackのハンドリングで右往左往したけれども、最終的には１つのFlvPlaybackコンポーネント上で、activeVideoPlayerIndex,visibleVideoPlayerIndexを使ってチャンネルを切り替えるように外部ターゲット動画を切り替え（参考）、一旦 pause かけて playWhenEnoughDownloaded で程よくプログレッシブダウンロードできたら再生ということにしました。YouTubeと同じ感じですね。
playWhenEnoughDownloaded = いい感じで再生開始なので、正確にロード状況を数値でパーセンテージ表示するのは難しいって認識でいいですよね。

あと、playWhenEnoughDownloaded の再生開始イベントの取得が、実装の都合でうまくいかなかったので、再生開始0.1秒あたりにラベルを設定（addASCuePoint(0.1,”start”);）して、そのラベルイベントでローディング黒画面をフェードアウト実装してます。

無料iPhoneアプリとして「PaPaPaRoulette（パパパルーレット）」というルーレットアプリを公開しました。
http://mtl.recruit.co.jp/sandbox/terai/roulette/

アプリ自体はシンプルですし、上記リンクをご覧いただけばと思いますが、今回このiPhoneアプリのUIを作っていたときに考えた仮説、自分の趣向に気づきました。

分かりにくい UI の効能？

上のビデオのとおり、このルーレットアプリは左下の小さなボタンをクリックすると「人数設定」モードに切り替わります。実は背景のどこをクリックしてもモード切り替えになります。リリース寸前まで左下のボタンすらなく、ただ背景をクリックして切り替えるという仕様にしていました。
その段階で知人数名にテストしてもらったところ、ほとんどの人が（背景をクリックすることなく）人数設定モードに気付きませんでした。偶然背景にタッチしてモード切り替えになっても、今度は黒い輪を指で回すことに気づきませんでした。
でも、５人に一人ぐらいの割合で、なんとなく背景にタッチして、なんとなく黒い輪を回した人もいました。

一旦話を変えます。

Rotring のトリオペンを一目惚れして購入しました。

ボールペン（黒・赤）、シャープペンの3つのペン先を選ぶのですが、その切り替え方がとても好きなんです。

柄の部分にそれぞれの機能のマークが描かれていて、各マークを上にした状態でノックすると、その上にしたイラストのペン先が出てくるんです。何も言わずに人に貸すと、ほぼ誰も気付けないUIです。僕も店頭で知らずに触ったときはしばらく気付けず、不良品かと勘違いしたくらいでした。

でも3色ペンなのにこのシンプル過ぎるUI、絶対何かある！という確信はありましたので、店頭でしばらく触っていると、偶然そのルールに気付けたんです。とても気分がスッとしました。

この時思ったのは、初見で分かりにくい UI であったとしても、

• もうすこし機能があるはずなのに、それに比べてUIがシンプル過ぎる場合、ユーザーは対象をいじくりまわす
• その中で偶然の発見があり、嬉しい気持ちになる
• 一度気づいてしまえば、それ以後は支障なく使える UI であれば
• その難解・癖のあるUIを使いこなせることに優越感を感じ
• 癖があるが故に、他の人にも教えたくなるのではないか

と思ったんです。実際僕は上のように感じましたし、この UI の面白さを人にも教えました。そして当時3000円ぐらいお金払ってこのペンを買ってるわけです。嫌消費の傾向がある僕がずぶずぶにアクションしたわけです。

話をルーレットアプリに戻します。
以上のような思いもあり、テスト段階で数名しか気づいてもらえなかった UI でしたが、ほぼそのままリリースしてみました。まぁ Rotring のトリオペンほどのデザイン的解決は（僕の力不足で）達成できていないかもしれませんが、それでも前述の5項目を満たすことを目指して作りました。

使いこなしてる姿がカッコいいか

もうひとつ。ふと街中や飲み会で使うことも多いiPhoneアプリは、そのアプリを使っているユーザーの所作がカッコよく見える・スマートに見えるというのも UI を作る上で考慮すべきポイントかと思います。

ただしツール系アプリに限る？

一方、不特定大多数のユーザーにアクセスしてもらい、そこでユーザーを漏らさずきっちりコンテンツの中身まで読ませることが第一目的であるような Flash サイトでは、分かりにくい UI では完全に失敗ですが、今回のルーレットのようなツール系アプリであれば、そういう「一見分かりにくい」「ユーザーの気づきに期待する」ような UI も結構面白いのではないかなと思った次第です。

そういう経緯があって、こういうアプリになりました。無料なので是非どうぞ。
> PaPaPaRoulette
ただ、一世代前の iPhone 3G だと動作がもっさりしてしまうのは、完全に僕の力量不足ですすいません。

このブログの右側にも貼っておいたので、僕のブログを直接ブラウザで見に来てくれてる人は、各自、２週間コンタクトの交換期間や禁煙・ダイエット我慢日数とかを知ることができます。

虹色もあるよ

と言ってる僕ですが実はメルマガ登録していませんでした。さっき登録しましたスイマセン。
毎月そういう感じでいろいろサイトを紹介してくれたりするメルマガだったんですね。勿体無いことしたなぁ。

FLARToolKitのSaqoosha氏、Spark project/BetweenAS3の新藤愛大氏、trick7の寺井周平氏、flapper3/STDSGNの萩原俊矢氏、Prismgirlの眞野東紗氏&FORM::PROCESSの小瀧和正氏ら、いまFlash界を牽引するホットなクリエイターが集結し、おのおの4つのサンプルを制作。その思考の過程から実際の実装アプローチに至るまで、彼ら自身の言葉で熱く解説しています。

という本が11/21に発売されます。著者陣みんなみっちり時間をかけてサンプルを作って文章を書いて、すごく分厚い本になりました。前作「.fla」に続き装丁を手がけられた橘さんのおかげでやたら格好いい本になっています。

著者陣各自が何を思ってサンプル作品を作ったか、どういう思考でどういう制作アプローチに至ったか、そしてその実装方法までを書いているので、純然たるFlashのTips本というわけではないけれど、要所要所コードの解説はされてるし、なんせ掲載作品全部ソースごとダウンロードできます。そうそうオールカラーだからコードも読みやすいですね。

掲載順に、Spark projectの新藤さんは・・って一人づつ紹介書こうかと思ったんですけど、全５組６人が４サンプルずつの計20作品、とても紹介しきれません。文章の端々に汎用的なテクニックや高速化のためのTipsが書かれてたり、ネット哲学的なことやグラフィックへのこだわり具合とか、画像の変形ひとつとってもdrawTrianglesだったり、かたやPV3Dアプローチの解説だったりとにかくいろいろ書かれてます。ダウンロードソースとにらめっこしながら読めば話題のFLARでかっちょいいこともできるようになると思いますが、この本全部じっくり読んでたら半年かかるかもしれません。

ということで気になったという人は読んでみてください。

みんなの紹介記事：
Saqoosha.net :: .fla 2 という本が出まする
illusoryhope » .fla2
BeInteractive! [.fla2 見本誌が届きました]

この著者陣にまぎれて、やっぱり僕のパートが一番簡単。精一杯格好つけても「三平方の定理」ぐらいしか使ってませんから我ながらホッとする。サンプルも細かく区切って用意したのでよかったら見てみてください。trick7だからかは知りませんが77ページからが僕です。

.fla 2 ―Idea of Flash Creation―

すこし前の話になりますが、勤務先のMTLにて携帯Flashゲームサイトを作りました。「ハモニナペアゲー」といいます。ペアでやるゲームだからペアゲーです。１台の携帯を２人で寄り添って遊ぶスタイルのゲームをたくさん用意しています。ゲームはFlashLite2.0で作りましたので対応機種をお持ちの人、持ってない時は持ってる友達のケータイで、ぜひ遊んでみてください。
行列待ち時間や合コンで遊べば、リアルに隣の人と仲良くなれたり、気になるあの子の頭の中を知ることができます。全ゲームは体験プレイできるんですけど、月額315円の会員になれば全ゲームの制限がなくなり、隣の人とよりつっこんだコミュニケーションができるというわけなので是非！

ハモニナペアゲー：http://pagame.jp

今号で創刊100号となった「Web Designing」さんにて連載させていただくことになりました。「one’s view」というコーナーにて、毎月１サイトをピックアップして自分なりに感じたことを書くという内容です。

以前同誌の「ActionScriptライブラリ」という連載でTweener解説とかの技術的な記事を何本か連載したこともありますが、今回は視点的なことを書くことになり、毎度なんとも恐れ多いですがせっかくなのでやらせていただきました。AKQAの川島さんの隣のページに紛れ込めたことが本当に嬉しいです。

今号は100号記念の特集として、業界トップのみなさんがWebについて語るという特集があり、興味深い上にかなりの文章量なので、是非購入してお風呂でまったり読むといいと思います。

Web Designing (ウェブデザイニング) 2009年 11月号 [雑誌]

本日mixiアプリが正式オープンしましたね。僕もMTLメンバーとしていくつか作りましたが、一番一瞬でできたのがこの「カカカカ」です。

※ちょっとサーバが不安定なのか、504エラーが出てしまうことがあります。しばし落ち着くまでお待ちいただくかしていただけますとありがたいです。

技術的には、ゲームとは無関係なお絵かき部分において、昔書いたAS2のサンプル（Flashで筆順再生のflaソース配布します）で言及した、lineToで線描画して、マウスアップのタイミングでビットマップ化することで描画負荷を下げる方法を AS3 用に書き直して使っています。

鉛筆を振り下ろす・上げる部分はTweenerによるスクリプトトゥイーンです。

次は実写ほうき掃除ゲーム「ササササ」、そして実写反復横とびゲーム「タタタタ」を作るかもしれません。

「パパパコメント」を iPhone・iPod Touch からもバッチリ投稿できるよう整形しました。iPhone 用CSS対応とかって意外に簡単にできるんですね。

パパパコメントをiPhoneにちゃんと対応しました