先日MGS4のサイトがリニューアルしましたね。
MGS4オフィシャルサイト

PS3の大型タイトルで相当期待されているこのタイトルですが
色々と問題も山積みなのでは？と１ユーザとして不安を感じます。

開発予算の拡大

これは結局スポンサーを付けることで解決しているのか？？小さい会社がPS3のタイトルの開発って出来るの？

開発期間の増大

昔は２年あれば新しいタイトル出てたよね。

ソフト数が少なくなる？

開発予算の拡大と関わっているかもしれないけど、絶対的な数が少なくなるのはユーザとして選ぶ事が出来なくなるのは寂しい。

良い物を作ろう＝お金かけました

これがイコールであることは認めざるを得ない所もあるけど
お金かけなければ創造出来ないものにしてしまうにはもったいないよね。
フレームワークとかオープンソース化をもっと進めると良いと思いますがどうでしょうかね？

ちなみにMGS4ですが、かくいう自分は３ヶ月前から予約済みなのです

最近日記を書いていませんでした。
（毎回言っている気がする。。）

自分のためにも習慣化させよう！

最近気になったもの
色々話題になっていますが、この動画素敵だと思います。

最近内向的な気がするのでイベントへ行く努力をせねば。。
16歳と会ってきた

先日ついにphotoshopのWEBベータ版が公開されたとの事でさっそく使ってみた。
使用感や画面とか載せておきます。

簡単に先に使用して感じとしては…
iphoto web版？って感じのものでした。
インターフェースはFLASHで構築されていて、回線が速いとそこそこ快適に動作します。
※最初つないだときは無線で繋いでいたのですが、処理適用した際や保存した際に
　ローディングバーが出てきて100%の所で止まって5秒～10秒待たされました。。

レイヤー構造などは持っていないため、写真の加工だけになります。
シャープや赤目処理加工など代表的なものが多い所を見ると、写真加工を純粋に目的としたツールでは
ないようです。

それもそのはず、アルバムを作成して整理を行い、写真をカテゴライズや写真毎にスターを付けていく機能など
から想定するに写真管理ツールのようです。やはりその点からもユーザ層は広く、iphotoなどを意識しているようです。
それもそのはず…そんな内容の記事ありました。
以下から画面ショット！

ログイン後画面
※最初の時点では写真はアップされていません。テスト用のファイルで素材集から引っ張ってきたものです。

この画面でスターを付ける事が出来ます。写真をダブルクリックする事で、写真の編集モードに突入。

写真の編集画面

写真の編集画面です。左メニューに様々なメニューが並んでいて加工が出来るようです。
簡単な処理のものが多いです。画面写真ではスタンプツール（Touchup）と自動色補正？（Auto Correct）を使用しています。
オリジナルの画像も右下「View Original」から見ることが出来ます。

エフェクト「Distore（歪み処理）」を適用させている所

歪みを反映させている所です。上の5つのアイコンからパターンを選択して
ゆがませる範囲を円で指定します。円のサイズは大きくしたり、小さくしたりできます。

回転処理

そのほか、画像の回転処理なども出来る。サイズ縮小とかももちろん。

全体としては、良くできています。
インフラレベルが整えばもっとサクサク動くはずなので、photoshopの代わりとはいきませんが
iphotoの代わりには間違いなくなります。
将来的にはphotoshopのWEB版とかも出る時代が来るのかも…と思わせるWEBアプリでした。
もうちょっとさわっておもしろい機能あればレビューします。

やはりXMLよりJSONデータの方がJavascriptでは使いやすいみたい。当然…か

以下のようなデータを用意する

var data = {
	'news' : {
		1 : {
			'date' : "2008年3月21日",
			'title' : "コンテンツ更新しました",
			'contnets' : "JSONって扱いが楽"
		},
		2 : {
			'date' : "2008年3月19日",
			'title' : "リニューアルしました",
			'contnets' : "うまくやれます<br />こんな感じでタグもOK"
		}
	}
}

上記、呼び出すJavascriptは

var view="";
for(i=1;i<3;i++){
	view += '<div class="news">';
	view += '<p class="date">'+data["news"][i]["date"]+'</p>';
	view += '<p class="title">'+data["news"][i]["title"]+'</p>';
	view += '<p class="contnets">'+data["news"][i]["contnets"]+'</p>';
	view += '</div>';
}

としてあげると。。

<div class="news">
	<p class="date">2008年3月21日</p>
	<p class="title">コンテンツ更新しました</p>
	<p class="contnets">JSONって扱いが楽</p>
</div>
<div class="news">
	<p class="date">2008年3月19日</p>
	<p class="title">リニューアルしました</p>
	<p class="contnets">うまくやれます<br />こんな感じでタグもOK</p>
</div>

ってな感じで出力されますね。
うーん指定が簡単(^ー^)
XMLのパースだとXMLHttpRequest使うとか、ライブラリ使うなどする必要があるのがなぁ…
自力で書けなくはないが、あまりお勧めじゃないかも。XMLの扱いがブラウザ毎で若干挙動違うのも面倒かも。

FLASHとかでもJSON使えるからリンク載せときます。
CMSで吐き出したJSONデータをFLASHとHTMLページで連動させるとすれば結構良いですね。

FLASHでJSONデータの読込

んー日本の本社に比べて何という差だろう…
しかし土地代とか物価の違いだけでこんなに差が付くのだろうか？？
日本の会社ではありえないほど独創的なGoogleのオフィス写真＆ムービー in スイス

