Archive for 9 月 7th, 2008

クロサカタツヤさんの回答:Google Chromeはブラウザ市場の台風の目?

Posted by admin on 9 月 07, 2008
NEWS / No Comments

一つはっきりしたのは、Webという技術はまだ全然成熟してない、ということですね。なんせ、ブラウザ一つでこんなに印象や認識が変わってしまうのですから。

これは、特にWeb周辺のソフトウェアエンジニアリン…

jQueryでゲームを作成するためのライブラリ「gameQuery」

Posted by admin on 9 月 07, 2008
NEWS / No Comments

gameQueryjQueryでゲームを作成するためのライブラリ「gameQuery」ライブラリを使って作られたゲームも…

特殊文字をコピペするためだけの『Copy Paste Character』

Posted by admin on 9 月 07, 2008
NEWS / No Comments

コピーライトやら登録商標だとかに使われる特殊文字。こうした文字は特殊な記法があるのだが、いちいちそれを調べるのも面倒だ。

そこで登場したのがCopy Paste Character。

このサイトではそうした特殊文字がだだっと表示されている。記法を調べるのが面倒な人は、自分が使いたい特殊文字をコピペしてね、というわけだ。

たったそれだけのサイトではあるが、地味に便利かもしれない。

知っておいても悪くないですね。

Copy Paste Character

http://www.copypastecharacter.com/

特殊記号をコピペするためのサイト。

管理人の独り言 『料理』

あるパーティーに行ったらひたすら料理談義。やっぱり極めるべきはチャーハンかなぁ。

今日の運動記録

うーん・・・月曜日から再開。

東京てら子 5 - Flashで時計大会

Posted by admin on 9 月 07, 2008
NEWS / No Comments

「東京てら子 5 - Flashで時計大会」(ATND サイト内) 場所もテーマも参加者も定まらない「流浪のFlash集会」 ― 「東京てら子(大阪は活発ですよ!)」なのですが来月やろうと思います。 大阪てら子のように「お題があって作品作って持ち寄る」ってスタイルが素敵だったので真似することにしました。案の定、今回のお題は「Flashで時計」です。「なんかいいよね~」って言える時計って、そんなに…teraco_newlogo.gif

東京てら子 5 - Flashで時計大会」(ATND サイト内)

場所もテーマも参加者も定まらない「流浪のFlash集会」 ― 「東京てら子(大阪は活発ですよ!)」なのですが来月やろうと思います。

大阪てら子のように「お題があって作品作って持ち寄る」ってスタイルが素敵だったので真似することにしました。案の定、今回のお題は「Flashで時計」です。「なんかいいよね~」って言える時計って、そんなにスキル云々でない切り口もいっぱいあると思うし、作り手のこだわりとか物語がこもってれば素敵やん!ってみんなで盛り上がれるような集まりにしたいです。
僕も作りたいのがあって、こうやって期日決めたら頑張れるかなぁという気持ち半分、TeraClock ライブラリを公開したのでみんなのお知恵でブラッシュアップしたい気持ち半分という個人的な動機と、実際手を動かして作品作った人同士集まって褒め合おう(傷を舐め合おう)という動機で開催します。

なぜか今回はコンテストもやることにしました。僕が商品を出すので僕が審査員です。商品はこんな感じ:

スピーカー内蔵ギター DIGIZO HYPER (MBS)
スピーカー内蔵ギター DIGIZO HYPER (MBS)

昔に買ったので正確には分かんないのですが、DIGIZO HYPER の銀色なことと、僕がほとんど弾いていない状態良好な品であるのは間違いないと思います。ケース付き。全く弾かないのに場所をとるのでプレゼントと思ったのですが、どっかに欲しい人もいますよね?あと、一回読んだだけの漫画とか、一回履いただけのフットサルシューズとかも出します。たぶん。肝心の審査基準は適当です。どうしてもギター欲しい!という遠方の方のコメントいただけましたら、ネット審査とかしますw。

でもまぁそれはおまけとして、やっぱり手を動かすのは大事だなぁと思っていて、忙しい中でもプライベート作品考えて作るっていいよねぇ~と思うのでした。

申し込みは新方式、ATND 上の「東京てら子 5」ページより。(OpenID を体験してみましょう。既存の有名な Web サービスのアカウントがあれば会員登録不要で簡単ログインできるのです。)
定員は7名。参加者が少なすぎたら開催を考え直します。多すぎたら場所考え直します。
それではよろしくお願いいたします。

