7:3 blog - web notes

Firefox で Java アプレット閲覧時のクラッシュ

Shuhei Kagawa — Wed, 26 Mar 2008 00:03:26 GMT

Java をアップデートしたら、Firefox で Java アプレットを見るとクラッシュするようになってしまいました。
最近 Proce55ing をいじりはじめたところなので、ちょっと困ります。

検索したところ、以下のページを発見。
「Windows 版 FireFox で Java Applet が動かないときはとりあえずこうしろ @ Matthew’s」 Blog

ここに書いてあるうち以下の二つをしたら直りました。
環境はWindows XP SP2 です。

「コントロールパネル」＞「Java」＞「基本」＞「ネットワーク設定」＞「直接接続」にチェック。
「コントロールパネル」＞「Java」＞「詳細」＞「その他」＞「システムトレイに Java アイコンを配置」のチェックを外す。

これでまた、楽しい Java アプレットライフに戻れます。

L-system

Shuhei Kagawa — Sat, 22 Mar 2008 12:10:36 GMT

The Nature of Code のシラバスに載ってた参考文献 The Algorithmic Beauty of Plants が一冊丸ごとダウンロードできたので、印刷して読んでます。
さっき見たらサイトが落ちてるみたいでしたが、復活したらぜひ。
L-system 面白いです。

Perl で大きなファイルを分割

Shuhei Kagawa — Mon, 17 Mar 2008 14:33:47 GMT

ちょっとしたことで、何十MBとかのテキストファイルを分割する必要がありました。
テキストエディタでは太刀打ちできなかったので、ローカルの Perl で対処。

PC 内に置いておくとなくしてしまうので、ここにメモ。
$lines で、何行ごとに分割するかを変えられます。

unless ($file = shift) {
	print "input target file's name. \n";
	chomp($file = <>);
	length $file or exit;
}

$lines = 180000;
$count = 0;
$filecount = 0;

open IN, $file or die $!;
while () {
	if ($count % $lines == 0) {
		open OUT, "> file$filecount.sql" or die $!;
		$filecount ++;
	} else {
		print OUT;
	}
	$count ++;
}
close IN;
print "complete.\n";

参考URL: perlでファイルを分割するプログラム – 教えて！goo

Proce55ing 始めました [2]

Shuhei Kagawa — Tue, 11 Mar 2008 15:58:12 GMT

Processing は Java をベースにしたデザイナー／アーティスト向けの手軽な開発環境です。
Built with Processing　前川峻志　田中孝太郎

まあつまり、簡単にビジュアルプログラミングができるよ、という Java ベースのアレです。
本名は Processing なのですが、これだと一般的すぎて検索に引っかからないので、Proce55ing と表記するのが一般的なようです。
以前ギャラリーサイトを見て感激し本を買っていたのですが、今回時間ができたのと flight404 のネ申っぷりに刺激されて始めてみることに。

Processing のいいところはやはり、いい意味での簡単さと、ソースコードの公開を奨励するカルチャーではないかと思います。
めんどくさい設定がほとんどいらず、肝心の表現部分に集中できます。
またソースコードの公開は相当で、上で挙げたギャラリーサイトにあるような神作品でもソースが公開されているというのは、Flash じゃちょっと考えられません。
そんなこんなで、日頃遊ぶのには最適ではないかなと。

そういうわけで、試しに作ってみました。
sincosWave

あまりにショボイですが、最初と言うことでｗ
今後もうちょっといじってみるつもりです。

PHP のバージョンを 5.2.5 に [1]

Shuhei Kagawa — Sun, 03 Feb 2008 14:24:36 GMT

さくらインターネットのレンタルサーバで PHP5 が使えるようになったというので、試しにバージョンを変えてみました。
とりあえず、Textpattern がちゃんと動くかチェック。
これさえ動けば、とりあえずはOK。

【追記】
今のところ、投稿もコメントもうまく行ってるみたいです。

Fugusashi

Shuhei Kagawa — Tue, 11 Dec 2007 17:25:52 GMT

http://www.7to3.net/lab/Fugusashi/

正多角形の各辺を同じ比率で内分する点をつなぎ合わせると、少し小さな正多角形が現れます。
それを入れ子にしてみました。

画面をクリックすると、四角形から五角形、六角形と、頂点が増えていきます。

上のスクリーンショットの内分比は黄金比に近い値。
ちょうど薔薇のように見えるのが不思議です。

Fugusashi.as

