この場を借りて。
このような機会を与えてくださったグローバルブレインズ株式会社、株式会社 福岡CSKの関係者のみなさま、本当にありがとうございました。
参加してくださった方々も最後までお付き合いしていただき、本当にお疲れ様でした。

このスライドと当日資料は@mutsukingと二人で作成し、当日の話し手は僕がやらせてもらいました。
そのスライドを作る際の草案のマインドマップや、当日の様子なんか書いてみたいと思います。

マインドマップで講義の流れを組み立てる

↓がスライドを作る前に、二人で考えた講義の骨組みとなったマインドマップです。

スライド画像が大きすぎるので、このページ上でうまく見れない人は下記の直接の画像リンクを参照してみてください。
http://blog.cgfm.jp/garyu/wp-content/uploads/2010/06/mindmap_AIP_webdesign_full.png

100枚近くのスライドもいきなり作れるわけではなく、
どんな道筋で進めるか、何を重点とするか、どんな資料が必要かの洗い出しなどをまとめないといけませんでした。

このマインドマップは、@mutsukingと二人でファミレスに篭り3-4時間で仕上げたと記憶してます。
ファミレスのような場所で時間を区切って挑んでみたのですが、良い結果になりました。
（もちろん事前にある程度の流れは考えてましたが、ちゃんと形にしたのはこの時間です。）

ついだらだらしてしまいそうな時は、思い切って外に出て時間を区切ってみるのも、良いデザインワークに繋がると実感しました。

当日の様子など

当日はスライドの説明するだけでは物足りないだろう思い、ワークショップ的要素も盛り込みました。

アイスブレイクで緊張感を解す

周りの人達と馴染んでもらうのにアイスブレイクというものが良いと、WordCamp 2010 Fukuokaでお世話になったマクラケン直子さんから聞いていたので早速試してみました。
（マクラケン直子さんが話してたのは「欲しいと思う財布」だったんじゃなかったかな？）

今回、僕が考えたアイスブレイクは以下の内容でした。

Q. 『あなたの自慢の一品は？』
Q.『その自慢の一品の特徴を書いてください。』
（箇条書きでもイラストでも表現は問いません。）

こんなのでもPDFが欲しいという方はこちら

http://blog.cgfm.jp/garyu/wp-content/uploads/2010/06/icebreak.pdf

この内容でA4用紙に印刷して配布しただけです。

このアイスブレイクも実は狙いがあって、『人に伝えるのって案外難しい』という事を感じて欲しかったのです。
デザインは「人にわかりやすく伝える」ことも重要で、今回のスライドの内容もそこに軸を置いてました。

※GBの森さんは、自慢の一品のギターへ愛がとても皆さんに伝わるものだったのが印象的でした。

グループワークでサイトマップとワイヤーフレームを考えてみる

こんな感じのグループワークを行いました。

• 対象サイト：FOIC (福岡「オープンソース系ＩＴ化」推進コンソーシアム) http://www.foic.jp/
• サイトマップ構築
  • 現状サイトを見てのサイトマップの整理
  • 不要なコンテンツ、不足なコンテンツの洗い出し
• ワイヤーフレーム
  • 線と文字だけで、どんなサイトのレイアウトが良いかの情報設計を考えてみる
• グループ毎に発表

ホワイトボードに直接書いてプレゼンしたり、前のグループの案に被せての発表だったりして中々盛り上がりました。

雑感

参加者の方から、
「デザイナーも我々（システム側）が設計書や仕様書を最初に考えるのと変わらないんですね。」
「感性で作ってるとばかり思ってましたが、こんなに考えて作ってるものなんですね。」
という声も聞けました。

これは私にはとても嬉しい収穫でした。
よくデザイナーは「最初からデザインツールやアプリでデザイン制作してる」と思われがちですが、
ちゃんとプロセスを踏んでいること、デザイナーの仕事を少し理解してもらえたんじゃないかと思います。