※昨日 MTL の小林さんがイベント開催支援ツール「ATND(アテンド)」というサービスを公開したので早速使ってみました。ほとんど小林さんおひとりで作られたのですが、僕が横で「てら子で使うならこうだったらいいなぁ~。」とかつぶやいていたのを汲み取っていただいたりしまして、僕みたいな面倒臭がりでも手軽にイベント告知&参加者管理できるサービスになっております。使ってみたら本当に便利だったので後日みっちりエントリ書きますねー。

Flashで時計作る時に - 「TeraClock」ライブラリ作りました

Posted by admin on 9 月 07, 2008
NEWS / No Comments

簡単に Flash で時計が作れる AS3 用ライブラリ「TeraClock」を公開しましたー。 最近 THA さんの展示や APMT の発表を見て、時計が作りたくなった人もいるかと思いますのでどうぞお使いください。慣れれば新規ファイル作成から3分ぐらいで Flash 時計が作れます。あとは表現です。 …

簡単に Flash で時計が作れる AS3 用ライブラリ「TeraClock」を公開しましたー。
最近 THA さんの展示APMT の発表を見て、時計が作りたくなった人もいるかと思いますのでどうぞお使いください。慣れれば新規ファイル作成から3分ぐらいで Flash 時計が作れます。あとは表現です。

とりあえず簡単な使い方をスクリーンキャストにしました。(音出ます!)

前回の TeraFire 同様、今回も Spark Project 内にライブラリを置いてありますので、SVN 取得してください。やり方は TeraFire のビデオとか WebDesigning の8月号に載ってます。フルパスは以下:

http://www.libspark.org/svn/as3/TeraClock/src/com/trick7/utils/TeraClock.as

主な機能

ちょっとややこしい文章なので、上のビデオ見たあとに読んでいただいたほうがいいかもです。

  • 時(HOURS_CHANGED)・分(MINUTES_CHANGED)・秒(SECONDS_CHANGED)それぞれの更新タイミングをイベントとして受け取れます。秒イベントで関数動かしつつ、別途時報イベントで別関数を実行とかが簡単にできます。
    とはいえ、よく見かける「ピッ(57)・ピッ(58)・ピッ(59)・ポーン(00)」的な「○秒の時に○○する」ってのがしたい場合は TeraClock.SECONDS_CHANGED リスナーの関数内で if 分岐させてください。
  • 時・分・秒の各値は、(TeraClockインスタンス名).seconds とかで取得できます。秒の値に応じてオブジェクトのサイズ変形とかするときはこっちですね。

    一方、デジタル数字で表示させたい時は、たとえば5秒のときは「05」にしたいですよね。そういうときは2桁モードとして、(TeraClockインスタンス名).seconds2ってやると常に2桁になるようにしてあります。
  • コンストラクタのパラメータにタイムゾーンを渡してやると世界各国の時間が表示されます。日本は世界標準時間から +9:00で、new TeraClock(9); としてやれば日本時計になりますが、9って指定しなくてもデフォルトで日本時計になるようにしてあります。ハワイは -10:00 なので new TeraClock(-10); とするわけですね。各国のタイムゾーンは Windows の時計をダブルクリックして確認しましょう。ただサマータイムは未実装なのでご注意。

実際に作ってるとこ見た方がわかりやすいので、ちまちま使用例ビデオを作っていこうとは思っています。

これから調べること

とりあえず公開してみんなに突っ込んでもらえて「完全な時計生成ライブラリ」になればいいなとか思ったりしていますが、コンストラクタとメソッドは崩さないようにしたい心持ちでいます。

  • EventDispatcher クラスを継承させたカスタムイベント用の別ファイル(例えばClockEvent.as)を作ろうか迷ったけど、コンストラクタで if 分岐で super(SECONDS_CHANGED);とかができなくてとりあえずやめた。
  • 結果1個の as ファイル(TeraClock.as)に記述する形になったのだけど、ENTER_FRAME させてるし、EventDispatcher も継承してるし Sprite 型にしたのだけど、なんか Sprite でいいのかなぁと不安。もっと絞れないかなぁ。
  • ENTER_FRAME イベントで毎フレーム時間を取得している仕様なので、すっごい実行してる感があるから、ここは Timer クラスを使った方が・・とか思っていたのだけど、実はそもそも Timer クラスの中で ENTER_FRAME が動いてるらしく、それだったら ENTER_FRAME させたほうがいいと twitter で教えてもらった。
  • で、カスタムイベントもその中で定義しているのだけど、呼び出し側のイベントハンドラ関数の引数んとこが (e:Event) じゃないと動かないらしい。
  • サマータイム実装するかなぁ。コンストラクタの第2パラメータの Boolean でやるかもだけど、それやると各国間の時差取得系のメソッドは実装しにくくなりそう。
  • 毎フレーム余計な処理を控えたかったので日時取得系は TeraCalender クラスとかで別途作る予定。

