<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>Wazap! Blog - ワザップ!ブログ &#187; 開発部</title>
	<atom:link href="http://blog.jp.wazap.com/category/dev-team/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.jp.wazap.com</link>
	<description>ワザップ!チームが国内外のゲーム・IT業界ニュース、ワザップ!ポータルなどについて語るブログです。</description>
	<pubDate>Thu, 20 Nov 2008 02:11:22 +0000</pubDate>
	<language>en</language>
			<item>
		<title>ワザップ! Open APIのサービス開始！</title>
		<link>http://blog.jp.wazap.com/2008/11/19/%E3%83%AF%E3%82%B6%E3%83%83%E3%83%97-open-api%E3%81%AE%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E9%96%8B%E5%A7%8B%EF%BC%81/</link>
		<comments>http://blog.jp.wazap.com/2008/11/19/%E3%83%AF%E3%82%B6%E3%83%83%E3%83%97-open-api%E3%81%AE%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E9%96%8B%E5%A7%8B%EF%BC%81/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 04:50:26 +0000</pubDate>
		<dc:creator>Markus</dc:creator>
		
		<category><![CDATA[Wazap]]></category>

		<category><![CDATA[ポータル]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[api]]></category>

		<category><![CDATA[open api]]></category>

		<category><![CDATA[rest]]></category>

		<category><![CDATA[wazap open api]]></category>

		<category><![CDATA[web service]]></category>

		<category><![CDATA[ウェブサービス]]></category>

		<category><![CDATA[コンテンツ]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=91</guid>
		<description><![CDATA[ワザップ!に新サービスが追加されました。名称は「Wazap! Open API」です！
Wazap! Open APIとは
Wazap! Open API とは、ワザップ!のコンテンツを特殊なURLを呼び出すことによって、提携先サイトにワザップ!のコンテンツを自社ブランドなどで掲載することが可 能になるウェブサービスです。技術的な話になりますと、RESTプロトコルによるAPIです。
2008年11月現在、Wazap! Open APIが対応しているプロトコルは、RESTプロトコルのみです。

Wazap! Open APIで出来ること
ワザップ!の膨大なゲーム関連コンテンツをパートナーサイトに組込み・表示させることが出来ます。例えばあるパートナーさんがワザップ!のアクセスランキングを自サイトに載せたい場合、とあるURLを呼び出し、以下の返ってきたレスポンスを処理することによってそれが可能になります。
&#60;?xml version="1.0" encoding="UTF-8" standalone="yes"?&#62;
&#60;response xmlns="http://api.jp.wazap.com" status="SUCCESS" xml:lang="ja"&#62;
        &#60;gameAccessRanking url="http://jp.wazap.com/ranking/access/" until="2008-11-17" from="2008-11-17"&#62;
            &#60;rankingEntry previousPlace="1" place="1"&#62;
            [...]]]></description>

		</item>
		<item>
		<title>ThickBoxやlightboxのようにレイヤーを表示させる - その3</title>
		<link>http://blog.jp.wazap.com/2008/09/02/thickbox%E3%82%84lightbox%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B-%E3%81%9D%E3%81%AE3/</link>
		<comments>http://blog.jp.wazap.com/2008/09/02/thickbox%E3%82%84lightbox%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B-%E3%81%9D%E3%81%AE3/#comments</comments>
		<pubDate>Tue, 02 Sep 2008 11:07:41 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[Wazap]]></category>

		<category><![CDATA[覚え書き]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[lightbox]]></category>

		<category><![CDATA[thickBox]]></category>

		<category><![CDATA[透過背景]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=85</guid>
		<description><![CDATA[windowサイズを取得して透過背景を表示させる。

#overlay {
	position: fixed;top: 0px;left: 0px;
	width:100%;height:100%;
	z-index:100;
}
* html #overlay { /* ie6 hack */
	 position: absolute;
}
#overlayIn{
	background:url(http://blog.jp.wazap.com/wordpress/wp-content/uploads/2008/07/overlay.png);
}
* html #overlayIn{
	background-color:#666;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


function overlay() {
	if (document.documentElement.clientWidth) {
		var div = document.createElement("div");
		div.id = "overlay";
		var divIn = document.createElement("div");
		divIn.id = "overlayIn";
		var width = document.documentElement.clientWidth;
		var height = document.documentElement.clientHeight;
		var divInwidth = divIn.offsetWidth;
		var divInheight = divIn.offsetHeight;
		divIn.style.width = width + "px";
		divIn.style.height = height + "px";
		div.appendChild(divIn);
		var objBody = document.getElementsByTagName("body").item(0); [...]]]></description>

		</item>
		<item>
		<title>ThickBoxやlightboxのようにレイヤーを表示させる - その2</title>
		<link>http://blog.jp.wazap.com/2008/08/22/thickbox%E3%82%84lightbox%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B-%E3%81%9D%E3%81%AE2/</link>
		<comments>http://blog.jp.wazap.com/2008/08/22/thickbox%E3%82%84lightbox%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B-%E3%81%9D%E3%81%AE2/#comments</comments>
		<pubDate>Fri, 22 Aug 2008 08:52:40 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[開発部]]></category>

		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[lightbox]]></category>

		<category><![CDATA[thickBox]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=78</guid>
		<description><![CDATA[その2は、表示させるコンテンツ等をJavascriptで生成するやり方。
完成図はこれ。↓

ちょーシンプルなレイアウト。
Javascriptはこちら↓



&#60;script type="text/javascript"&#62;
window.onload = function(){
var div = document.createElement("div");
div.id = "dialog";
div.style.width = '200px';
div.style.height = '200px';
div.style.borderWidth = '1px';
div.style.borderStyle = 'solid';
div.style.borderColor = '#000';
var img = document.createElement("img");
img.setAttribute('src' ,'http://img.jp.wazap.com/images/blog/logo.png');
img.style.marginTop = '57px';
div.appendChild(img);
var objBody = $("dialogSample2");
objBody.appendChild(div);
}
&#60;/script&#62;

このスクリプトは単純にdivにborderを指定して、画像をその中に入れただけ。
今回はブログ用にvar objBody = $(&#8221;dialogSample2&#8243;);としたが、var objBody = document.getElementsByTagName(&#8221;body&#8221;).item(0);としてbodyの直下に指定する事もできる。
今回はここまで。
]]></description>

		</item>
		<item>
		<title>おまけ：サーバ負荷分散状況</title>
		<link>http://blog.jp.wazap.com/2008/08/21/%E3%81%8A%E3%81%BE%E3%81%91%EF%BC%9A%E3%82%B5%E3%83%BC%E3%83%90%E8%B2%A0%E8%8D%B7%E5%88%86%E6%95%A3%E7%8A%B6%E6%B3%81/</link>
		<comments>http://blog.jp.wazap.com/2008/08/21/%E3%81%8A%E3%81%BE%E3%81%91%EF%BC%9A%E3%82%B5%E3%83%BC%E3%83%90%E8%B2%A0%E8%8D%B7%E5%88%86%E6%95%A3%E7%8A%B6%E6%B3%81/#comments</comments>
		<pubDate>Thu, 21 Aug 2008 13:59:29 +0000</pubDate>
		<dc:creator>Manri</dc:creator>
		
		<category><![CDATA[Wazap]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[keepalived]]></category>

		<category><![CDATA[munin]]></category>

		<category><![CDATA[resin]]></category>

		<category><![CDATA[サーバ]]></category>

		<category><![CDATA[負荷]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=80</guid>
		<description><![CDATA[サーバの負荷が分散される様子。凸が続けば問題が無い証。
グラフはmunin、
分散はkeepalived、
サーバはresin！
サイトはワザップ!
]]></description>

		</item>
		<item>
		<title>xenでwindowsXPの仮想化</title>
		<link>http://blog.jp.wazap.com/2008/08/21/xen%E3%81%A7windowsxp%E3%81%AE%E4%BB%AE%E6%83%B3%E5%8C%96/</link>
		<comments>http://blog.jp.wazap.com/2008/08/21/xen%E3%81%A7windowsxp%E3%81%AE%E4%BB%AE%E6%83%B3%E5%8C%96/#comments</comments>
		<pubDate>Thu, 21 Aug 2008 13:42:39 +0000</pubDate>
		<dc:creator>Manri</dc:creator>
		
		<category><![CDATA[開発部]]></category>

		<category><![CDATA[EC2]]></category>

		<category><![CDATA[Windows]]></category>

		<category><![CDATA[xen]]></category>

		<category><![CDATA[XP]]></category>

		<category><![CDATA[仮想サーバ]]></category>

		<category><![CDATA[仮想化]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=79</guid>
		<description><![CDATA[ワザップ!ウェブ版リニューアルの為、大忙しの毎日だったけど、ようやく少し時間ができたので、以前から試してみようと思っていたxenでwindowsXPの仮想化に挑戦しました。
OSはgentoo、既にワザップ!のサイトは部分的にxen上のLinux仮想サーバで動いているので、あまり負荷がかかっていないサーバを悪用して実験開始。
xenのホストを初めて設定したときは痛い失敗をいっぱいして、すごく面倒だった記憶があるので、今回も大掛かりな作業になるかなと思ったけど、以外と簡単にWindowsを動かすことができた。もちろん、すでに設定済みのdom0を利用したからだけど．．．
xenの実験以外、今回のWindowsの仮想化の目的はワザップ!を各種ブラウザでテスト検証したいからである、各プログラマがそれぞれあらゆるブラウザを各自のPCにインストールするよりは仮想サーバにリモートでログインしてテストをするほうがいいのではと思ったからである。
まずはWindowsXPのインストールCDをイメージファイルに落とすことに：
dd if=/dev/cdrom of=WindowsXP.iso
次にVMが使用する「ディスク」を作成する。今回は１０GBを確保（1024 * 10）：
dd if=/dev/zero of=windows01.img bs=1024k seek=10240 count=0
次に設定ファイルを作成(windows01.cfg)：
import os, re
arch = os.uname()[4]
if re.search(&#8217;64&#8242;, arch):
arch_libdir = &#8216;lib64&#8242;
else:
arch_libdir = &#8216;lib&#8217;
kernel = &#8220;/usr/lib/xen/boot/hvmloader&#8221;
builder=&#8217;hvm&#8217;
# 今回利用しているホストサーバはパワフルなのでメモリは４GB（自宅のPCだと無理です）
memory = 4096
# 最大メモリを指定（これを忘れて痛い目にあったことがある）
maxmem = 4096
shadow_memory = 16
# ワークステーションとしても使いたいのでCPUは4個（１から4番を使用）
vcpus = &#8216;4&#8242;
cpus = &#8216;1,2,3,4&#8242;
name = &#8216;windows01&#8242;
# ネットワークブリッジ
vif = [ 'type=ioemu, bridge=xenbr0' ]
#vif = [ '' ]
# VMのディスクとXPのインストールCDをマウント
disk = [ 'file:/xen/windows/windows01.img,hda,w', 'file:/xen/windows/WindowsXP.iso,hdc:cdrom,r' ]
device_model = &#8216;/usr/&#8217; [...]]]></description>

		</item>
		<item>
		<title>ThickBoxやlightboxのようにレイヤーを表示させる - その1</title>
		<link>http://blog.jp.wazap.com/2008/07/25/thickbox%E3%82%84lightbox%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B-%E3%81%9D%E3%81%AE1/</link>
		<comments>http://blog.jp.wazap.com/2008/07/25/thickbox%E3%82%84lightbox%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B-%E3%81%9D%E3%81%AE1/#comments</comments>
		<pubDate>Fri, 25 Jul 2008 03:56:36 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[開発部]]></category>

		<category><![CDATA[IE6]]></category>

		<category><![CDATA[lightbox]]></category>

		<category><![CDATA[pngバグ]]></category>

		<category><![CDATA[thickBox]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=77</guid>
		<description><![CDATA[■IE6では透過png背景の中にanchorタグを入れるとリンクがきかなくなるバグがあるので、このバグの回避から。
ちなみにIE6で透過pngを使うにはAlphaImageLoaderを指定する。
■DEMO

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストwazap!テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

■CSS
div#overlay{
background:url(overlay.png);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=&#8217;overlay.png&#8217;,sizingMethod=&#8217;scale&#8217;);//for IE6
}
これだとIE6でアンカーリンクが効かないので、アンカーリンクの親エレメントタグにposition:relative;を指定する。
■DEMO


テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストwazap!テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト


■CSS
div#overlay{
background:url(overlay.png);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=&#8217;overlay.png&#8217;,sizingMethod=&#8217;scale&#8217;);//for IE6
}
div#overlayIn{
position:relative;
}
FireFoxでは問題ないのですが、IE6はこれで回避されます。
]]></description>

		</item>
		<item>
		<title>GoogleがKO</title>
		<link>http://blog.jp.wazap.com/2008/05/31/google%E3%81%8Cko/</link>
		<comments>http://blog.jp.wazap.com/2008/05/31/google%E3%81%8Cko/#comments</comments>
		<pubDate>Sat, 31 May 2008 10:38:35 +0000</pubDate>
		<dc:creator>Markus</dc:creator>
		
		<category><![CDATA[その他]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[binary]]></category>

		<category><![CDATA[conference]]></category>

		<category><![CDATA[google]]></category>

		<category><![CDATA[io]]></category>

		<category><![CDATA[ko]]></category>

		<category><![CDATA[tshirt]]></category>

		<category><![CDATA[グーグル]]></category>

		<category><![CDATA[ノックアウト]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=47</guid>
		<description><![CDATA[先日サンフランシスコで開催されたGoogle I/Oディベロッパー・コンファレンスで、参加者に記念Tシャツが配られた。そのTシャツになにがプリントされているか見てみると、

である。写真に写っている模様をバイナリー数字として解釈でき、これを普通の文字に直すと：

01000111  → G
01001111  → O
01001111  → O
01000111  → G
01001100  → L
01000101  → E
01001011  → K
01001111  → O
ん！？あれ！？GOOGLEKO？グーグルがKO？コンファレンス名である&#8221;GOOGLE IO&#8221;と思いきや、KOである。これは失敗か、ちょっとした遊び心か。
真意はいかに・・・
ちなみにバイナリーが分からない方はバイナリー変換サイトなどで確認できますよ！
]]></description>

		</item>
		<item>
		<title>CSS - IE6バグ解決、ハック、覚え書き</title>
		<link>http://blog.jp.wazap.com/2008/05/29/css-ie6%E3%83%90%E3%82%B0%E8%A7%A3%E6%B1%BA%E3%80%81%E3%83%8F%E3%83%83%E3%82%AF%E3%80%81%E8%A6%9A%E3%81%88%E6%9B%B8%E3%81%8D/</link>
		<comments>http://blog.jp.wazap.com/2008/05/29/css-ie6%E3%83%90%E3%82%B0%E8%A7%A3%E6%B1%BA%E3%80%81%E3%83%8F%E3%83%83%E3%82%AF%E3%80%81%E8%A6%9A%E3%81%88%E6%9B%B8%E3%81%8D/#comments</comments>
		<pubDate>Wed, 28 May 2008 15:51:14 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[覚え書き]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[CSSハック]]></category>

		<category><![CDATA[expression]]></category>

		<category><![CDATA[filter:alpha]]></category>

		<category><![CDATA[_filter]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=40</guid>
		<description><![CDATA[●hover時にalphaをきかせる
■filter:alphaを使う。
alphaImage a:hover{
zoom: 1;
filter:alpha(opacity=65);
-moz-opacity:0.65; //mozira
opacity:0.65; //IE
}

●IE6.7でmax-widthをきかせる
■Javascriptのexpressionプロパティを使う。
* html #maxWidth {
width:expression(document.body.clientWidth &#62; 1200? “1200px” : “auto”);
}
●IE6で背景にPNGファイルを使う
■_filterを使う。
filter{
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=’imagePath.png’);
_background-image: none;
}
●CSS hack(ハック)について
/* affect to only MacIE5 \*//*/
div.globalContainer{
margin: 0 0 0 1px;
}
/* end */

ポイント
/* XXX \*//*/をつける事でMacIE5のみCSSが適用されます。

/* except MacIE5 \*/
margin:1px 0 0;
/* end */

ポイント
/* XXX \*/をつける事でMacIE5以外のブラウザでCSSが適用されます。

safari用のCSS hack

/* safari only \*/
html:\66irst-child div.globalContainer{
margin: 0 0 0 18px;
}
/* end */

ポイント
/* XXX \*/でコメントアウトし、html:\66irst-childをつける事で、
safariのみCSSが適用されます。

IE6.0,IE7.0のCSS hack

_div.globalContainer{
margin:0;
}
*div.globalContainer{
margin:0;
}
/* end */

ポイント
定義要素を記述する前に_を付けるとIE6.0のみに、
*をつけるとIE7.0のみCSSが適用されます。
]]></description>

		</item>
		<item>
		<title>コマンドでスクリーンショットを撮ってみる - Linux</title>
		<link>http://blog.jp.wazap.com/2008/05/28/%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%E3%82%92%E6%92%AE%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B-linux/</link>
		<comments>http://blog.jp.wazap.com/2008/05/28/%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%E3%82%92%E6%92%AE%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B-linux/#comments</comments>
		<pubDate>Wed, 28 May 2008 11:48:06 +0000</pubDate>
		<dc:creator>Manri</dc:creator>
		
		<category><![CDATA[開発部]]></category>

		<category><![CDATA[Firefox]]></category>

		<category><![CDATA[ImageMagick]]></category>

		<category><![CDATA[Linux]]></category>

		<category><![CDATA[Xvfb]]></category>

		<category><![CDATA[xwd]]></category>

		<category><![CDATA[キャプチャ]]></category>

		<category><![CDATA[スクリーンショット]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=38</guid>
		<description><![CDATA[動作環境、必要なプログラム：
■ Xvfb (X virtual framebuffer)
■ xwd (X Window Dump)
■ firefox
■ ImageMagick
まずは上記ソフトが必用。
インストール方法はディストリビューションによって異なるので、マニュアルを参照してください。Xvfbに関してはディストリビューションに含まれていないかもしれません。
とりあえずは動く事が目的です。今回はターミナルを二つ開きました。

ターミナル１： Ｆｉｒｅｆｏｘの下準備があるので、まずはフレームバッファーを開こう。
Xvfb -ac -screen :0 1024x796x24 2&#62;&#38;1 &#62; /dev/null &#38;
ターミナル２： 続いてＦｉｒｅｆｏｘを開き、プロフィールが作られるようにしよう。
DISPLAY=:0 firefox
ターミナル２： 続いてはFirefoxを閉じてプロフィールを編集しよう。
~/.mozilla/firefox/プロフィール名/prefs.jsを編集し次のように書き足しましょう：
user_pref("browser.sessionstore.enabled", false);
user_pref("browser.sessionstore.resume_from_crash", false);
user_pref("browser.startup.page", 0);
user_pref("plugin.default_plugin_disabled", false);
user_pref("privacy.popups.disable_from_plugins", 3);
user_pref("alerts.totalOpenTime", 1);
user_pref("security.enable_ssl2", false);
user_pref("security.enable_ssl3", false);
この設定はFirefoxが起動するとき、キャプチャの邪魔をしないようため必要です。
ターミナル２： Firefoxでキャプチャをしたいページを開き、スクリーンのdumpを取り、ImageMagickで画像のフォーマットを変換しましょう。
DISPLAY=:0 firefox -remote "openURL(http://www.yahoo.co.jp/)"
xwd -root -out -display :0 screen.xwd
convert screen.xwd screen.gif
キャプチャが撮れるようになれば、後はＰＨＰなどを使ってＨＴＴＰリクエストに反応させるなど色々な事が可能になります。
]]></description>

		</item>
		<item>
		<title>PHP - 関数のパラメータを利用してPHPの値をJavascriptへ渡す</title>
		<link>http://blog.jp.wazap.com/2008/05/28/php-%E9%96%A2%E6%95%B0%E3%81%AE%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6php%E3%81%AE%E5%80%A4%E3%82%92javascript%E3%81%B8%E6%B8%A1%E3%81%99/</link>
		<comments>http://blog.jp.wazap.com/2008/05/28/php-%E9%96%A2%E6%95%B0%E3%81%AE%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6php%E3%81%AE%E5%80%A4%E3%82%92javascript%E3%81%B8%E6%B8%A1%E3%81%99/#comments</comments>
		<pubDate>Wed, 28 May 2008 07:36:42 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[覚え書き]]></category>

		<category><![CDATA[開発部]]></category>

		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[PHP]]></category>

		<category><![CDATA[パラメータ]]></category>

		<category><![CDATA[関数]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=34</guid>
		<description><![CDATA[■HTML側
&#60;a href="#" onmouseover="wazap('&#60;?php wazap(); ?&#62;' ?&#62;')"&#62;wazap&#60;/a&#62;
&#60;div id="result"&#62;&#60;/div&#62;
■Javascript側
function wazap(url){
$('result').innerHTML = "&#60;a href='http://jp.wazap.com?url="+ url + "'&#62;wazap&#60;/a&#62;";
}
]]></description>

		</item>
		<item>
		<title>flex3 - HTMLに埋め込んだパラメータをflashVarsで呼ぶ方法</title>
		<link>http://blog.jp.wazap.com/2008/05/28/flex3-html%E3%81%AB%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%93%E3%81%A0%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92flashvars%E3%81%A7%E5%91%BC%E3%81%B6%E6%96%B9%E6%B3%95/</link>
		<comments>http://blog.jp.wazap.com/2008/05/28/flex3-html%E3%81%AB%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%93%E3%81%A0%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92flashvars%E3%81%A7%E5%91%BC%E3%81%B6%E6%96%B9%E6%B3%95/#comments</comments>
		<pubDate>Wed, 28 May 2008 01:39:13 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[開発部]]></category>

		<category><![CDATA[flashVars]]></category>

		<category><![CDATA[flex3]]></category>

		<category><![CDATA[XML]]></category>

		<category><![CDATA[パラメータ]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=30</guid>
		<description><![CDATA[●flashVarsを4ヶ所に追加
■生成されたHTML内 その1
	AC_FL_RunContent(
		"src", "playerProductInstall",
		"FlashVars", "MMredirectURL="+MMredirectURL+'&#38;MMplayerType='+MMPlayerType+'&#38;MMdoctitle='+MMdoctitle+'&#38;userName=Nick&#38;userId=1234'+"",
		"width", "100%",
		"height", "100%",
■生成されたHTML内 その2
	AC_FL_RunContent(
			"src", "alert",
			"flashVars", "userName=Nick&#38;userId=1234",
			"width", "100%",
			"height", "100%",
■生成されたHTML内 その3
  	&#60;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="alert" width="100%" height="100%"
			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"&#62;
			&#60;param name="movie" value="alert.swf" /&#62;
			&#60;param name="quality" value="high" /&#62;
			&#60;param name="bgcolor" value="#869ca7" /&#62;
			&#60;param name="allowScriptAccess" value="sameDomain" /&#62;
			&#60;param name="flashVars" value="userName=Nick&#38;userId=1234"
			&#60;embed src="alert.swf" quality="high" bgcolor="#869ca7"
				width="100%" height="100%" name="alert" align="middle"
				flashVars="userName=Nick&#38;userId=1234"
				play="true
&#60;/pre&#62;
■flex内で「creationComplete」で指定されているメソッド内に「Application.application.parameters.オブジェクト;」を追加する。
//この場合はinitVars()内に「Application.application.parameters.オブジェクト;」を追加する。
■initVars()
public var user_id:String;
			private function initVars(): void {
				user_id = Application.application.parameters.user_id;
				Alert.show(user_id);
			}
この場合はAlertで表示される。
Alertを使うには、「import mx.controls.Alert;」を追加しなくてはならい。
]]></description>

		</item>
		<item>
		<title>flex3 - HTTPServiceタグを利用した時の文字化け回避方法</title>
		<link>http://blog.jp.wazap.com/2008/05/27/flex%E3%81%AE%E8%A6%9A%E6%9B%B8/</link>
		<comments>http://blog.jp.wazap.com/2008/05/27/flex%E3%81%AE%E8%A6%9A%E6%9B%B8/#comments</comments>
		<pubDate>Tue, 27 May 2008 08:50:24 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[開発部]]></category>

		<category><![CDATA[flex3]]></category>

		<category><![CDATA[HTTPService]]></category>

		<category><![CDATA[useCodepage]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com/?p=28</guid>
		<description><![CDATA[HTTPServiceタグをっ利用してXMLの情報を入手しようとすると文字化けが起こる場合がある。
mxml内の初期設定コードに「System.useCodePage = true;」を追加する事でこの問題を回避できる。

			private function setup(): void {
				System.useCodePage = true;
				user_id = Application.application.parameters.user_id;
				Alert.show(user_id);
				smallExternalData.send();
				roamer.repulsionFactor = 0.4;
				roamer.showHistory = true;
			}

http://livedocs.adobe.com/flex/2_jp/langref/flash/system/System.html
]]></description>

		</item>
		<item>
		<title>CSS - 一枚の画像で角丸枠を作る</title>
		<link>http://blog.jp.wazap.com/2008/05/27/%E4%B8%80%E6%9E%9A%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%A7%E8%A7%92%E4%B8%B8%E6%9E%A0%E3%82%92%E4%BD%9C%E3%82%8B/</link>
		<comments>http://blog.jp.wazap.com/2008/05/27/%E4%B8%80%E6%9E%9A%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%A7%E8%A7%92%E4%B8%B8%E6%9E%A0%E3%82%92%E4%BD%9C%E3%82%8B/#comments</comments>
		<pubDate>Tue, 27 May 2008 02:22:22 +0000</pubDate>
		<dc:creator>Koutaro</dc:creator>
		
		<category><![CDATA[開発部]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[角丸]]></category>

		<guid isPermaLink="false">http://blog.jp.wazap.com:8080/?p=7</guid>
		<description><![CDATA[■DEMO



Top



Body



Bottom



■用意した画像

*実際のサイズは1600X50になります。
■HTML





Top



Body



Bottom




■CSS
div#square{
width:200px;
font-size:12pt;
}

div#square p{
margin:0;
padding:5px;
line-height:1.4em;
}

#squareTop {
background:url(img/bgSquare.gif) no-repeat 100% 0;
margin-left:4px; /* 角丸の半径に合わせて変わる */
}

#squareTop div {
width:100%;
position:relative;
left:-4px; /* 角丸の半径に合わせて変わる */
background:url(img/bgSquare.gif) no-repeat 0 0;
}

div#squareBody {
border-width:0 1px;
border-color:#8a8989;
border-style:solid;
}

div#squareBot {
background:url(img/bgSquare.gif) no-repeat 100% 100%;
margin-left:4px; /* 角丸の半径に合わせて変わる */
}

div#squareBot div {
width:100%;
position:relative;
left:-4px; /* 角丸の半径に合わせて変わる */
background:url(img/bgSquare.gif) no-repeat 0 100%;
}
]]></description>

		</item>
	</channel>
</rss>