いつもたくさんのデザイナーさんやプログラマーさん達と接してきて、
お互いの仕事範囲やプロセスへの理解することが良い仕事へ繋がるんじゃないかと私は考えてます。

やっぱり愛ですよ、愛（笑

http://green.ap.teacup.com/mutuo/183.html

(中略)
もっと、露骨な事も言いたいです、
でも、今は、冷静にしてます

でも、私の、可愛い、牛の近くに行ったら、もう、冷静じゃいられません
この、わが子のように可愛がってる、牛さん、豚さんが、殺されるんですよ・・・
それを、冷静に見られる畜産農家は居ませんよ・・・・・

分かりますか？？？？？
私の気持ち
畜産農家の気持ちが・・・・
あ〜〜〜、段々、涙が出てきましたよ

昼間、仕事してて、悔しくて、虚しくて、私たち農家が哀れで
涙が出てきますよ

もう、政治の犠牲にはなりたくないです
(以下、略)

と、とんでもない状況、、、、ここまで深刻というか壊滅的な状況だったなんて。

知ったきっかけは以下のブログ。

◯bangbangblog バンバンニッキ｜FREE WAVE PERSONALITY BLOG
http://www.freewave777.com/blog/bangbang/2010/05/100512145028.php

とにかくあんまり知識が無かったんだけど、宮崎というより九州全体が危ないよ、、、
口蹄疫の感染力って、とんでもないらしい。
国際的にも、畜産業界においては新型インフルエンザばりに警戒しないといけない感染症らしい。

▼参考サイト

◯口蹄疫 – Wikipedia
http://ja.wikipedia.org/wiki/%E5%8F%A3%E8%B9%84%E7%96%AB#2001.E5.B9.B4

2001年にイギリスで約2000件の感染が確認された。約700万頭の羊と牛が食肉処理された他、マン島で行われる予定の陸軍主催のハイキング（en:Ten Tors）の中止、2001年総選挙の1ヶ月延期などの影響が出た。

(中略)

2002 FIFAワールドカップを控えた2002年5 月2日から同年6月23日までに韓国京畿道や忠清北道の都市で16件の発生が確認された。この時点で約16万頭の牛が殺処分された^[15]。

いろんなところでいろいろ書かれてるが、ともかく僕のできることは
・情報の拡散
・寄付支援
ぐらいしかない。
情報の真偽を判断できないし、全部正しいのかどうかわからないけど、
現場が悲惨な状況である事は間違いないんだろうなと思い、
いろいろ見たサイトのリンクやら情報やらを貼っておきます。

また寄付の受付先が公開されていたので、ここにメモしときます。

口蹄疫災害見舞金 寄付情報

追記）実際に振り込んだ際に口座番号とか支店名とか分かりづらかったので情報追記しました

◯告知URL
募金活動宜しくお願いします。 | 川南町のムッチー牧場だよ〜ん。
http://green.ap.teacup.com/mutuo/176.html
(カウンターに注目)

◯郵便局

口座名義：川南町のムッチー牧場口蹄疫災害見舞金を募る会
(カワミナミチョウノムッチーボクジョウコウテイエキサイガイミマイキンヲツノルカイ)
記号：17310
番号：3609971

▽他銀行から振込場合

金融機関：ゆうちょ銀行 (ﾕｳﾁｮ)
支店名　：七三八(ﾅﾅｻﾝﾊﾁ)
口座番号：0360997 ←上と番号が違うので注意！！
口座名義：ｶﾜﾐﾅﾐﾁﾖｳﾉﾑﾂﾁ-ﾎﾞｸｼﾞﾖｳｺｳﾃｲｴｷｻｲｶﾞ
——-

◯ＪＡ尾鈴

店舗番号：９２０３−００１
口座番号：００８８８２０
口座名義：川南町のムッチー牧場口蹄疫災害募金　代）　弥永睦雄

参考サイトいろいろ