ソースコードとか

リファレンス代りに貼っておきます。まずはライブラリ本体(TeraClock.as)

package com.trick7.utils {
	import flash.display.*;
	import flash.events.Event;
	import flash.events.EventDispatcher;
	/**
	* @author tera
	*/
	public class TeraClock extends Sprite {
		public static const HOURS_CHANGED = "hoursChanged";
		public static const MINUTES_CHANGED = "minutesChanged";
		public static const SECONDS_CHANGED = "secondsChanged";
		private var _hours:int;
		private var _minutes:int;
		private var _seconds:int;
		private var _preSeconds:int;
		private var _gmt:int;
		// コンストラクタ関数。引数でタイムゾーンを設定できる。デフォルトは+9:00(日本)
		public function TeraClock(GMT:int = 9) {
			_gmt = GMT%24;
			addEventListener(Event.ENTER_FRAME, enterFrameListener);
		}

		private function enterFrameListener(e:Event):void {
			var date = new Date();
			if(_gmt>=0){
				_hours = (date.getUTCHours() + _gmt) % 24;
			}else {
				_hours = (24+(date.getUTCHours() + _gmt)) % 24;
			}
			_minutes = date.getUTCMinutes();
			_seconds = date.getUTCSeconds();
			if (_seconds != _preSeconds) {
				//trace(_hours + ":" + _minutes + ":" + _seconds);
				dispatchEvent(new Event(SECONDS_CHANGED));
				if (_seconds == 0) {
					dispatchEvent(new Event(MINUTES_CHANGED));
					if (_minutes == 0) {
						dispatchEvent(new Event(HOURS_CHANGED));
					}
				}
			}
			_preSeconds = _seconds;
		}
		// 外部から値を取得するためのゲッター。セッターはとりあえずいらないや。
		public function get hours():int { return _hours; }
		public function get minutes():int { return _minutes; }
		public function get seconds():int { return _seconds; }
		// 1桁の数の時を2桁にする。返り値は String 型になる。
		public function get hours2():String { return niketa(_hours); }
		public function get minutes2():String { return niketa(_minutes); }
		public function get seconds2():String { return niketa(_seconds); }
		// 2桁にして返す関数
		private function niketa(num:int):String {
			if (num < 10) {
				return String("0"+num);
			}else {
				return String(num);
			}
		}
	}
}

以下がその使用例。ドキュメントクラス Main.as とした場合:

package  {
	import flash.events.Event;
	import flash.display.Sprite;
	import com.trick7.utils.TeraClock;
	public class Main extends Sprite{
		public var clock:TeraClock;
		public function Main() {
			clock = new TeraClock();
			clock.addEventListener(TeraClock.SECONDS_CHANGED, secondsListener);
			clock.addEventListener(TeraClock.MINUTES_CHANGED, minutesListener);
			clock.addEventListener(TeraClock.HOURS_CHANGED, hoursListener);
		}

		private function secondsListener(e:Event):void {
			trace(clock.seconds + "秒です。現在:" +clock.hours2+":"+clock.minutes2+":"+clock.seconds2+" です。" );
		}
		private function minutesListener(e:Event):void {
			trace(clock.minutes +"分になったよ。");
		}
		private function hoursListener(e:Event):void {
			trace(clock.hours+"時になったよ。");
		}
	}
}

あなたのブランドがどれだけソーシャルメディアに露出しているかがわかる『HowSociable?』

Posted by admin on 9 月 07, 2008
NEWS / No Comments

マーケターには便利かもしれないツールのご紹介。