中にいる人の創造性って話もありますが…
自分はこの中じゃまともに仕事出来なさそう…orz

先日からクライアントのJavascript導入の声がいくつかあったので試してみた。
mootoolのFx.Elementsと
コンテンツ表示およびCSSの切り替えをする必要があった。

結論
mootoolとjQueryは共存出来ないごめんなさい…出来ました！

■構成

• jquery.js　← いわずとしれたjQuery
• mootools.js　←　mootool
• imageMenu.js　←　youmosさんで配布されていたスライドメニュー
• test.js　　　←　jQueryのレイヤ表示のイベントやCSS切り替え関数

test.jsソースの汚さは気にしない気にしない

function showMenu(title){
	$("#layer1").hide();
	$("#layer2").hide();
	$("#layer3").hide();

	if(title=="title1"){
		$("#layer1").show();
	} else if(title=="title2"){
		$("#layer2").show();
	} else if(title=="title3"){
		$("#layer3").show();
	}
	changeCss(posi);
}
function changeCss(titleName){
	$('link[@rel*=style][@title]').each(function(i){
		this.disabled = true;
		if(this.getAttribute('title') == titleName) this.disabled = false;
	});
}
$(document).ready(function(){ changeCss(); });

だた、こいつらを

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/imageMenu.js" type="text/javascript"></script>
<script src="js/test.js" type="text/javascript"></script>

と順番に並べるとIE6,7共にエラー…orz
firefoxはおっけーなのに。。
どうも「$(document).ready()」自体がエラー出てることを考えると$()自体の呼び方が相殺されてるっぽい。
スクリプトの呼び出し順を変えるとエラーの出方が変わります(ﾟдﾟ;)ｱﾜﾜ
確かにmootoolにも$()の考え方も一応あるみたいだし…もうちょっと調べないと。情報求ム

■解決済み（追記）
コンフリクト回避をjQuery側で設定してあげれば良いようですね。

jQuery.noConflict();

jQuery と prototype.js を同時に使う。（$(); のコンフリクト回避）

これでmootoolやprototypeでも問題なく動作します。

昔は、JavascriptのonLoadは<body>部分に「<body onLoad=”hoge”>」と書くか
Jsファイル内に「window.onload = hoge;」とでもしてあげれば良かった。無名関数って奴？←よく分かってないので指摘求ム。
でも最近だとリスナー登録する形で書くのが主流だから…

function errorfunc(){ alert("エラーだとさ"); }
addEventListener('load',errorfunc,false);

もしくは…

txt = "エラーだとさ";
addEventListener('load',function(){ alert(txt); },false);

前者の場合は、第二引数に関数名指定。たぶんweb上でよく見るのはこっちか？
後者の場合は、関数名を直接書いてるけど引数書けるから良いかなーと思っていたら以下の記事

addListener()やattachEvent()で引数

まだいろいろあるみたい。もうちょっと調べます。

SQLをある程度書けるとPHPやほかのプログラムの書く量が減ると思う。
実際サブクエリーやSQL関数が使えるだけで随分違う。
最近やっとサブクエリの重要さに気づいて取り組んでいる。
とある掲示板システムでのサンプル

レスが付いたらスレッドを上に上げるSQL

SELECT *,(SELECT MAX(T2.update_time) FROM entry_tbl as T2 WHERE T2.resflg=T1.ID) as uptime FROM entry_tbl as T1 WHERE resflg=0 ORDER BY uptime DESC,T1.update_time DESC

ここでのresflgは本スレの場合、0が立つ。
レスの場合はIDに紐付けするのでresflgには本スレと同じID番号が入る。
上記だけだとレスの表示処理が入っていないので、もっとカスタマイズすれば
レスも合わせて表示出来る処理に出来そう。。実力不足のため4時間ほど粘ったが思いつかず。
MAX関数はそのフィールド内での最大値取得。

今回収穫はORDER BYで複数フィールドが指定出来るという事に気づいた事。
今までは1フィールドしか指定してなかったからなぁ…SQL奥深い。。

自分が忘れっぽいので、ひとまず残しておく。
UNIXタイムスタンプから通常の日付に変換する方法。逆も。

2007-11-11 11:11:11をUNIXタイムスタンプに変換

$date = "2007-11-11 11:11:11";
echo strtotime($date);

UNIXタイムスタンプをYYYY-MM-DD HH:II:SSの型に変換

$date = time();
echo date("Y-m-d H:i:s",$date);

簡単な事なんだけどもいつも忘れてしまう。簡単過ぎるから！？(^_^;)
UNIXタイムスタンプにすると時間の比較とか処理するのに楽だから多用しています。
データフィールドをtimestampにして処理処理。

随分書いていませんでした；
心身整理などやってたせいであまり日記書けてませんでした。。反省。
>

さて、書いていない間にもcakePHPやらJavascriptなどは進めていたので
これは近々載せていきます。
今日のメモ – PHP – リンク変換プログラム

function textURLconvert($text){
	$com = ereg_replace("(https?|ftp|news)"."(://:alnum:]\+\$\;\?\.%,!#~*/:@&=_-]+)","\\1\\2",$text);
	$com = ereg_replace("([#-9A-~]+)(@[#-9A-~]+)","\\1\\2",$com);
	$com = nl2br($com);
	$com = ereg_replace("[\n,\r]","",$com);
	return $com;
}

ひとまず上記でhttp://～のURLを自動的にリンクに変換してくれます。
結構使う箇所もあるので。