▼リアルタイムに知りたい人はTwitterの #kouteieki で
http://hashtagsjp.appspot.com/tag/kouteieki

▼東国原知事の悲痛なTwitter
http://twitter.com/higashitiji/status/13824382657

▼宮崎を世界にライブ配信！宮崎のUstreamerサイト：ミヤザキ★ユーストリーマーズ
http://miyazakiust.com/kouteieki.html

現地の状況を、現地の人達にインタビューしてYoutubeにアップしてまとめてる。
これが「報道」だと思う、下手なマスコミよりもよっぽど報道してる。
Webというメディアに関わってる人はぜひ見て欲しいし、
この活動を応援して欲しいし、行く先がどうなるかを見届けて欲しい。

▼宮崎の「口蹄疫（こうていえき）」がどのような影響を与えているのかまとめ – GIGAZINE
http://gigazine.net/index.php?/news/comments/20100507_kouteieki_matome/

時間軸によくまとまってると思います。

▼その他

• 農林水産省/口蹄疫に関する情報
• 宮崎みんなのポータルサイト miten　宮崎の情報満載 – 口蹄疫ボランティア募集してます
• Twitter / 尾崎牛: 今、口蹄疫現場で一番欲しがっている人員ー殺処分の為に …

追記：2010/05/15

5/14夕方、FNNニュースで取り上げられてました。
ニュースの動画がサイトでアップされてます。

FNNニュース: 4月20に発生した口蹄(こうてい)疫に揺れる宮崎県の今を取材しました。

冒頭で紹介しているブログ「川南町のムッチー牧場だよ〜ん」も紹介され、
ご本人も電話取材に応じられていました。

ソースを見て一部変更するだけで画質が上がったのでメモ。

画質比較

▼元画像(w302px × h228px)

▼AsidoでGIFリサイズの書き出し比較

Asidoデフォルト ( imageCopyResized() )	Asidoカスタマイズ ( imageCopyResampled() )	Fireworksでリサイズ

ソース変更箇所

class.driver.gd.php の184行目当たり