HowSociable?は指定したブランドがFacebookやらTwitterやらでどれだけ露出されているかを教えてくれる。22ものメディアで測定してくれるので、どこが強くてどこが弱いか詳細に分析することができるだろう。

結果はあるスコアで算出されるが、このスコアをもとに競合ブランドと比較したり、時系列で追えばよいだろう。メールアドレスを登録しておけば定期的にスコアの推移を教えてくれる機能もあるようだ。

ただ露出すればいいというものでもないので注意深く活用する必要があるが、一つの指標として使ってみるのは悪くないだろう。あなたのブランドがどの程度か、一度調べてみてもいいですな。

HowSociable?

http://www.howsociable.com/

ブランドがソーシャルメディアでどのぐらい露出しているかを算出。

管理人の独り言 『ダークナイト』

映画の日だったので前から気になっていたダークナイトを鑑賞。興味深いテーマでしたが・・・重いっすね・・・。一緒に言った子は窒息しそうだった、とのこと・・・。

そして帰宅してみたら辞任のニュース・・・。うむ。

今日の運動記録

昨日もきっちり。今日もやる。

Google Suggestで一文字入れたら出てくる単語のリスト

Posted by admin on 9 月 07, 2008
NEWS / No Comments

この週末にやってた調べ物。 ブログO’Reilly Radarでは、アルファベッ…

この週末にやってた調べ物。

ブログO’Reilly Radarでは、アルファベット一文字を入れたときにGoogleが何のキーワードを第一に提案してくるか、を調べることで、Googleがどんなキーワードやブランドを有名と認識しているのか、を語っています。2004年にもやっていたこの企画、英語でどんなキーワードが優勢なのか見てみると発見があって面白いです。

Google Suggestでアルファベット一文字検索 - 秋元@ならべて.com

O’Reilly Radarでは、2004年にも同じ調査を行なっている。

個人ブログの方では、英語でsuggestされるキーワードで日本では馴染みの薄いものを説明した。

ここでは、Googleを日本語で使う場合に一文字に対してどんなキーワードが提案されるのか、をまとめてみる。

google-suggest-japanese-screenshot.png

(Google)ストリートビューが熱いようだ。あと「い」で痛いニュースが出てくるのもすごい。

いくつかのキーワードは、最近ニュースで話題になった物や人であることから、Suggestでは「今」ユーザが調べそうな旬のキーワードを提案するようになっているようだ。Googleは普通の検索結果でも近いことをやっていると思う。

Google Profileでプロフィール作成

Posted by admin on 9 月 07, 2008
NEWS / No Comments

Googleプロフィールって7月から面白くなってたんだ。知らなかった。 http…

Googleプロフィールって7月から面白くなってたんだ。知らなかった。

http://www.google.com/s2/profiles/me/editprofile

google-profile-screenshot.png

自分のブログのURLを二つ書いたら、「これもあなたのでしょう?」みたいな感じで他のブログや外部で書いた連載コラムなどがずらずらと出てきてびびった。ほとんどあってるし。

google-profile-suggestion-screenshot.png

聴く日経(2008.9.1放送分)

Posted by admin on 9 月 07, 2008
NEWS / No Comments

日本経済新聞ならではのビジネス情報をまとめてお届け。しっかり30分、あなたの朝が変わります。

YouTubeのプレイヤーを細かくカスタマイズできる『VTubeTools』

Posted by admin on 9 月 07, 2008
NEWS / No Comments

YouTubeのビデオをブログに貼り付ける人も多くなってきた。ただ、デフォルトのプレイヤーのここがちょっと使いにくい、という人もいるだろう。

そうした人のためのツールがVTubeToolsだ。このサイトではYouTubeのプレイヤーをいろいろカスタマイズすることができる。

プレイヤーのサイズや背景色を変えたりといったことは当たり前として、ループ再生させたり、フルスクリーンを許可させるかどうかなんてのも選べたりする。

貼り付けるビデオに応じてこうしてプレイヤーをカスタマイズするのも悪くないですね。人と違った貼り付け方を試してみたいと思われる方は是非どうぞ。

VTubeTools

http://www.vtubetools.com/

YouTubeのプレイヤーをカスタマイズできるサイト。

管理人の独り言 『さーて』

月曜日ですね。スタートダッシュかけていかねば・・・。

今日の運動記録

なんだかんだと昨日運動できんかった・・・今日はやるぞ、と。