package {
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;

	public class Fugusashi extends Sprite {
		private var _boxes:Array;
		private var _time:Number;

		public function Fugusashi(points:uint = 4, num:uint = 20, size:Number = 150, foreColor:uint = 0xFFFFFF, backColor:uint = 0x640000) {
			var rf:uint = foreColor >>> 16;
			var gf:uint = foreColor >>> 8 & 0xFF;
			var bf:uint = foreColor & 0xFF;
			var rb:uint = backColor >>> 16;
			var gb:uint = backColor >>> 8 & 0xFF;
			var bb:uint = backColor & 0xFF;

			_boxes = new Array();
			for (var i:uint = 0; i < num; i++) {
				var color:uint = uint(rf + (rb - rf) * (i) / num) << 16
							   | uint(gf + (gb - gf) * (i) / num) << 8
							   | uint(bf + (bb - bf) * (i) / num);
				var box:Box = new Box(points, size, 0, color, 1);
				if (i > 0) {
					_boxes[i - 1].addChild(box);
				} else {
					addChild(box);
				}
				_boxes.push(box);
			}

			_time = 0;
			addEventListener(Event.ENTER_FRAME, _enterFrameHandler);
		}

		private function _render(ratio:Number):void {
			var num:uint = _boxes.length;
			for (var i:uint = 1; i < num; i++) {
				var box:Box = _boxes[i];
				box.setRatio(ratio);
			}
		}

		private function _enterFrameHandler(evt:Event):void {
			_render((Math.cos(_time) + 1) / 2);
			_time += 0.05;
		}
	}	
}

Box.as

package {
	import flash.display.Sprite;

	public class Box extends Sprite {
		private var _r:Number;
		private var _points:uint;
		private var _angle:Number;
		private var _inner:Number;

		public function Box(points:uint = 4, r:Number = 100, ratio:Number = 0, fillColor:uint = 0x000000, fillAlpha:Number = 1, lineColor:uint = 0x000000, lineAlpha:Number = 0) {
			if (points > 2) {
				_r = r;
				_points = points;
				_angle = Math.PI * 2 / _points;
				_inner = Math.PI - _angle;

				graphics.clear();
				graphics.lineStyle(0.1, lineColor, lineAlpha);
				graphics.beginFill(fillColor, fillAlpha);
				var theta:Number = Math.PI / 2;
				graphics.moveTo(r * Math.cos(theta), r * Math.sin(theta));
				for (var i:uint = 0; i < _points; i++) {
					theta += _angle;
					graphics.lineTo(r * Math.cos(theta), r * Math.sin(theta));
				}
				setRatio(ratio);
			}
		}

		public function setRatio(ratio:Number):void {
			//余弦定理から親Boxの大きさとの比を求める
			scaleX = scaleY = Math.sqrt(2 * ratio * ratio - 2 * ratio + 1 - 2 * ratio * (1 - ratio) * Math.cos(_inner));
			//正弦定理から回転角を求める
			rotation = Math.asin(ratio * Math.sin(Math.PI * 2 / _points) / scaleX) * 180 / Math.PI;
		}
	}
}

FlashDevelop でAS3 開発環境を整える

Shuhei Kagawa — Sun, 09 Dec 2007 03:29:20 GMT

今さらですが、FlashDevelop で AS3 開発環境を整えるためのメモ。
いつもやり方を忘れて、検索するはめになるので・・・。
WindowsXP SP2 + FlexSDK3 + FlashDevelop3.0.0 Beta5 ではうまく行きました。

【追記】いろいろ間違っていたので、修正しました。

FlexSDK をインストール。ダウンロードして適当なところに置くだけです。
外部ライブラリのパスを指定。これをやらないと、コンパイル時に外部ライブラリを読み込んでくれません。FlexSDK のフォルダ->frameworks->flex-config.xml を開いて、flex-config->compiler->source-path->path-element のところをコメントアウトし、外部ライブラリのパスを書いて保存。
FlashDevelop をインストール。前バージョンがある場合はアンインストールしておくと安全だとか。ユーザデータ（「C:\Documents and Settings\***\Local Settings\Application Data\FlashDevelop」など）も消しておくとさらに安全なのかもしれませんが、よくわかりません。
コード補完用に、FlashDevelop.org :: View topic – Apollo / Flex Intrinsic Classes [added Flex3/AIR] から flex3_intrinsic.zip をダウンロード。解答して適当な場所（「C:\flex_sdk_3\intrinsic」など）に置く。ここに外部ライブラリも置いておくと、コード補完に追加されるのでなお良し。外部ライブラリは、ここに置かなくてもプロジェクトごとに設定できるようですが、プロジェクト作らないような小さいものにも使いたいので。
Tools->ProgramSettings->Plugins->AS3Context->AS3 の、「AS3 Classpath」に上で用意したフォルダを、「FlexSDK Location」をFlexSDK の入ってるフォルダ（「C:\flex_sdk_3」など）を設定。前者はコード補完用。後者はコンパイル用。
Tools->GlobalClasspaths に、外部ライブラリの入ってるフォルダを設定。これはコンパイル用。デフォルトで「C:\Program Files\Adobe\Adobe Flash CS3\ja\Configuration\Actionscript3.0\Classes」が設定されているので、僕はここにブチ込んでます。これは外部ライブラリのコード保管のため。
Tools->ProgramSettings->Plugins->FlashViewer->ExternalFlashPlayer に FlexSDK に入ってるスタンドアロンのデバッグプレーヤ（「C:\flex_sdk_3\runtimes\player\win\FlashPlayer.exe」）を設定。これは、ログを吐かせるため。
Tracerabbit をインストール。HP に書いてある通り設定。これで trace 使ってデバッグできます。（trace 見るのには、専用のFlashDevelop 用のプラグインもありますが、こっちの方が使いやすい気がするので・・・。）