[php num='184']
$r = imageCopyResized(
[/php]
↓
[php num='184']
$r = imageCopyResampled(
[/php]
関数 imageCopyResized() → imageCopyResampled() に書き換えるだけ。
これだけで画質が随分上がりました。
Coreserverでも使えたらので、xreaでもたぶん大丈夫だと思います。

注意事項

• サーバーに入ってるGDが2.x以上
• レンタルサーバーによってはimageCopyResampledが使えないケースがあるので、function_exists( ‘imageCopyResampled’)で分岐処理をした方がいいかもしれません。

▼分岐処理する場合のメモ(試してないので動かないかも)
[php num=184]
$r = imageCopyResized(
$_, $tmp->target,
0,0,
0,0,
$width, $height,
$tmp->image_width, $tmp->image_height
);
[/php]
↓
[php num=184]
if( function_exists( ‘imageCopyResampled’) ) {
$r = imageCopyResampled(
$_, $tmp->target,
0,0,
0,0,
$width, $height,
$tmp->image_width, $tmp->image_height
);
} else {
$r = imageCopyResized (
$_, $tmp->target,
0,0,
0,0,
$width, $height,
$tmp->image_width, $tmp->image_height
);
}
[/php]

▼Firefox拡張:FireMobileSimulatorでの絵文字テストのスクリーンショット

codecheck.in:PHP携帯絵文字表示ライブラリ(PHP埋込型・au絵文字名対応版)のダウンロードサイトはこちら

ダウンロードや使い方の説明、絵文字一覧表等は上記のリンク先をご覧ください。

絵文字表示／出力コードの動作確認には、当ブログの、User Agent Switcher の携帯用のXML や、Firefoxを簡単に携帯エミュレータにするアドオン「FireMobileSimulator」が素晴らしい件について を見てもらうといいです。

特徴(ver 1.00)

• 利用可能な絵文字変換表一覧はこちら
• 対応機種はdocomo,au,Softbankの3G以降。
• auの絵文字名(sun等)で指定可能：何の絵文字を指定しているかわかりやすい
• au,Softbankにあり、docomoに無い絵文字も記号で代用できる場合は変換。（↓↑○等）
• docomoの絵文字に色指定を簡単に。デフォルトの絵文字色指定も可能。(要CSS)
• auは文字の大小指定(font-size)に応じて、3段階の大きさで出力。
• 独自の絵文字変換表も地味に更新中
  • これが一番地味だけどなんとかしたかった部分。
    公式？の変換表には無いけど、これで代用できるだろう、みたいなのを自前でやっていこうかと。
  • 例えば、au[若葉マーク] って、docomoには無いけど、docomo[本]を緑色にしたら、そう見えるから使えるんじゃない？みたいな感じ。

ライセンス

ライブラリ本体は MIT ライセンスです。

謝辞

以下のサイトのデータを使わせていただきました。
本当に感謝です！

• My First HDML
  • http://www001.upp.so-net.ne.jp/hdml/
  • 各キャリア(EZwebの絵文字,ｉモードの絵文字,SoftBankの絵文字)のテキストデータ(CSV)を利用
  • PCプレビュー用に絵文字画像(docomo,au,Softbank)を利用。
• ウノウラボ Unoh Labs: 絵文字の相互変換リスト
  • http://labs.unoh.net/2007/02/post_65.html
  • こちらの公開されていたTab区切りのテキストファイル(TSV)のうち、
    【EZweb → i-mode, SoftBank】を基本変換リストとして利用

僕自身の経験から、
携帯サイトで絵文字を表示したいけど、変換システムとかフレームワークとか入れる程ではないケースで、
デザイナーさんがソースコードに埋め込んでいける形で簡単に使ってもらえるように目指しました。

使ってもらえると幸いです。

ソースコードは結構無理矢理感漂ってます、『動けばいい』の精神で書いたので(汗
まずいところがあればコメントお願いしますm(_ _)m

携帯サイト制作オススメ書籍

携帯サイト コーディング&デザイン

モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。
PHP×携帯サイト デベロッパーズバイブル

[php]
function is_ezweb(){
return strpos($_SERVER['HTTP_USER_AGENT'], ‘UP.Browser’) !== false;
}
[/php]

これはこれで間違いないんですが、単体でチェックする時には注意が必要です。
個人的に、Ezwebかどうか判断する前にSoftbank機種かをチェックしておかないといけないと思ってます。
理由は忌まわしきVodafoneの804SH,802SHのせいです。

追記) 他にもありましたm(_ _)m
2009年3月現在：903SH,902SH,804SH,802SH,802N,703SHf,703SH,703Nの8個

docomoにも過去、’UP.Browser’の文字列がある機種があった模様。
PANASONICのPHSの[P-PAT]と[D2]の2機種。(WAPブラウザだったらしい)
しかし、正確なUseragentはおろか発売時期すら確認できず。
完全に無視してよい機種だと思います。
(追記ここまで)

Softbank – ユーザエージェント一覧

http://creation.mb.softbank.jp/terminal/index.html


[804SH]
Vodafone/1.0/V804SH/SHJ001[/Serial] Browser/UP.Browser/7.0.2.1 Profile/MIDP-2.0 Configuration/CLDC-1.1 Ext-J-Profile/JSCL-1.3.2 Ext-V-Profile/VSCL-2.0.0
[802SH]
Vodafone/1.0/V802SH/SHJ001[/Serial] Browser/UP.Browser/7.0.2.1 Profile/MIDP-2.0 Configuration/CLDC-1.1 Ext-J-Profile/JSCL-1.2.2 Ext-V-Profile/VSCL-2.0.0


そう、VodafoneなのにUseragentに‘UP.Browser’の文字列が入っちゃってるのです。
（これはVodafoneの大罪だと当時対応作業したときに本当に思った）

この機種でアクセスされた時、Ezwebと認識されちゃいます。
もうSoftbankも’UP.Browser’なんてUseragentは入れてないですし、この機種自体も古いですけど、一応気をつけておかないとなーと。

なのでこんな感じでしょうか。
[php]
function is_ezweb(){
if( is_softbank() ) return false; //先にSoftbank,Vodafoneじゃないかチェック
return strpos($_SERVER['HTTP_USER_AGENT'], ‘UP.Browser’) !== false;
}
[/php]

後、携帯かPCかどうか判別するのは順番も大事だと思ってます。
（全部のキャリアかどうかチェックして、違ってたらPC、みたいな判別の時とか）

大雑把にこんな感じでしょうか。

docomoかどうかチェック
↓
J-PHONEかどうかチェック（もういらないか）
Vodafoneかどうかチェック
Softbankかどうかチェック
（→iPhone、iPod Touchかどうかチェック）
↓
Ezwebかどうかチェック
↓
E-Mobileかチェック
↓
willcomかチェック
↓
それ以外はPC

昔から携帯サイトに携わってた人は、Ezwebの前にVodafoneかどうかをチェックしとかないと不安の人って多分いると思う。（僕だけ？？）

なんでこんな記事を書いたかといと、ke-tai.org > Blog Archive > 携帯からGoogleMapで指定の場所を表示する方法（住所指定方式）で知ったのですが、最近福岡でもCakePHP勉強会@福岡で盛り上がったPHPのフレームワークのCakePHP向けに、携帯向けの便利なライブラリ「Ktai Library for CakePHP1.2」が公開されてました(嬉

「こんなの欲しい！」
という機能が準備されてて、また今後もVer0.0.2で「機種判別」など便利機能が搭載されるようで、
とても期待度大です！

で、そのコードを見させてもらってちょっとだけ気になっちゃった事だったんです。

ちなみに自分自身はまだCakePHPは全然触れていないです(ｵｲ
PHPも簡単なのしか書けません。(classも書けないヘタレです。。。)
プログラム自体、ダメ夫な自分では的外れな事かもしれませんが、何かの参考になればと思って書いてみました。

あ、あと、Ezwebの絵文字の事も少し。

Ezwebのimgタグの絵文字指定方法はとても簡単です。
[html][/html]
とすればいいので、この方法で採用してる絵文字ライブラリも多いと思います。

でもこれだとWebデザイナーさんは困るケースがあるのです。
それは絵文字のサイズが中(medium)で固定されてしまうこと。
[html]


[/html]
としても画像として扱われるため文字サイズが変わってくれず、デザインした時、とてもいびつになってしまいがちです。
なので、個人的にはEzwebの絵文字指定はフォントサイズの大小に応じて絵文字サイズも変更できる、Shift_JISのバイナリコードの指定だとモバイルデザイナーさん？も喜ばれると思います。

近いうちにau好きなモバイルデザイナー向けの絵文字変換ライブラリを公開予定です。
(絵文字の画像関係の著作権とか配布とかの問題をチェック中です)

※ 記事に対しての批判ではなく、あくまで自分自身への問答。

商売において、正直さは本当に大事だと思う。または、それは大事だと思いたい。誤解を与える商売は長く続かない。しかし、東京に来て、多くのITベンチャー で、あまりそういうことを重視していない仕事の仕方をする人が多くて驚く。

その会社が「ベンチャー」に当てはまるかどうかわからないけど、株式会社ヌーラボさんとかは「正直なITベンチャー」なんじゃないかなと勝手に想像。

参考サイト）株式会社ヌーラボ – 福岡の社長.com (インタビュー動画)
（代表の橋本さんが素直にトークされてます）

上記のインタビューを聞いたのもあって、思ったんだけど、
代表の方々が正直で商売の大切さをわかってて、
それを社員に伝えてれば「正直なベンチャー」は成立してるんじゃないかな。

インタビューを見る限り、少なくとも代表橋本さんはいろんな過去の経歴から「正直な商売の大切さを教えてくれる人」と出会って正直な商売の大切さ教えてもらえてたんじゃないかなーと。

そういえば、「株式会社ヌーラボではデザイナを募集しております – livedoor Blog（ブログ）」にある通り、デザイナーさん募集してますよ〜。
興味持った人はいかがでしょうか？
（ほら、そこの僕のブログをROMってくれてるそこのデザイナーさん！w）

周囲の人はバレバレなんですが、僕は嘘が下手です。
顔にすぐ出てるようです。

なので最初から嘘を付かないようにしてます。
正直に話すもんだから、あんまり社会人としてはよろしくないのかもしれません。

でもそれが転じて、クライアントさんからは「この人は嘘を言わない人」と、信用を頂いてる面もあるようです。

時には正直すぎて、何度かお仕事が流れた事もあります（苦笑
「このサイト、本当に必要ですか？」（←全否定すぎ）

フリーランスとして独立して良かったと思う点に「嘘を付かなくていい」というのがあります。
そんなに企業に所属して働いていた期間があるわけじゃないですが、
数社に数年間働いてて「嘘を付く必要に迫られる状況」ってのはいくつか体験しました。

人によるだろうけど、僕はそれがたまらなく嫌でした。

時にも嘘も必要で、馬鹿正直に全部言う必要ないけども、
騙すような嘘は絶対に嫌だし、嘘付かないといけない状況にいる事自体も嫌だった。
（その嘘の理由が会社のため、会社上の自己保身のためってのも何かね）

独立してからはその辺がとても楽になった。
正直の方が楽だから。

※「正直」と「仕事のスキル」はきっと別軸。
※「正直」が稼いでるかと言われたらたぶん稼いでない方が多いと思う。

お客さんに納得できる値段で、納得できるものを、納得して頂ける品質で、取引することの大事さを教える人がベンチャー企業では少ない。ベンチャー企業が余裕が無いのも事実だし、なりふりかまっていないのも事実だ。たくさんの会社が潰れては、生まれていく時代、誠実で長く続く商売が大事だと思うぼくたちは古い人間なのかもしれない。

自分自身がお客さんに、
「納得できるものを納得できる値段で提供」できてるだろうか。

例えば「自分達の作業料金」として見積を出すのか、
「納品するものの価値」として見積を出すのか。
まだまだ迷う時がある。

最近、デザインは「価値」を認めてもらえるようになってきたなと感じてます。

WebデザインはインターネットやPC、OS、ブラウザ等のいろんな環境と技術の上で成立できてるお仕事なので、ある時無くなる可能性もあるお仕事とも言えます。
完全に無くなるとは思ってませんが、長く続くか、商売としてやっていけるかどうかはこれからの自分達の頑張り次第だろうなと。
その時に周囲にどれだけ自分達の価値を認めてくれるお客様がいてくれるのか。

本当に長く続く商売というものは、正直であり、ウソをつかないものであると、ウソばかりの時代だからこそ信じたいと思う。

とても共感を得ました。
今やってるお仕事もこうありたいものです。

●経営者だったら「経営責任」
●社員だったら「売上の社内評価」

仕事で見てる方向が「お客様」ではなくて「会社の成長」／「自己保身」と違う所を見てるからなんかなー。

CGFMって会社はクオリティや技術は成長しないといけないと思ってますが、
規模的には成長しなくてもいいと思ってます。
大人数の組織でしかやれない事も確かにありますが、今の所、自分達でどこまでやれるか試してるところですので。
でもこれって、「雇用」という経営責任/社会的責任から逃げてるのかもしれません。

追記）
「会社」で考えると話がおかしくなるなー。
たぶん「仕事感」だ。
まだ人も雇った経験が無い僕にはわからない所です。

自己保身も無いなー。
企業で出世争いとかなればいろいろあるんでしょうけども。
何かトラブったら隠さずに、頭丸めて土下座しに行った方が気が楽だし寝覚めが良い。

もの凄い駄文になりましたが勢いで書いたのでそのまま公開。

巷で話題？のナストマくんを練習でHydroSequenceで動かしてみました。
アニメーションしてる途中に「りせっと」ボタンを押すと、そこから初期位置に戻ります。

↓Actionscriptのソースはこちら。

import fl.transitions.easing.*;	//Easingの指定
import org.goasap.GoEngine;
import org.goasap.managers.*;	//LinearGoRepeater等
import com.hydrotik.go.*;

var NasuDefX = nasu_mc.x; //とまとの初期位置のY座標
var NasuDefY = nasu_mc.y; //とまとの初期位置のY座標
var TomaDefX = tomato_mc.x; //とまとの初期位置のY座標
var TomaDefY = tomato_mc.y; //とまとの初期位置のY座標

//ボタン[なす]の定義
nasu_btn.addEventListener("click",seqNasu);
function seqNasu(event:MouseEvent):void{
	var seq:HydroSequence = new HydroSequence();
	seq.addItem(
		{target:nasu_mc,
			alpha:100,
			scaleX:0.5,scaleY:0.5,
			x:500,
			Blur_blurX:5,Blur_blurY:5,
			easing:Regular.easeIn,
			repeater:new LinearGoRepeater(2,true),
			delay:1,duration:1
		}
	);
	seq.start();
}

//ボタン[とまと]の定義
tomato_btn.addEventListener("click",seqTomato);
function seqTomato(event:MouseEvent):void{
	var seq:HydroSequence = new HydroSequence();
	seq.addItem(
		{target:tomato_mc,
			x:500,
			easing:Elastic.easeOut,
			delay:0,duration:2
		},
		{target:tomato_mc,
			alpha:0,
			repeater:new LinearGoRepeater(2,true),
			delay:0,duration:1
		},
		[
			{target:tomato_mc,
				x:TomaDefX,
				easing:None.easeIn,
				delay:0,duration:1.2
			},
			{target:tomato_mc,
				y:180,
				scaleX:2,scaleY:2,
				easing:Bounce.easeIn,
				repeater:new LinearGoRepeater(4,true),
				delay:0,duration:0.2
			}
		]

	);
	seq.start();
}

//ボタン[なすとま]の定義
nasutoma_btn.addEventListener("click",seqNasutoma);
function seqNasutoma(event:MouseEvent):void{
	var seq:HydroSequence = new HydroSequence();
	seq.addItem(
		{target:nasu_mc,
			x:500,
			easing:None.easeOut,
			delay:0,duration:1
		},
		{target:tomato_mc,
			x:500,
			easing:Bounce.easeOut,
			delay:0,duration:1
		},
		[
		 	{target:nasu_mc,
				x:NasuDefX,
				easing:None.easeIn,
				delay:0,duration:2
			},
			{target:tomato_mc,
				x:TomaDefX,
				easing:None.easeIn,
				delay:0,duration:2
			},
			{target:tomato_mc,
				y:NasuDefY,
				scaleX:2,scaleY:2,
				Blur_blurX:2,Blur_blurY:2,
				repeater:new LinearGoRepeater(4,true),
				delay:0,duration:0.5
			},
			{target:nasu_mc,
				y:TomaDefY,
				Blur_blurX:2,Blur_blurY:2,
				repeater:new LinearGoRepeater(4,true),
				delay:0,duration:0.5
			}
		]

	);
	seq.start();
}

//リセットボタン
reset_btn.addEventListener("click",Reset);
function Reset(event:MouseEvent):void{
	var seqReset:HydroSequence = new HydroSequence();
	seqReset.addItem(
		{target:nasu_mc,
			alpha:100,rotation:0,
			scaleX:1,scaleY:1,
			x:NasuDefX,y:NasuDefY,
			Blur_blurX:0,Blur_blurY:0,
			delay:0,duration:0.5,
			easing:Regular.easeIn
		},
		{target:tomato_mc,
			alpha:100,rotation:0,
			scaleX:1,scaleY:1,
			x:TomaDefX,y:TomaDefY,
			Blur_blurX:0,Blur_blurY:0,
			easing:None.easeIn,
			delay:0,duration:0.5
		}
	);
	seqReset.start();
}

Actionscript3.0、ちゃんと勉強しなきゃな〜。

なんか、同時アニメ−ションすると、時間がずれるのは気のせい？
delay:0でもなんかボタン押した後、もっさりして動くような、タイムラグがあるような気がする。
（最初の処理が重いのか？）

参考サイトは大久保大先生のイナヅマtvログの全部(^^;
何をググっても全部ここの記事内容に辿り着くw、やっぱすげ〜〜

制作者にバグッてると伝えて、「そんな事は無い！」と言われて、
ちゃんと検証して、結果バグFixしてもらってるんだから、その熱意と姿勢に感嘆。

その時、携帯開発で便利な、Firefoxの拡張でUserAgentを切り替えられるUser Agent Switcher を紹介したんですが、各携帯のUserAgentをメモったuseragentswitcher.xml を公開します。

修正：20080917) リンク切れ直しましたm(_ _)m
useragentswitcher.xml (7KB)

元ファイルはblog in a fogのYozikさんがエントリー「blog in a fog – User Agent Switcher ユーザーエージェント一覧」で公開していたxml(感謝！感謝！)をベースにしています。
私なりに携帯関係を加えたものです。
(幅別にしたり、SoftBank系にダミーの携帯固有IDを入れたりとか)

使い方は簡単です。

1. User Agent Switcher をFirefoxにインストール
2. [ツール]メニュー – [ User Agent Switcher ] – [option]から設定ウインドウを表示
3. useragentswitcher.xmlをImportする。
   

これだけでOKです。
後は、[ツール]メニュー – [ User Agent Switcher ]の一覧に出てくる機種名で切り替えるだけです。
（切り替えたらリロード・再読み込みが必要）

勉強会ではNet_UserAgent_Mobileでの簡単な使い方と過信したらいけない点、実際に自分の携帯でアクセスしてどう動くか等を試してもらいました。

当日のスライドデータはPiFのGoogle グループに一式を公開してます。
PiFのサイトが無くなったため、こちらに公開しました。
http://blog.cgfm.jp/garyu/appendix/2007/10/slide/20071117pif.html

各自の携帯で試してもらったURLのQRコードです。
http://blog.cgfm.jp/garyu/appendix/2007/10/sample_php/s4_mobile_test.php

種判別の結果や、機種固有IDの取得、画像幅と高さを取得できる事が分かると思います。
(機種固有IDなどはサーバーに保存・蓄積しません)

携帯サイトに 関する参考サイトも集めてみました。

• ウノウラボ Unoh Labs: 携帯開発向けに便利な支援ツール/サイト
• userAgent（ユーザーエージェント一覧）
• PEAR：：Net_UserAgent_Mobile 3G対応携帯判別(ケータイ判別) [dozo dokuwiki.php]
  （使い方とか参考になります）
• ke-tai.orgは携帯サイトのデザイナーは必見！
  特に携帯端末スペック一覧のページで公開されてる「携帯端末スペック一覧」やCSVはオススメ。

そういえば次のPiFのネタは何も決まってませんでしたね。
何かリクエストあれば考えます。
CSSでフォームデザインの検証ネタの続きをしないとなー。

携帯サイト制作のオススメ書籍

携帯サイト コーディング&デザイン

モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。
PHP×携帯サイト デベロッパーズバイブル

• FOMA、movaの製造番号付
• iPhone (新旧２つ)
• iPod Touch (新旧２つ)