Flex で碁盤掲示板を作成 1

Shuhei Kagawa — Wed, 21 Nov 2007 17:11:13 GMT

Flex の勉強がてら、碁盤掲示板を作成してみようかと思います。
完成してから公開ということにするとなかなかできないので、作成手順を公開しながら作っていくことにします。
作成手順を公開といっても、ぶっちゃけ何もよくわかっていないので試行錯誤します。
レベル低いです。
生暖かく見守ってやってください。

今回はとりあえず大まかな枠組みを MXML で作ってみました。
コードは一番下。

FlexGoban1.swf

サーバサイドは抜きにして、掲示板部分はだいたい作りました。

書き込み部分は Repeater で、更新の時には DataProvider を再定義しているのですが、そうすると一回全部が消えてから更新されるようになってしまいます。
本当は差分だけ更新したいのですが・・・。
何かいい方法はないですかね？

次回は UIComponent を拡張して、碁盤コンポーネントを作ってみたいと思います。
その後は、碁盤コンポーネントの埋め込み、サーバサイドとの通信、見た目のブラッシュアップなどをやる予定です。

コード（MXML）




    
	
		
		public var idNow:uint = 4;

		private function submitPost(evt:MouseEvent):void {
			var errorMsgs:Array = new Array();

			//必須項目をチェック
			if (postModel.name == "") {
				errorMsgs.push("名前を入力してください。");
			}
			if (postModel.title == "") {
				errorMsgs.push("タイトルを入力してください。");
			}
			if (postModel.message == "") {
				errorMsgs.push("メッセージを入力してください。");
			}

			//url,email をチェック（適当です。）
			if (/^(https?)(:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)$/.test(postModel.url) == false && postModel.url != "") {
				errorMsgs.push("正しいURLではありません。");
			}
			if (/^[_a-z0-9-]+(￥.[_a-z0-9-]+)*@[a-z0-9-]+([￥.][a-z0-9-]+)+$/i.test(postModel.email) == false && postModel.email) {
				errorMsgs.push("正しいメールアドレスではありません。");
			}

			//エラーをチェック。エラーがなければ追加。
			if (errorMsgs.length > 0) {
				Alert.show(errorMsgs.join("\n"));
			} else {
				myPosts.splice(0, 0, {id:idNow, name:postModel.name, email:postModel.email, url:postModel.url, title:postModel.title, message:postModel.message});
				myRep.dataProvider = myPosts;
				idNow ++;
			}

		}

		private function clearForm(evt:MouseEvent):void {
			nameInput.text = urlInput.text = emailInput.text = titleInput.text = messageTextArea.text = "";
		}

		private function removePost(evt:MouseEvent):void {
			var rptr:* = evt.target.parent.parent.parent;
			var pnl:* = evt.target.parent.parent;
			myPosts.splice(rptr.getChildIndex(pnl) - 1, 1);
			myRep.dataProvider = myPosts;
		}

		[Bindable]
		public var myPosts:Array = [{id:3, name:"佐藤", email:"", url:"", title:"腹減った", message:"ラーメン食おうぜ。"},
									{id:2, name:"鈴木", email:"", url:"", title:"ビール", message:"安西先生、ビールが・・・飲みたいです。"},
									{id:1, name:"山田", email:"", url:"http://blog.7to3.net/", title:"テスト", message:"テストです。"}];
		]]>
	

	

	
		
			
			{nameInput.text}
			{urlInput.text}
			{emailInput.text}
			{titleInput.text}
			{messageTextArea.text}