http://codezine.jp/a/article.aspx?aid=992



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>CodeZine：PrototypeでAJAX開発を効率化（prototype, Ajax, Javascript, ライブラリ）</title>
<meta name="keywords" content="prototype, Ajax, Javascript, ライブラリ">
<meta name="description" content="JavaScriptフレームワークとして人気の高いPrototypeを活用してAJAX開発をスピードアップする方法を学びましょう。本稿では、JavaScriptでオブジェクト指向開発をする方法を紹介します。">
<meta name="author" content="Alessandro Lacava [著], japan.internet.com [訳]">
<meta name="MS.LOCALE" content="ja-JP">
<meta name="MSHKeywords" content="prototype, Ajax, Javascript, ライブラリ">

<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">

<script type="text/javascript" src="/Skin/Default/js/prototype.js" charset="shift_jis"></script>
<script type="text/javascript" src="/Skin/Default/js/util.js?" charset="shift_jis"></script>
<script type="text/javascript" src="/Skin/Default/js/lightbox.js" charset="shift_jis"></script>

<link rel="alternate" type="application/rss+xml" href="/rss/new/20/index.xml"  title="RSS new article">
<link rel="alternate" type="application/rss+xml" href="/rss/cmt/20/index.xml"  title="RSS new comment">
<link rel="alternate" type="application/rss+xml" href="/rss/post/20/index.xml" title="RSS new post">
<link rel="alternate" type="application/rss+xml" href="/rss/evt/20/index.xml"  title="RSS new event">

<link rel="stylesheet" type="text/css" href="/Skin/Default/css/screen.css" media="screen,tv">
<link rel="stylesheet" type="text/css" href="/Skin/Default/css/print.css" media="print">


<!-- for Google Analytics -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-149484-1";
if (typeof urchinTracker == 'function') {
	urchinTracker();
}
</script>
<!-- /for Google Analytics -->





	<script type="text/javascript" src="/Skin/Default/js/retaing.js" charset="utf-8"></script>

</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init()">

<!-- Header -->

<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td colspan="3" background="/Skin/Default/Parts/img/prt_headbar_01.gif" height="12"><div class="spacer_1_12"></div></td></tr></table>
<script type="text/javascript" src="http://www.shoeisha.co.jp/gnavi/js/gnavi.js"></script>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="200"><a href="/"><img src="/img/logo.gif" width="186" height="50" border="0" class="img_logo"></a></td>
<td nowrap valign="top">
</td>
<td align="right" class="td_top">
<div style="float:right;margin: 0 0 0 4;">
<a title="RSS" href="/help/rss.aspx"><div class="img_rss"></div></a>
</div>
<div style="float:right;font-size:80%;">

<table id="_ctl1__ctl1_pnlHeaderLogin" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
	
<a href="javascript:gologin();">ログイン</a>｜
<a href="/agreement.aspx">会員登録はこちら！</a>｜

</td></tr></table>
</div>
<br style="clear: both;">
<div id="searchbox">
<!-- Google CSE Search Box Begins -->
<form id="searchbox_012754775282791680004:e8rry5xj1ao" action="/search.aspx">
<input type="hidden" name="ie" value="Shift_JIS"></input>
<input type="hidden" name="oe" value="Shift_JIS"></input>
<input type="hidden" name="cx" value="012754775282791680004:e8rry5xj1ao" />
<input type="hidden" name="cof" value="FORID:11" />
<div class="searchsubmit">
<input type="submit" name="sa" value="検索" class="btn_lb_s" />
</div>
<div class="searchicon">
<input name="q" type="text" size="18" class="searchword" id="google_searchbox" />
</div>
<div class="searchiconword">サイト内検索</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_012754775282791680004%3Ae8rry5xj1ao"></script>
<!-- Google CSE Search Box Ends -->
</div>


<script type="text/javascript">
function gologin() {
	var h = location.protocol + "//" + location.host;
	if (!location.pathname.match(/\/login.aspx/i)) {
		location.href = h+'/login.aspx?ReturnUrl='+encodeURIComponent(location.href);
	} 
}
</script>


</td>
<td width="4"><div class="spacer_4_1"></div></td>
</tr>
</table>
<div style="text-align:center;width:100%;height:104px;margin:4px 0px 0px; 0px;">
<script language="JavaScript" type="text/javascript">ad_dc_swf("codezine.jp.super", "728x90", "");</script><noscript><a href="http://ad.jp.doubleclick.net/jump/codezine.jp.super/;sz=728x90;ord=123456789?" target="_blank"><img src="http://ad.jp.doubleclick.net/ad/codezine.jp.super/;sz=728x90;ord=123456789?" height="90" width="728" border="0"></a></noscript>

</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="td_gray03"><img src="/img/spacer.gif" width="1" height="1"></td></tr>
<tr>
<td class="gm">

<!-- global -->
<div class="NaviMenu">
<ul>
<li class="navmain" style="width:65px;"><a href="/default.aspx" id="gma_home"><img id="gmi_home" src="/Skin/Default/parts/img/btn_gm_01.gif" alt="ホーム" border="0" height="20"></a>
</li>
<li class="navmain" style="width:83px;"><a href="/news/"        id="gma_news"><img id="gmi_news" src="/Skin/Default/parts/img/btn_news_02.gif" alt="ニュース" border="0" height="20"></a>
</li>
<li class="navmain" onmouseover="DropDownMenu.open('gmsub_article');" onmouseout="DropDownMenu.close('gmsub_article');" style="width:65px;"><a href="/a/" id="gma_colu"><img id="gmi_colu" src="/Skin/Default/parts/img/btn_gm_02.gif" alt="記事" border="0" height="20"></a>
	<ul class="submenu" id="gmsub_article">
	<li><a href="/a/">新着記事</a></li>
	<li><a href="/a/submitagreement.aspx">投稿する</a></li>
	</ul>
</li>
<li class="navmain" style="width:100px;"><a href="/careerup/"               id="gma_care"><img id="gmi_care" src="/Skin/Default/parts/img/btn_gm_09.gif"       alt="キャリアアップ" border="0" height="20"></a>
</li>
<li class="navmain" onmouseover="DropDownMenu.open('gmsub_catalog');" onmouseout="DropDownMenu.close('gmsub_catalog');" style="width:108px;"><a href="/catalog/"                id="gma_cata"><img id="gmi_cata" src="/Skin/Default/parts/img/btn_gm_12.gif"       alt="カタログナビ" border="0" height="20"></a>
	<ul class="submenu" id="gmsub_catalog">
	<li><a href="/catalog/?cc=dev">開発支援ツール</a></li>
	<li><a href="/catalog/?cc=mng">開発管理、要求管理、モデリングツール</a></li>
	<li><a href="/catalog/?cc=dbm">データベース、サーバー、ミドルウェア</a></li>
	<li><a href="/catalog/?cc=etc">その他</a></li>
	<li><a href="/catalog/?cc=oss">注目ＯＳＳ(Open Source Software)</a></li>
	</ul>
</li>
<li class="navmain" style="width:70px;"><a href="http://blog.codezine.jp/" id="gma_blog"><img id="gmi_blog" src="/Skin/Default/parts/img/btn_gm_11.gif"       alt="ブログ" border="0" height="20"></a></li>
<li class="navmain" style="width:65px;"><a href="/vote.aspx"               id="gma_vote"><img id="gmi_vote" src="/Skin/Default/parts/img/btn_gm_vote.gif"     alt="投票" border="0" height="20"></a></li>
<li class="navmain" style="width:82px;"><a href="/forum/"                  id="gma_foru"><img id="gmi_foru" src="/Skin/Default/parts/img/btn_gm_03.gif"       alt="フォーラム" border="0" height="20"></a></li>
<li class="navmain" style="width:100px;"><a href="/bookmark/"              id="gma_book"><img id="gmi_book" src="/Skin/Default/parts/img/btn_bookmark_02.gif" alt="ブックマーク" border="0" height="20"></a></li>
<li class="navmain" style="width:100px;"><a href="/community/"             id="gma_comm"><img id="gmi_comm" src="/Skin/Default/parts/img/btn_gm_10.gif"       alt="コミュニティ" border="0" height="20"></a></li>
<li class="navmain" style="width:70px;"><a href="/help/"                   id="gma_help"><img id="gmi_help" src="/Skin/Default/parts/img/btn_gm_06.gif"       alt="ヘルプ" border="0" height="20"></a></li>
</ul>
</div>
<script type="text/javascript" src="/Skin/Default/js/globalmenu.js" charset="shift_jis"></script>
<!-- /global -->

</td>
</tr>
<tr><td class="td_gray03"><img src="/img/spacer.gif" width="1" height="1"></td></tr>
</table>

<!-- /Header -->

<!-- Article -->





<!-- article div start -->
<div class="article">

<span id="_ctl1_dfForm" FormMode="">

<!-- Article Title Frame -->
<table id="_ctl1_dfForm_pnlTitle" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
	
<!-- nav menu -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="navi"><span id="_ctl1_dfForm_lblNav"><a href='/a/default.aspx?cid=1'>カテゴリ</a> ＞ <a href='/a/default.aspx?cid=133'>Web</a> ＞ <a href='/a/default.aspx?cid=254'>JavaScript</a> ＞ <a href='/a/default.aspx?cid=366'>Ajax</a></span></td>
</tr>
<tr>
<td class="td_gray02"><img src="/img/spacer.gif" width="800" height="1"></td>
</tr>
<tr>
<td id="_ctl1_dfForm_tdTitle" class="td_title">


<a id="_ctl1_dfForm_hlTitleLogo" href="http://japan.internet.com/" target="_blank"><img src="/img/logo/ic_logo.gif" alt="" border="0" /></a>

<!-- Main Title -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
	<div class="rate_star">
	<span id="_ctl1_dfForm__ctl54">★★★★★</span>
	</div>
</td>
</tr>
<tr>
<td>

	<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:2px">
	<tr>
	<td width="35" valign="middle">
	<img id="_ctl1_dfForm_imgTitleIcon" class="img_icon" src="/Skin/Default/img/icon_web.gif" alt="" border="0" height="35" width="35" />
	</td>
	<td>

	<h1>
	PrototypeでAJAX開発を効率化
	<a href="http://www.devx.com/AJAXRoundup/Article/33174" target="source"><img border="0" src="/img/original.gif" align="absmiddle"></a>
	
	
	</h1>

	
	<div class="title_sub">[中級] Prototypeチュートリアル</div>

	</td>
	</tr>
	</table>

</td>
</tr>
<tr>
<td class="td_gray02"><img src="/img/spacer.gif" width="1" height="1"></td>
</tr>

<tr>
<td>
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td class="text_subinfo" width="45%">
		<a href="/a/authorlist.aspx?auid=343">Alessandro Lacava</a> [著], <a href="/a/authorlist.aspx?auid=5">japan.internet.com</a> [訳]
	</td>
	</tr>
	</table>
</td>
</tr>
<tr>
<td class="td_gray02"><img src="/img/spacer.gif" width="1" height="1"></td>
</tr>

<tr>
<td class="text_stat" height="25">
<style TYPE="text/css">
<!--
.article_info div      { border: 0px solid blue;float:left; margin-bottom:3px;}
.article_info div img  { border: 0px solid green; vertical-align:middle; margin-left:5px;}
.article_info div span { border: 0px solid red;vertical-align:middle; }
-->
</style>


<div class="article_info">
<div>
<img src="/Skin/Default/img/article/icon_01.gif" width="18" height="18" class="img_point" />
<span>閲覧：9,992</span>
</div>
<div>
<img src="/Skin/Default/img/article/icon_05.gif" width="18" height="18" class="img_point" />
<span>印刷：723</span>
</div>
<div>
<img src="/Skin/Default/img/article/icon_02.gif" width="18" height="18" class="img_point" />
<span>評価：4.67 σ = 0.82</span>
</div>
<div>
<img src="/Skin/Default/img/article/icon_box.gif" width="12" height="12" />
<span>公開：07/02/23</span>
</div>
<div>
<img src="/Skin/Default/img/article/icon_box.gif" width="12" height="12" class="img_point" />
<span>更新：07/02/16</span>
</div>

<br clear="both">

<style TYPE="text/css">
<!--
#tag_list_pop_992 {vertical-align:top;}
#tag_list_mem_992 {vertical-align:top;}
-->
</style>

<div>
<img src="/Skin/Default/img/article/icon_tag.gif" width="16" height="16" />
<span>
人気タグ：
<span id="tag_list_pop_992" class="news_tag_text">
<a href="/tag/default.aspx?tid=1313">prototype</a>, <a href="/tag/default.aspx?tid=16">Ajax</a>, <a href="/tag/default.aspx?tid=14">Javascript</a>, <a href="/tag/default.aspx?tid=293">ライブラリ</a>
</span>
</span>
</div>


<div>
<img src="/Skin/Default/img/article/icon_tag_user.gif" width="16" height="16" />
<span>
<a id="arttag_992" href="javascript:showtagform('arttag_992', 'art', '992','');" title="Myタグを追加する">Myタグ</a>：
<span id="tag_list_mem_992" class="news_tag_text">

</span>
</span>
</div>






<!-- ソーシャルブックマーク -->
<style TYPE="text/css">
<!--
.sbm a img      { margin: 0px; padding: 0px; border: 0px solid gray;}
-->
</style>
<div class="sbm">
&nbsp;
<a href="#" onclick="javascript:window.open('http://b.hatena.ne.jp/add?mode=confirm&title='+escape(document.title)+'&url='+escape(location.href)); return false;">
<img src="/Skin/Default/img/article/icon_hateb.gif" width="16" height="16" border="0" alt="はてなブックマーク" title="はてなブックマーク" ></a><!-- 
 --><script language="JavaScript" type="text/javascript">document.write("<a href='http://b.hatena.ne.jp/entry/http://codezine.jp" + location.pathname + "'><img src='http://b.hatena.ne.jp/entry/image/http://codezine.jp" + location.pathname + "' border='0' alt='はてなブックマーク' title='はてなブックマーク' /></a>");</script>

<a href="#" onclick="javascript:window.open('http://clip.livedoor.com/clip/add?link='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)); return false;">
<img src="/Skin/Default/img/article/icon_lvclip.gif" width="16" height="16"border="0" alt="livedoorクリップ" title="livedoorクリップ" ></a><!-- 
 --><script language="JavaScript" type="text/javascript">document.write("<a href='http://clip.livedoor.com/page/http://codezine.jp"+location.pathname+"'><img src='http://image.clip.livedoor.com/counter/small/http://codezine.jp"+location.pathname+"' border='0' alt='livedoor クリップ' title='livedoor クリップ' /></a>");</script>

<a href="#" onclick="javascript:window.open('http://buzzurl.jp/config/add/confirm?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)); return false;">
<img src="/Skin/Default/img/article/icon_buzzurl.gif" width="16" height="16" border="0" alt="Buzzurl（バザール）" title="Buzzurl（バザール）" ></a><!-- 
 --><script language="JavaScript" type="text/javascript">document.write("<a href='http://buzzurl.jp/entry/http://codezine.jp"+location.pathname+"'><img src='http://api.buzzurl.jp/api/counter/http://codezine.jp"+location.pathname+"' border='0' alt='Buzzurl(バザール)' title='Buzzurl(バザール)' /></a>");</script>

<a href="#" onclick="javascript:window.open('http://newsing.jp/add?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)); return false;">
<img src="/Skin/Default/img/article/icon_newsing.gif" width="16" height="16" border="0" alt="newsing" title="newsing" ></a>

<a href="javascript:{var%20w=window;w.l=w.location;w.d=w.document;w.mE='http://saaf.jp';w.en=encodeURIComponent;w.go=function(){w.l.href=w.mE+'/bm/confirm?url='+w.en(w.l.href)+'&title='+w.en(w.d.title);};w.h=w.d.getElementsByTagName('head')[0];w.sT=w.setTimeout(w.go,7777);w.sI=w.d.createElement('script');w.sI.setAttribute('type','text/javascript');w.sI.setAttribute('charset','UTF-8');w.sI.setAttribute('src',w.mE+'/js/saaflet.js');void(w.h.appendChild(w.sI));}">
<img src="/Skin/Default/img/article/icon_saaf.gif" width="16" height="16" border="0" alt="Saafブックマーク" title="Saafブックマーク" ></a>
<a href="javascript:window.open('http://bookmark.fc2.com/user/post?win=popup&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'_blank','width=560,height=560,resizable=1,scrollbars=1');undefined;" title="FC2ブックマークへ追加">
<img src="/Skin/Default/img/article/icon_fc2.gif" width="16" height="16" border="0" alt="FC2ブックマーク" title="FC2ブックマーク" ></a>
<a href="#" onclick="javascript:window.open('http://1470.net/mm/memo_form.html?url='+escape(document.location.href)); return false;">
<img src="/Skin/Default/img/article/icon_mm.gif" width="21" height="12" border="0" alt="MM/memo" title="MM/memo" ></a>
<a href="#" onclick="javascript:t='';r=document.referrer;if(r.match(/google.*[\&\?]q=([^\&]+)/)){q=RegExp.$1;a=q.split('+');for(i=0;i<a.length;i++){t=t+'&tagname='+a[i];}}c='';d=document;w=window;if(d.selection){c=d.selection.createRange().text}if(d.getSelection){c=d.getSelection()}if(w.getSelection){c=w.getSelection()}window.open('http://clip.nifty.com/create?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+t+'&comment='+encodeURIComponent(c)); return false;">
<img src="/Skin/Default/img/article/icon_niftyclip.gif" width="16" height="16" border="0" alt="ニフティクリップ" title="ニフティクリップ" ></a>
<a href="#" onclick="javascript:location.href='http://codezine.jp/bookmark/?mode=new&style=simple&u='+escape(location.href)+'&t='+escape(document.title);undefined;return false;">
<img src="/Skin/Default/img/article/icon_cz.gif" width="16" height="16" border="0" alt="CZブックマーク" title="CZブックマーク" ></a>
</div>
<!-- /ソーシャルブックマーク -->





</div>


<br clear="both">


</td>
</tr>
</table>
<!-- /Main Title -->

</td>
	
</tr>
<tr>
<td class="td_blue03"><img src="/img/spacer.gif" width="800" height="1"></td>
</tr>
</table>


</td></tr></table>
<!-- /Article Title Frame -->

<!-- メインフレーム -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="110" class="td_blue02">

	<!-- Left Menu -->
	


<div align="center">
<div class="spacer_110_8"></div>
<table class="bannercenter" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
	<script type="text/javascript">CreateFlash('FLASH_07_swf', '/img/banner/553/07.swf?clicktag=http://codezine.jp/r.x/ad/adid/553', '100', '600', 'bannercenter');</script><noscript><a href="/r.x/ad/adid/553" target="_blank"><img src="/img/banner/553/07.gif" border="0" alt=""></a></noscript>
</td></tr></table>




<!-- Cashed 2007/04/18 5:39:11 -->
<!-- special link -->
<div id="_ctl0__ctl1__ctl2__ctl0_pnlAdRights">
	
<div id="_ctl0__ctl1__ctl2__ctl0_pnlAdRights_Title">
		
<div class="adlink"><img src="/Skin/Default/Parts/img/title_adlink.gif" width="100" height="16"></div>

	</div>

<div id="subcate_adrights" class="adlink_frame" style="display:">

<div class="adlink_item">
<a href="http://www.takasu.co.jp/" title="美容外科なら" target="_blank">美容外科なら</a>
</div>
<div class="adlink_item">
<a href="http://fujifilm.jp/business/office/idic/index.html" title="IDカード" target="_blank">IDカード</a>
</div>
<div class="adlink_item">
<a href="http://home.adpark.co.jp/" title="賃貸情報ならHOME ADPARK" target="_blank">賃貸情報なら<br>HOME ADPARK</a>
</div>
<div class="adlink_item">
<a href="http://www.sem-ch.jp/seo/" title="SEO" target="_blank">SEO</a>
</div>
<div class="adlink_item">
<a href="http://doda.jp/" title="転職・求人のDODA" target="_blank">転職・求人の<br>DODA</a>
</div>
<div class="adlink_item">
<a href="http://www.nikkoam.com/" title="投資信託情報" target="_blank">投資信託情報</a>
</div>
<div class="adlink_item">
<a href="http://www.ecareerfa.jp/" title="人材紹介ならイーキャリアFA" target="_blank">人材紹介なら<br>イーキャリアFA</a>
</div>
<div class="adlink_item">
<a href="http://www.biyohifuka-yurakucho.jp/skin/index.html" title="美容皮膚科なら有楽町美容外科" target="_blank">美容皮膚科なら<br>有楽町美容外科</a>
</div>
<div class="adlink_item">
<a href="http://www.mitsui-direct.co.jp/" title="自動車保険の三井ダイレクト" target="_blank">自動車保険の<br>三井ダイレクト</a>
</div>
<div class="adlink_item">
<a href="http://solution.unisys.co.jp/" title="サーバーはユニシスES7000" target="_blank">サーバーは<br>ユニシスES7000</a>
</div>

</div>
<div class="spacer_1_6"></div>

</div>
<!-- /special link -->


<!-- category menu -->
<div id="_ctl0__ctl1__ctl2__ctl1_pnlHeader">
	
<table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>

<td><div class="title_menu_l"> </div></td>
<td class="cate_menu_tc"><a href="/a/default.aspx?cid=131">Windows</a></td>
<td><a href="javascript:togglePanel('subcate_131');" title="サブカテゴリを表示"><div class="title_menu_r"> </div></a></td>
</tr>
</table>

</div>


<div id="subcate_131" class="subcate_frame" style="display:">

<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/142' title='ASP.NET' class='text_s'>ASP.NET</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/139' title='C#' class='text_s'>C#</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/141' title='VB.NET' class='text_s'>VB.NET</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/198' title='ASP' class='text_s'>ASP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/146' title='C/C++' class='text_s'>C/C++</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/445' title='Visual Basic' class='text_s'>Visual Basic</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/144' title='Windowsアプリ' class='text_s'>Windowsアプリ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/145' title='VBA' class='text_s'>VBA</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/313' title='Delphi' class='text_s'>Delphi</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/572' title='Vista' class='text_s'>Vista</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/202' title='テスト' class='text_s'>テスト</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/276' title='ハードウェア' class='text_s'>ハードウェア</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/292' title='グラフィック' class='text_s'>グラフィック</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/409' title='Perl' class='text_s'>Perl</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/413' title='スクリプト' class='text_s'>スクリプト</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/428' title='バイナリ' class='text_s'>バイナリ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/440' title='インストーラ' class='text_s'>インストーラ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/448' title='HSP' class='text_s'>HSP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/453' title='Mobile' class='text_s'>Mobile</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/499' title='ActiveBasic' class='text_s'>ActiveBasic</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/527' title='ツール' class='text_s'>ツール</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/539' title='コード生成' class='text_s'>コード生成</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/552' title='MASM' class='text_s'>MASM</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/588' title='音声読み上げ' class='text_s'>音声読み上げ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/590' title='IE' class='text_s'>IE</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/592' title='レジストリ' class='text_s'>レジストリ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/598' title='.NET Framewok' class='text_s'>.NET Framewok</a></div></span>
</div>


<div class="spacer_1_6"></div>

<div id="_ctl0__ctl1__ctl2__ctl2_pnlHeader">
	
<table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>

<td><div class="title_menu_l"> </div></td>
<td class="cate_menu_tc"><a href="/a/default.aspx?cid=132">Java</a></td>
<td><a href="javascript:togglePanel('subcate_132');" title="サブカテゴリを表示"><div class="title_menu_r"> </div></a></td>
</tr>
</table>

</div>


<div id="subcate_132" class="subcate_frame" style="display:">

<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/147' title='JSP' class='text_s'>JSP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/236' title='J2EE' class='text_s'>J2EE</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/554' title='J2ME' class='text_s'>J2ME</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/148' title='グラフィック' class='text_s'>グラフィック</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/149' title='3D' class='text_s'>3D</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/150' title='アプレット' class='text_s'>アプレット</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/567' title='アプリケーション' class='text_s'>アプリケーション</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/200' title='メール' class='text_s'>メール</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/208' title='帳票' class='text_s'>帳票</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/568' title='Apache' class='text_s'>Apache</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/233' title='デザインパターン' class='text_s'>デザインパターン</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/257' title='ゲーム' class='text_s'>ゲーム</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/245' title='メタ言語' class='text_s'>メタ言語</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/246' title='スレッド' class='text_s'>スレッド</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/244' title='XML' class='text_s'>XML</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/259' title='リフレクション' class='text_s'>リフレクション</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/251' title='デバッグ' class='text_s'>デバッグ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/268' title='ネットワーク' class='text_s'>ネットワーク</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/274' title='フレームワーク' class='text_s'>フレームワーク</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/284' title='ライブラリ' class='text_s'>ライブラリ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/290' title='モニタリング' class='text_s'>モニタリング</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/297' title='ツール' class='text_s'>ツール</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/320' title='コレクション' class='text_s'>コレクション</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/343' title='データベース' class='text_s'>データベース</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/368' title='メモリ管理' class='text_s'>メモリ管理</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/384' title='パーサー' class='text_s'>パーサー</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/400' title='開発環境' class='text_s'>開発環境</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/407' title='DIコンテナ' class='text_s'>DIコンテナ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/411' title='AOP' class='text_s'>AOP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/536' title='パズル' class='text_s'>パズル</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/614' title='データベース' class='text_s'>データベース</a></div></span>
</div>


<div class="spacer_1_6"></div>

<div id="_ctl0__ctl1__ctl2__ctl3_pnlHeader">
	
<table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>

<td><div class="title_menu_l"> </div></td>
<td class="cate_menu_tc"><a href="/a/default.aspx?cid=133">Web</a></td>
<td><a href="javascript:togglePanel('subcate_133');" title="サブカテゴリを表示"><div class="title_menu_r"> </div></a></td>
</tr>
</table>

</div>


<div id="subcate_133" class="subcate_frame" style="display:">

<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/151' title='PHP' class='text_s'>PHP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/218' title='JSP' class='text_s'>JSP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/217' title='ASP.NET' class='text_s'>ASP.NET</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/219' title='ASP' class='text_s'>ASP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/152' title='Perl' class='text_s'>Perl</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/229' title='Flash' class='text_s'>Flash</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/254' title='JavaScript' class='text_s'>JavaScript</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/266' title='Flex' class='text_s'>Flex</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/340' title='XML' class='text_s'>XML</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/424' title='Web 2.0' class='text_s'>Web 2.0</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/542' title='Flex 2' class='text_s'>Flex 2</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/575' title='ツール' class='text_s'>ツール</a></div></span>
</div>


<div class="spacer_1_6"></div>

<div id="_ctl0__ctl1__ctl2__ctl4_pnlHeader">
	
<table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>

<td><div class="title_menu_l"> </div></td>
<td class="cate_menu_tc"><a href="/a/default.aspx?cid=134">DB</a></td>
<td><a href="javascript:togglePanel('subcate_134');" title="サブカテゴリを表示"><div class="title_menu_r"> </div></a></td>
</tr>
</table>

</div>


<div id="subcate_134" class="subcate_frame" style="display:">

<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/154' title='SQLServer' class='text_s'>SQLServer</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/155' title='Oracle' class='text_s'>Oracle</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/156' title='MySQL' class='text_s'>MySQL</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/157' title='PostgreSQL' class='text_s'>PostgreSQL</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/256' title='モデリング' class='text_s'>モデリング</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/419' title='DB2' class='text_s'>DB2</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/435' title='Access' class='text_s'>Access</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/578' title='XMLDB' class='text_s'>XMLDB</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/605' title='SQL Anywhere' class='text_s'>SQL Anywhere</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/606' title='オブジェクトデータベース' class='text_s'>オブジェクトデータベース</a></div></span>
</div>


<div class="spacer_1_6"></div>

<div id="_ctl0__ctl1__ctl2__ctl5_pnlHeader">
	
<table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>

<td><div class="title_menu_l"> </div></td>
<td class="cate_menu_tc"><a href="/a/default.aspx?cid=136">ツール</a></td>
<td><a href="javascript:togglePanel('subcate_136');" title="サブカテゴリを表示"><div class="title_menu_r"> </div></a></td>
</tr>
</table>

</div>


<div id="subcate_136" class="subcate_frame" style="display:">

<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/158' title='Eclipse' class='text_s'>Eclipse</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/159' title='Visual Studio' class='text_s'>Visual Studio</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/160' title='Delphi' class='text_s'>Delphi</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/239' title='シェルスクリプト' class='text_s'>シェルスクリプト</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/382' title='ソース管理' class='text_s'>ソース管理</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/398' title='フレームワーク' class='text_s'>フレームワーク</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/574' title='ガジェット' class='text_s'>ガジェット</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/422' title='Photoshop' class='text_s'>Photoshop</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/585' title='開発手法' class='text_s'>開発手法</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/616' title='設計' class='text_s'>設計</a></div></span>
</div>


<div class="spacer_1_6"></div>

<div id="_ctl0__ctl1__ctl2__ctl6_pnlHeader">
	
<table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>

<td><div class="title_menu_l"> </div></td>
<td class="cate_menu_tc"><a href="/a/default.aspx?cid=137">言語</a></td>
<td><a href="javascript:togglePanel('subcate_137');" title="サブカテゴリを表示"><div class="title_menu_r"> </div></a></td>
</tr>
</table>

</div>


<div id="subcate_137" class="subcate_frame" style="display:">

<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/164' title='C' class='text_s'>C</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/165' title='C++' class='text_s'>C++</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/167' title='C#' class='text_s'>C#</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/166' title='Java' class='text_s'>Java</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/220' title='JavaScript' class='text_s'>JavaScript</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/225' title='Lisp' class='text_s'>Lisp</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/171' title='Perl' class='text_s'>Perl</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/170' title='PHP' class='text_s'>PHP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/221' title='PL/SQL' class='text_s'>PL/SQL</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/223' title='Python' class='text_s'>Python</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/224' title='Ruby' class='text_s'>Ruby</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/222' title='T-SQL' class='text_s'>T-SQL</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/216' title='VBScript' class='text_s'>VBScript</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/168' title='Visual Basic' class='text_s'>Visual Basic</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/169' title='VB.NET' class='text_s'>VB.NET</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/618' title='ASP.NET' class='text_s'>ASP.NET</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/230' title='ActionScript' class='text_s'>ActionScript</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/243' title='XML' class='text_s'>XML</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/278' title='アセンブラ' class='text_s'>アセンブラ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/294' title='Delphi' class='text_s'>Delphi</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/328' title='HSP' class='text_s'>HSP</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/345' title='MySQL' class='text_s'>MySQL</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/498' title='ActiveBasic' class='text_s'>ActiveBasic</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/565' title='Scheme' class='text_s'>Scheme</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/596' title='JScript' class='text_s'>JScript</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/613' title='なでしこ' class='text_s'>なでしこ</a></div></span>
<span><div class='subcate_item'><a href='/r.aspx/tlc/cid/622' title='Linden Scripting Language' class='text_s'>Linden Scripting Language</a></div></span>
</div>


<div class="spacer_1_6"></div>

<!-- /category menu -->


</div>


	<!-- /Left Menu -->

</td>
<td>

<!-- Article Bar Start -->

<!-- article menubar -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="td_blue01">
	<table border="0" cellspacing="0" cellpadding="0" align="left">
	<tr>
		<td>
		<td><img src="/img/spacer.gif" hspace="5" vspace="5" border="0" width="1" height="21"></td>
		<td>




		</td>
		</td>
	</tr>
	</table>

	<table border="0" cellspacing="0" cellpadding="0" align="right">
	<tr>
		<td><a href="/a/submitagreement.aspx"><img src="/Skin/Default/img/article/menu_toukou.gif" hspace="5" vspace="5" border="0" title="投稿しよう！"></a></td>
		<td><a id="_ctl1_dfForm__ctl19_hlSendFrend" href="/a/sendfriend.aspx?mode=new&amp;aid=992"><img src="/Skin/Default/img/article/menu_friends.gif" hspace="5" vspace="5" border="0" title="友人に知らせる"></a></td>
		<td><a id="_ctl1_dfForm__ctl19_hlShowPrint" href="/a/articleprint.aspx?aid=992"><img src="/Skin/Default/img/article/menu_print.gif" hspace="5" vspace="5" border="0" title="印刷用を表示"></a></td>
		<td><a id="_ctl1_dfForm__ctl19_hlAddFav" href="/app/bookmark.aspx?mode=add&amp;aid=992"><img src="/Skin/Default/img/article/menu_okini_mini.gif" hspace="5" vspace="5" border="0" title="お気に入りに追加"></a></td>
	</tr>
	</table>
	
</td>
</tr>
<tr>
<td class="img_bar02"><img src="/img/spacer.gif" width="650" height="1"></td>
</tr>
</table>
<!-- /article menubar -->

<script type="text/javascript">
var nav_item_list = [
	{"elemid":"gma_bmlist","imgid":"gmi_bmlist","baseimg":"menu_bm_codezine","swapimg":"menu_bm_codezine_a","ext":"gif"}
];
//connectMenuItemEvent("/Skin/Default/parts/img/", nav_item_list);

function goprint() {
}
/**
 * DropDownMenu for global navi
 * Powered by hisato http://chibinowa.net/
 * http://sjam.chibinowa.net/eid/162
 */
var DropDownMenu = {
	/* 開くまでの待ち時間 */
	open_sleep: 100,
	/* 閉じるまでの待ち時間 */
	close_sleep: 500,

	timer: null,
	active_oid: null,

	// 開くメイン
	open: function(target_id)
	{
		// 開いているメニューを閉じる
		if (this.timer) {
			if (this.active_oid == target_id)
				clearTimeout(this.timer);
			else
				this._close();
		}
		this.active_oid = target_id;
		this.timer = setTimeout("DropDownMenu._open();", this.open_sleep);
		Event.observe(document.documentElement, "click", DropDownMenu._close, true);
	},

	// 閉じるメイン
	close: function()
	{
		if (this.timer)
			clearTimeout(this.timer);
		this.timer = setTimeout("DropDownMenu._close();", this.close_sleep);
	},

	_open: function()
	{
		var obj = document.getElementById(this.active_oid);
		obj.style.visibility = "visible";
	},

	_close: function()
	{
		document.getElementById(DropDownMenu.active_oid).style.visibility = "hidden";
		Event.stopObserving(document.documentElement, "click", DropDownMenu._close, true);
		clearTimeout(DropDownMenu.timer);
		delete DropDownMenu.timer;
	}

};
</script>
<!-- /Article Bar -->


<!-- article frame start -->
<table id="_ctl1_dfForm_tblArticleFrame" width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr valign="top">
		<td class="td">
<!-- article frame left -->









<!-- summary -->
<div style="margin:0px 0px 10px 0px;padding: 10px;font-size: 90%;line-height: 130%;border:1px solid #338EC9;background-color:#E3EFF7;letter-spacing:1px;">
<span>JavaScriptフレームワークとして人気の高いPrototypeを活用してAJAX開発をスピードアップする方法を学びましょう。本稿では、JavaScriptでオブジェクト指向開発をする方法を紹介します。</span>
</div>
<!-- /summary -->

<!-- ad list -->
<div>



<div class="lb_corner">
<div class="lb_title">インフォメーション</div>
<div class="lb_footer"><div class="spacer_1_1"></div></div>
</div>


<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<div class="adinfo_item"><div class="atitle"><a href="/r.x/ad/adid/517" target="_blank">Webデベロッパー必見！EclipseでFlashアプリケーション開発</a></div><div class="atitle_sum">[PR]Java/PHPデベロッパーのためのFlashアプリケーション開発ツール
Adobe Flex Builder 2なら、リッチなWebアプリケーションを
Eclipse IDEで今すぐ開発できます。Mac版も新登場！</div></div>
		</td></tr></table>

<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<div class="adinfo_item"><div class="atitle"><a href="/r.x/ad/adid/554" target="_blank">インテル特別セミナー：マルチコア対応ソフト開発「並列化」</a></div><div class="atitle_sum">[PR]マルチコアの浸透により、ソフトの並列化が急速に進んでいます。コアを熟知するインテルが、並列化を支援するツールや開発手法を提案いたします。</div></div>
		</td></tr></table>

<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<div class="adinfo_item"><div class="atitle"><a href="/r.x/ad/adid/579" target="_blank">『WPFを熱くする！』入力コンポーネント「InputMan」参戦決定！</a></div><div class="atitle_sum">[PR]日本代表の入力コンポーネント「InputMan」が、早くもWPF参戦を表明。本戦に先駆け自身のサイトにデモを公開。WPFに投入する技の数々は必見である。</div></div>
		</td></tr></table>

<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<div class="adinfo_item"><div class="atitle"><a href="/r.x/ad/adid/520" target="_blank">現場で役立つ実践型コミュニティ・セミナー(Career Laboratory) </a></div><div class="atitle_sum">[PR]『システム構築企画や要求仕様のまとめ方』講座！ 公認会計士・ERPコンサルタントをお迎えし、経験を交え語ります。 [日時] 2007年5月26(土) 13：30〜17：00 〜by テクノブレーン(株)</div></div>
		</td></tr></table>

<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<div class="adinfo_item"><div class="atitle"><a href="/r.x/ad/adid/69" target="_blank">エンジニアの年収は何で決まる？あなたのホントの評価、教えます</a></div><div class="atitle_sum">[PR]エンジニアの年収を決めるのは技術力？それとも実務経験？『匿名スカウト』
であなたの客観的な評価を聞いてみませんか？
</div></div>
		</td></tr></table>

<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<div class="adinfo_item"><div class="atitle"><a href="/r.x/ad/adid/555" target="_blank">モバイルデータベースシェアNo.1 「SQL Anywhere」を使おう！</a></div><div class="atitle_sum">[PR]低価格ながらその性能の高さで広く大規模サーバまで対応し、一般的なRDBMSの常識を覆す使いやすさのRDBMS「SQL Anywhere Studio」の魅力に迫ります</div></div>
		</td></tr></table>



<div class="spacer_1_10"></div>
</div>
<!-- /ad list -->

<!-- license expired -->

<!-- /license expired -->


<!-- article body panel -->
<table id="_ctl1_dfForm_pnlArticleBody" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			



<!-- down list -->
<a name="dl"></a>

<!-- /down list -->




<div class="pg_bar_top">Page <strong>1</strong> / <a href="/a/article/aid/992.aspx?p=2">2</a> / <a href="/a/article/aid/992.aspx?p=3">3</a> / <a href="/a/article/aid/992.aspx?p=4">4</a></div>



<!-- article body -->

<h2>はじめに</h2>

<p>　<a href="http://prototype.conio.net/" target="_blank">Prototypeのホームページ</a>には、「Prototypeは動的なWebアプリケーションの開発を簡易化することを目的としたJavaScriptフレームワークである」と書かれています。Prototypeは、クラス主導の開発や継承など多くのオブジェクト指向の手法を使ってJavaScriptアプリケーションを開発できるようにすることで、その目的を完全に果たしています。事実、このフレームワークには役に立つ機能が数多く用意されており、一度使い始めたら、どのアプリケーションの開発にも利用したくなります。</p>
<p>　Prototypeの最大の特徴は、その機能豊富なAJAX（Asynchronous JavaScript and XML）ライブラリにあり、これによって、JavaScriptを介してサーバの非ブロック呼び出しを行うという人気のWeb開発手法を簡単に取り入れることができます（昨年度の<a href="http://ajaxian.com/archives/ajaxiancom-2006-survey-results" target="_blank">Ajaxian.com 2006 Survey</a>では、Prototypeは最も人気の高いAJAXフレームワークという評価を受けました）。もちろん、Prototypeで実現できることはすべて、Prototypeのベースである普通のJavaScriptでも実現できます。しかし、わざわざ仕事を増やす必要はありません。例えば、同じタスクを行うのに<code>document.getElementById("myElement")</code>と<code>$("myElement")</code>のどちらを使いたいですか？ 本稿では、<code>$("myElement")</code>を選んだ読者のために、<code>$</code>をはじめとする役に立つ<code>Prototype</code>関数を詳しく説明します。</p>
<p>　とはいえ、Prototypeは巨大なフレームワークなので、1回では説明しきれません。そこで、ここではごく一部の重要な機能だけを紹介します。フレームワーク全体を深く理解するには、ソースコードを見てください。基本な仕組みを知るにはソースコードを見るのが一番であり、必要に合わせて修正を加えることもできます。</p>

<h2>便利な関数</h2>

<p>　WebアプリケーションでPrototypeを使うには、まず<a href="http://prototype.conio.net/" target="_blank">最新のバージョンをダウンロード</a>します（本稿執筆時の最新バージョンは1.4.0）。実際に必要なファイルは「prototype.js」だけで、次のように<code>&lt;script&gt;</code>タグを使ってページにインクルードします。</p>

<div class="src_frame"><pre class="src">
&lt;script type=<span class="lit_js">"text/javascript"</span> src=<span class="lit_js">"yourPath/prototype.js"</span>&gt;&lt;/script&gt;
</pre></div>

<p>　先ほど取り上げた<code>$</code>関数は、<code>document.getElementById</code>のショートカットです。<code>$</code>には複数の要素IDを渡すこともできます。次のコードを実行すると、要求された要素を含む配列が返されます。</p>

<div class="src_frame"><pre class="src">
&lt;!-- HTML --&gt;
&lt;div id=<span class="lit_js">"firstElem"</span>&gt;First element's content&lt;/div&gt;
&lt;div id=<span class="lit_js">"secondElem"</span>&gt;Second element's content&lt;/div&gt;

<span class="cmt_js">// JavaScript</span>
<span class="kw_js">var</span> elems = $(<span class="lit_js">"firstElem"</span>, <span class="lit_js">"secondElem"</span>);
alert(elems[1].innerHTML);  <span class="cmt_js">//displays "Second element's content"</span>
</pre></div>

<p>　もう1つの実に役に立つショートカット関数は、フォームフィールドIDを取得してフィールド値を返す<code>$F</code>です。</p>

<div class="src_frame"><pre class="src">
&lt;!-- HTML --&gt;
&lt;select name=<span class="lit_js">"language"</span> id=<span class="lit_js">"language"</span>&gt;
 &lt;option value=<span class="lit_js">"JS"</span> selected=<span class="lit_js">"selected"</span>&gt;JavaScript&lt;/option&gt;
 &lt;option value=<span class="lit_js">"Java"</span>&gt;Java&lt;/option&gt;
 &lt;option value=<span class="lit_js">"C#"</span>&gt;C#&lt;/option&gt;
 &lt;option value=<span class="lit_js">"Ruby"</span>&gt;Ruby&lt;/option&gt;
&lt;/select&gt;

<span class="cmt_js">// JavaScript</span>
<span class="kw_js">var</span> langValue = $F(<span class="lit_js">"language"</span>);
alert(langValue); <span class="cmt_js">//displays "JS"</span>
</pre></div>

<h2>オブジェクト指向（Object-Oriented：OO）のJavaScript</h2>

<p>　Prototypeでは、OOスタイルに非常によく似たJavaScriptコードを作成することもできます。例えば、次のクラス定義を見てみましょう。</p>

<div class="src_frame"><pre class="src">
<span class="cmt_js">// Class definition</span>
<span class="kw_js">var</span> Person = Class.create();

<span class="cmt_js">// Class methods</span>
Person.prototype =
{
    <span class="cmt_js">//Constructor</span>
    initialize : <span class="kw_js">function</span>(firstName, lastName, age)
    {
        <span class="kw_js">this</span>.firstName = firstName;
        <span class="kw_js">this</span>.lastName = lastName;
        <span class="kw_js">this</span>.age = age;
    },

    <span class="cmt_js">//method #1</span>
    toString : <span class="kw_js">function</span>()
    {
        <span class="kw_js">return</span> <span class="kw_js">this</span>.firstName + <span class="lit_js">" "</span> + <span class="kw_js">this</span>.lastName + <span class="lit_js">", "</span> + <span class="kw_js">this</span>.age;
    },

    <span class="cmt_js">//method #2</span>
    displayFirstName : <span class="kw_js">function</span>()
    {
        alert(<span class="kw_js">this</span>.firstName);
    }
};

<span class="kw_js">var</span> myPerson = <span class="kw_js">new</span> Person(<span class="lit_js">"Alessandro"</span>, <span class="lit_js">"Lacava"</span>, 30);
alert(myPerson.toString()); <span class="cmt_js">//displays "Alessandro Lacava, 30"</span>
</pre></div>

<p>　見ての通り、コンストラクタは（慣例により）<code>initialize</code>メソッドを使って定義されています。さらに、この例では他に<code>toString</code>と<code>displayFirstName</code>の2つのメソッドも定義されています。もちろん、メソッドは必要な数だけ定義できます。</p>
<p>　また、Prototypeでは、<code>Object.extend</code>メソッドによって既存のクラスを拡張することもできます。このメソッドは、あるオブジェクトのプロパティとメソッドを別のオブジェクトにコピーします。構文は<code>Object.extend(destination, source)</code>です。ここで<code>destination</code>には<code>source</code>のプロパティとメソッドで拡張するオブジェクトを指定します。</p>

<h2>「this」の参照先が期待どおりではない場合</h2>

<p>　既にご存知のように、JavaScriptの関数は本格的なオブジェクトです。PrototypeはJavaScriptの<code>Function</code>クラスにさらに2つの素晴らしいメソッド<code>bind</code>と<code>bindAsEventListener</code>を追加します。この2つのメソッドは、イベントハンドラの働きを設定するときに非常に役に立ちます。これらのメソッドの利点をよく理解するために、次のコードを見てみましょう。このコードでは、<code>Person</code>オブジェクトを作成し、その<code>displayFirstName</code>メソッドを<code>&lt;div&gt;</code>のクリックイベントのイベントリスナとして設定します。</p>

<div class="src_frame"><pre class="src">
&lt;!-- HTML --&gt;
&lt;div id=<span class="lit_js">"elem"</span>&gt;Click Here&lt;/div&gt;

<span class="cmt_js">// JavaScript</span>
<span class="kw_js">var</span> person = <span class="kw_js">new</span> Person(<span class="lit_js">"John"</span>, <span class="lit_js">"Brown"</span>, 20);
$(<span class="lit_js">"elem"</span>).onclick = person.displayFirstName;
</pre></div>

<p>　ここでの目的は、ユーザーが「Click Here」をクリックしたときにファーストネーム（John）を表示することです。しかし、クリックしてみても、undefinedが表示されてしまいます。なぜかと言うと、<code>$("elem").onclick = person.displayFirstName</code>というコードは、「<code>&lt;div&gt;</code>の<code>onclick</code>関数の本体を<code>person.displayFirstName</code>関数の本体で置き換える」、つまり<code>alert(this.firstName);</code>に置き換えることを事実上意味しているからです。</p>
<p>　問題は、<code>onclick</code>が呼び出されたときに、<code>this</code>キーワードがもはや<code>Person</code>を参照していないことです。<code>this</code>が参照するのは、<code>firstName</code>プロパティを持っていない<code>&lt;div&gt;</code>要素です。Prototypeでは、<code>bind</code>メソッドを次のように利用してこの問題を見事に解決できます。</p>

<div class="src_frame"><pre class="src">
$(<span class="lit_js">"elem"</span>).onclick = person.displayFirstName.bind(person);
</pre></div>

<p>　これで、<code>this</code>キーワードは<code>Person</code>クラスを参照するようになります。このコード行を言葉で表現するなら、「<code>&lt;div&gt;</code>の<code>onclick</code>の本体を<code>person.displayFirstName</code>の本体で置き換え、かつ、<code>this</code>キーワードと<code>person</code>オブジェクトを<code>bind</code>でバインドする」となります。<code>bindAsEventListener</code>関数は同じことを実行するだけでなく、クロスブラウザ方式で呼び出された関数に<code>event</code>オブジェクトを渡します。</p>


<!-- /article body -->


<table id="_ctl1_dfForm_pnlOnlyMemeber_1p" class="caution_blue" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>

<div><a href="javascript:void(0);" onclick="togglePanel('att_bottom');">★メンバー登録についてのお知らせ</a></div>
<div id="att_bottom" style="display:none">
恐れ入りますが、次のページ以降は公開後、一定期間を経過しますと、メンバーのみが閲覧可能とさせていただいております。<br>

編集部としましては、メンバー登録していただくことで、より質の高いコンテンツやサービスを今後充実させていただくことが可能となると考えています。<br>
お手数で恐縮ですが、ぜひご協力いただけると幸いです。<br>
<br>
<a href="/login.aspx">ログインはこちらから</a>
<a href="/agreement.aspx">登録はこちらからどうぞ！</a><br>
<a href="/help/memberfaq.aspx">メンバー登録についてFAQ</a>もご一読ください。<br>
今後ともCodeZineをどうぞよろしくお願いします。
</div>

			</td></tr></table>

<!-- google adsense right -->
<table class="bannercenter" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
				<script type="text/javascript"><!--
google_ad_client = "pub-1554483220769728";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type ="text_image";
google_ad_channel ="5612038928";
google_color_border = "338EC9";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "eeeeee";
google_color_text = "454545";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
			</td></tr></table>

<!-- /google adsense right -->



<div align="center">
<span id="_ctl1_dfForm_ctrlPagingBar"><table class="pg_bar"><tr><td><img src="/img/spacer.gif" width="1"></td><td class="pg_bar_num">1/4</td><td class="pg_bar_next"><img src="/img/spacer.gif" width="1" /><a href="/a/article/aid/992.aspx?p=2">次のページ</a></td></table></span>
<span id="_ctl1_dfForm_ctrlPagingTable"><table class="tbl_toc"><tr><th>INDEX</th></tr><tr><td class="title">PrototypeでAJAX開発を効率化</td></tr><tr><td class="current">Page 1</td></tr><tr><td class="h2">はじめに</td></tr><tr><td class="h2">便利な関数</td></tr><tr><td class="h2">オブジェクト指向（Object-Oriented：OO）のJavaScript</td></tr><tr><td class="h2">「this」の参照先が期待どおりではない場合</td></tr><tr><td class="link"><a href="/a/article/aid/992.aspx?p=2">Page 2</a></td></tr><tr><td class="h2">Prototypeによる反復</td></tr><tr><td class="h2">有益なメソッド</td></tr><tr><td class="link"><a href="/a/article/aid/992.aspx?p=3">Page 3</a></td></tr><tr><td class="h2">Prototypeを利用したAJAX開発</td></tr><tr><td class="h2">AJAX開発に役立つ機能</td></tr><tr><td class="link"><a href="/a/article/aid/992.aspx?p=4">Page 4</a></td></tr><tr><td class="h2">上位ライブラリの基盤としてのPrototype</td></tr><tr><td class="h2">Prototypeのパワー</td></tr></table></span>
</div>


<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
         xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" 
         xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description 
    rdf:about="http://codezine.jp/a/article/aid/992.aspx" 
    trackback:ping="http://codezine.jp/a/tb.aspx/992" 
    dc:title="PrototypeでAJAX開発を効率化" 
    dc:identifier="http://codezine.jp/a/article/aid/992.aspx" 
    dc:description="JavaScriptフレームワークとして人気の高いPrototypeを活用してAJAX開発をスピードアップする方法を学びましょう。本稿では、JavaScriptでオブジェクト指向開発をする方法を紹介します。" 
    dc:creator="CodeZine" 
    dc:date="2007-02-23T00:00:00+09:00" /> 
</rdf:RDF>
-->


<!-- article history -->

<!-- /article history -->


<div><img src="/img/spacer.gif" width="1" height="10"></div>

<!-- Rating Form -->
<table id="_ctl1_dfForm_pnlRating" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
				
<div class="lb_corner">
<div class="lb_title" style="float:left;">評価を送信する</div>

<div class="rating" style="float:right;">
	<!-- 992 //-->
	<form 
		name='rat_art_992'
			id='rat_art_992' 
		onsubmit='return rat_add(this,"art",992);'>
	<input type='hidden' id='rat_art_992_lock' value='0'>
	<input type='hidden' id='rat_art_992_rating'>
	<span class="bar"><!--
	--><a href='#' title='1：厳しい'    onclick='return rat_art_992.onsubmit();'><img class="col1" src='/img/cc_bkg.gif' id='rat_art_992_col_1' onmouseover='rat_art_upd(this.id,1)' onmouseout='rat_art_upd(this.id,0)' /></a><!--
	--><a href='#' title='2：いまいち'  onclick='return rat_art_992.onsubmit();'><img class="col"  src='/img/cc_bkg.gif' id='rat_art_992_col_2' onmouseover='rat_art_upd(this.id,2)' onmouseout='rat_art_upd(this.id,0)' /></a><!--
	--><a href='#' title='3：普通'      onclick='return rat_art_992.onsubmit();'><img class="col"  src='/img/cc_bkg.gif' id='rat_art_992_col_3' onmouseover='rat_art_upd(this.id,3)' onmouseout='rat_art_upd(this.id,0)' /></a><!-- 
	--><a href='#' title='4：まあまあ'  onclick='return rat_art_992.onsubmit();'><img class="col"  src='/img/cc_bkg.gif' id='rat_art_992_col_4' onmouseover='rat_art_upd(this.id,4)' onmouseout='rat_art_upd(this.id,0)' /></a><!-- 
	--><a href='#' title='5：面白い'    onclick='return rat_art_992.onsubmit();'><img class="col5" src='/img/cc_bkg.gif' id='rat_art_992_col_5' onmouseover='rat_art_upd(this.id,5)' onmouseout='rat_art_upd(this.id,0)' /></a><!--
	--></span>
	<br clear="both">
	</form>
</div>

<br clear="both">
</div>


			</td></tr></table>
<!-- /Rating Form -->


<!-- author profile -->
<table id="_ctl1_dfForm__ctl44_pnlAuthorProfie" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
				

	


<div class="lb_corner">
<div class="lb_title">著者紹介</div>
<div class="lb_footer"><div class="spacer_1_1"></div></div>
</div>




	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<span id="_ctl1_dfForm__ctl44_rptAuthorProfile__ctl1_ctrlName" class="penname"><a href='/a/authorlist.aspx?auid=343'>Alessandro Lacava</a></span>
			<span id="_ctl1_dfForm__ctl44_rptAuthorProfile__ctl1_Databoundlabel3" class="penname_kana">（Alessandro Lacava）</span>
		</td>
	</tr>
	<tr>
		<td valign="top">
			<table id="_ctl1_dfForm__ctl44_rptAuthorProfile__ctl1_pnlProfile" class="profile" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
					
			
			<span id="_ctl1_dfForm__ctl44_rptAuthorProfile__ctl1_Databoundlabel1">イタリアを活動拠点とするソフトウェア開発者、テクニカルライター。Javaと.NETテクノロジ、Webアプリケーション、通信システムを得意分野とする。通信エンジニアリングの資格を保有。連絡先については<a href="http://www.alessandrolacava.com/" target="_blank">個人のWebサイト</a>を参照。<br />
</span>
			
				</td></tr></table>

		</td>
	</tr>

	
	</table>

	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td class="img_bar"><img src="/img/spacer.gif" width="1" height="15"></td>
	</tr>
	</table>


	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<span id="_ctl1_dfForm__ctl44_rptAuthorProfile__ctl3_ctrlName" class="penname"><a href='/a/authorlist.aspx?auid=5'>japan.internet.com</a></span>
			<span id="_ctl1_dfForm__ctl44_rptAuthorProfile__ctl3_Databoundlabel3" class="penname_kana">（ジャパンインターネットコム）</span>
		</td>
	</tr>
	<tr>
		<td valign="top">
			<table id="_ctl1_dfForm__ctl44_rptAuthorProfile__ctl3_pnlProfile" class="profile" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
					
			
			<span id="_ctl1_dfForm__ctl44_rptAuthorProfile__ctl3_Databoundlabel1"><a href="http://japan.internet.com/" target="_blank">japan.internet.com</a> は、1999年9月にオープンした、日本初のネットビジネス専門ニュースサイト。月間2億以上のページビューを誇る米国 <a href="http://www.jupitermedia.com/" target="_blank">Jupitermedia Corporation</a> (Nasdaq: JUPM) のニュースサイト <a href="http://www.internet.com/" target="_blank">internet.com</a> や <a href="http://www.earthweb.com/" target="_blank">EarthWeb.com</a> からの最新記事を日本語に翻訳して掲載するとともに、日本独自のネットビジネス関連記事やレポートを配信。<br>
</span>
			
				</td></tr></table>

		</td>
	</tr>

	
	</table>

<div><img src="/img/spacer.gif" width="1" height="8"></div>


			</td></tr></table>

<!-- /author profile -->

<!-- copyright -->
<div><img src="/img/spacer.gif" width="1" height="8"></div>

<table id="_ctl1_dfForm_pnlCopyrightInetCom" class="copyright" align="Right" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="Right">
				
Article copyright &copy; 2005-2007 <a href="http://www.jupitermedia.com/" target="jupiter">Jupitermedia Corporation</a> All Rights Reserved.

			</td></tr></table>
<div><img src="/img/spacer.gif" width="1" height="8"></div>
<!-- /copyright -->



<table id="_ctl1_dfForm_pnlArticleComment" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
				
<!-- Article Comment -->
<table id="_ctl1_dfForm__ctl46_pnlCommentList" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
					
<!-- 登録済みのコメントリスト-->
<a name="cmt"></a>



<div class="lb_corner">
<div class="lb_title">コメント</div>
<div class="lb_footer"><div class="spacer_1_1"></div></div>
</div>


<table id="_ctl1_dfForm__ctl46_pnlListOnly" class="cmt" align="Right" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="Right">
						（最新日付順：<a href="/help/rss.aspx">新着コメントRSS配信中！</a><img src="/img/rss.gif" width="36" height="14" border="0" align="absmiddle"> ）
					</td></tr></table>
<br style="clear:both;">

<!-- comment list -->

<!-- /comment list -->

				</td></tr></table>


<div class="cmt">
<form method="post" action="/a/articlecomment.aspx">

<input type="hidden" name="mode" value="comment">
<input type="hidden" name="aid" value="992">

<table id="_ctl1_dfForm__ctl47_pnlGuestItem" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
					
<div class="cmt_label">名前：<span class="caution">*</span></div>
<input type="text" name="cmt_name" value="" size="30" maxlength="20">

<div class="cmt_label">メールアドレス（名前にリンク）：</div>
<input type="text" name="cmt_email" value="" size="30" maxlength="50">

				</td></tr></table>



<div class="cmt_label">URL（名前にリンク）：</div>
<input type="text" name="cmt_url" value="" size="30" maxlength="100">

<div class="cmt_label">タイトル：</div>
<input type="text" name="cmt_title" value="" size="30">

<div class="cmt_label">内容（テキストのみ1200文字まで）：<span class="caution">*</span></div>
<textarea name="cmt_comment" cols="50" rows="10"></textarea>

<div class="cmt_label">アイコン：</div>
<input type="radio" name="cmt_title_icon" value="" checked>なし<input type="radio" name="cmt_title_icon" value="01"><img src="/img/forum/icon_kao_01.gif"><input type="radio" name="cmt_title_icon" value="02"><img src="/img/forum/icon_kao_02.gif"><input type="radio" name="cmt_title_icon" value="03"><img src="/img/forum/icon_kao_03.gif"><input type="radio" name="cmt_title_icon" value="04"><img src="/img/forum/icon_kao_04.gif"><input type="radio" name="cmt_title_icon" value="05"><img src="/img/forum/icon_kao_05.gif"><input type="radio" name="cmt_title_icon" value="06"><img src="/img/forum/icon_kao_06.gif"><input type="radio" name="cmt_title_icon" value="07"><img src="/img/forum/icon_kao_07.gif"><input type="radio" name="cmt_title_icon" value="08"><img src="/img/forum/icon_kao_08.gif"><input type="radio" name="cmt_title_icon" value="09"><img src="/img/forum/icon_kao_09.gif"><input type="radio" name="cmt_title_icon" value="10"><img src="/img/forum/icon_kao_10.gif">

<p>
<a href="/help/postpolicy.aspx" target="_blank">利用規約</a>に同意して
<input name="preview" type="submit" value="確認">
<input name="post" type="submit" value="投稿する">
</p>

</form>
</div>
<!-- /Article Comment -->

			</td></tr></table>


<table id="_ctl1_dfForm_pnlTrackback" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
				
<!-- trackback -->

<a name="tb"></a>



<div class="lb_corner">
<div class="lb_title">トラックバック</div>
<div class="lb_footer"><div class="spacer_1_1"></div></div>
</div>



<div><img src="/img/spacer.gif" width="1" height="5"></div>
<div class="tb_info">
この記事のトラックバックURL: 
<input name="_ctl1:dfForm:_ctl48:ctrlTrackbackUrl" id="_ctl1_dfForm__ctl48_ctrlTrackbackUrl" type="text" size="34" readonly="true" onclick="this.select();" value="http://codezine.jp/a/tb.aspx/992" />
</div>
<div><img src="/img/spacer.gif" width="1" height="10"></div>


<!-- トラックバックリスト -->


<div><img src="/img/spacer.gif" width="1" height="5"></div>

<!-- /トラックバックリスト -->


<div class="tb_info" align="right">Trackback (<span id="_ctl1_dfForm_lblTrackbackTotal">0</span>)</div>
<!-- /trackback -->

			</td></tr></table>


		</td></tr></table>
<!-- /article body panel -->

<!-- article relation -->
<table id="_ctl1_dfForm_pnlRelation" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			




<div class="lb_corner">
<div class="lb_title">関連記事</div>
<div class="lb_footer"><div class="spacer_1_1"></div></div>
</div>



<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td width="50%" valign="top">
	
	<!-- art list -->
	

<!-- article mini list -->
<table id="_ctl1_dfForm__ctl50_dlArticleList" cellspacing="0" border="0">
				<tr>
					<td colspan="2"></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=133"><img title="web" alt="web" src="/Skin/Default/img/icon_web_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl1_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl1_Databoundlabel5">★★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/1015.aspx" id="link_art_1015" onmouseover="showsum(event,1,'sum_art_1015')" onmouseout="showsum(event,0,'sum_art_1015')">CGI不可のサーバでもできるAjaxによるHTMLの動的な整形</a>
		</div>
		
		<div id="sum_art_1015" style="display:none">
		<img id="_ctl1_dfForm__ctl50_dlArticleList__ctl1_Databoundimage1" src="/res/article/1015/1015_t.jpg" alt="" align="Right" border="0" width="100" />
		[Web] 
		本稿では、多くの技術者間で注目されているキーワードの「Ajax」を、専用サーバーを持たない個人レベルのサイトで活用する方法の一例を紹介します。CGIなどが使えないレンタルサーバーを使っているサイトを想定し、Ajaxを使うことで何ができるか、どこまでできるかを考えてみましょう。
		（07/03/02）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=133"><img title="web" alt="web" src="/Skin/Default/img/icon_web_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl3_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl3_Databoundlabel5">★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/995.aspx" id="link_art_995" onmouseover="showsum(event,1,'sum_art_995')" onmouseout="showsum(event,0,'sum_art_995')">JavaScriptでMP3を再生するライブラリの作り方</a>
		</div>
		
		<div id="sum_art_995" style="display:none">
		
		[Web] 
		JavaScriptでMP3を再生するライブラリ「playmp3.js」の作り方を解説します。MP3を再生するためにFlashの機能を利用します。また、JavaScriptからFlashの関数を呼び出す方法など、JavaScriptとFlashの連携方法も紹介します。Flashファイルの作成には、フリーのFlashコンパイラMTASCを利用しますので、Flashを持ってない人でも応用ライブラリを作成できるでしょう。Flashと連携することでJavaScriptの可能性を広げます。
		（07/02/26）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=133"><img title="web" alt="web" src="/Skin/Default/img/icon_web_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl5_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl5_Databoundlabel5">★★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/877.aspx" id="link_art_877" onmouseover="showsum(event,1,'sum_art_877')" onmouseout="showsum(event,0,'sum_art_877')">MyEclipseを使ったAjaxアプリケーションのピーピング</a>
		</div>
		
		<div id="sum_art_877" style="display:none">
		<img id="_ctl1_dfForm__ctl50_dlArticleList__ctl5_Databoundimage1" src="/res/article/877/877_t.jpg" alt="" align="Right" border="0" width="100" />
		[Web] 
		Ajaxアプリケーションのデバッグは、クライアントとサーバーサイドの両者を考慮する必要があり、負担となりがちです。そこでMyEclipseを使うと、たとえ外部ページであっても、JavaScriptをステップ実行したり、非同期通信の内容を確認したりできるため、通常のJavaと同じような操作性で行うことができます。
		（07/01/31）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=131"><img title="win" alt="win" src="/Skin/Default/img/icon_win_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl7_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl7_Databoundlabel5">★★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/870.aspx" id="link_art_870" onmouseover="showsum(event,1,'sum_art_870')" onmouseout="showsum(event,0,'sum_art_870')">MS Agentを使った文章読み上げソフト（後編）</a>
		</div>
		
		<div id="sum_art_870" style="display:none">
		<img id="_ctl1_dfForm__ctl50_dlArticleList__ctl7_Databoundimage1" src="/res/article/870/870_t.gif" alt="" align="Right" border="0" width="100" />
		[Windows] 
		フリーで利用できるMicrosoft Agentを利用すれば、文章を音声化して読み上げることが可能です。本記事では、Microsoft Agentの解説、インストールから始まり、実際の文章読み上げソフトの作成までを行います。後編では実際の読み上げや、その他の機能の実装を行っていきます。
		（07/01/30）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=131"><img title="win" alt="win" src="/Skin/Default/img/icon_win_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl9_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl9_Databoundlabel5">★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/867.aspx" id="link_art_867" onmouseover="showsum(event,1,'sum_art_867')" onmouseout="showsum(event,0,'sum_art_867')">MS Agentを使った文章読み上げソフト（前編）</a>
		</div>
		
		<div id="sum_art_867" style="display:none">
		<img id="_ctl1_dfForm__ctl50_dlArticleList__ctl9_Databoundimage1" src="/res/article/867/867_t.gif" alt="" align="Right" border="0" width="100" />
		[Windows] 
		フリーで利用できるMicrosoft Agentを利用すれば、文章を音声化して読み上げることが可能です。本記事では、Microsoft Agentの解説、インストールから始まり、実際の文章読み上げソフトの作成までを行います。作成したソフトはクリップボードから文字列を取得し、音声化して読み上げることができます。
		（07/01/29）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=133"><img title="web" alt="web" src="/Skin/Default/img/icon_web_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl11_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl11_Databoundlabel5">★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/872.aspx" id="link_art_872" onmouseover="showsum(event,1,'sum_art_872')" onmouseout="showsum(event,0,'sum_art_872')">Microsoft AJAX Libraryでドラッグ＆ドロップ対応のWebページを作成する</a>
		</div>
		
		<div id="sum_art_872" style="display:none">
		<img id="_ctl1_dfForm__ctl50_dlArticleList__ctl11_Databoundimage1" src="/res/article/872/872_t.jpg" alt="" align="Right" border="0" width="100" />
		[Web] 
		AJAXは、Webページにかける魔法のフィルタのような威力を発揮します。Webページ上の画像やテキストといったパーツをドラッグ＆ドロップできるようにすることも、AJAXの魔法の1つです。この記事では、Microsoft AJAX Library（Atlas）を使ってクライアント側でのドラッグ＆ドロップを簡単に実現する方法を紹介します。
		（07/01/26）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=133"><img title="web" alt="web" src="/Skin/Default/img/icon_web_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl13_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl13_Databoundlabel5">★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/845.aspx" id="link_art_845" onmouseover="showsum(event,1,'sum_art_845')" onmouseout="showsum(event,0,'sum_art_845')">スタイルシートやレイヤーを操作する</a>
		</div>
		
		<div id="sum_art_845" style="display:none">
		<img id="_ctl1_dfForm__ctl50_dlArticleList__ctl13_Databoundimage1" src="/res/article/845/845_t.jpg" alt="" align="Right" border="0" width="100" />
		[Web] 
		本連載では、クロスブラウザスクリプトを実現する方法を解説しています。前回は、ブラウザの種類やバージョンを判断し、そのブラウザに最適化したスクリプトを実行する方法を、ディスプレイの表示領域いっぱいにウィンドウを開くサンプルを例に解説しました。今回も引き続き、ブラウザの実装に合わせたJavaScriptを実行する例を紹介していきます。
		（07/01/24）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=131"><img title="win" alt="win" src="/Skin/Default/img/icon_win_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl15_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl15_Databoundlabel5">★★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/810.aspx" id="link_art_810" onmouseover="showsum(event,1,'sum_art_810')" onmouseout="showsum(event,0,'sum_art_810')">Windows Vistaガジェット入門</a>
		</div>
		
		<div id="sum_art_810" style="display:none">
		<img id="_ctl1_dfForm__ctl50_dlArticleList__ctl15_Databoundimage1" src="/res/article/810/810_t.gif" alt="" align="Right" border="0" width="100" />
		[Windows] 
		本稿では、Windows Vistaから登場したWindows Sidebar上で動作するガジェットを用いて、便利なミニツールなどを開発する方法について解説します。ガジェットはHTMLとJavaScriptを利用するため、従来のWebアプリケーション開発と同じ方法でツールを開発することができます。
		（07/01/10）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=133"><img title="web" alt="web" src="/Skin/Default/img/icon_web_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl17_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl17_Databoundlabel5">★★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/793.aspx" id="link_art_793" onmouseover="showsum(event,1,'sum_art_793')" onmouseout="showsum(event,0,'sum_art_793')">JSONを使ってAJAXベースのアプリケーションを高速化する</a>
		</div>
		
		<div id="sum_art_793" style="display:none">
		
		[Web] 
		AJAXとJSONを活用してWebアプリケーションを高速化する方法を紹介します。特に、軽量型のJavaScriptデータ交換フォーマットとしてJSONがXMLに勝っている点を説明します。
		（06/12/27）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td><td></td>
				</tr><tr>
					<td>


	<!-- article item -->
	<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td valign="top" align="center">
		<a href="/a/default.aspx?cid=133"><img title="web" alt="web" src="/Skin/Default/img/icon_web_mini.gif" border="0"></a>
		<div><img src="/img/spacer.gif" width="30" height="1"></div>
	</td>
	<td id="_ctl1_dfForm__ctl50_dlArticleList__ctl19_Td1" valign="top" width="100%">
		<div class="al_rate_star_mini">
		<span id="_ctl1_dfForm__ctl50_dlArticleList__ctl19_Databoundlabel5">★★★★</span>
		</div>
		<div class="al_title_mini">

		<a href="/a/article/aid/769.aspx" id="link_art_769" onmouseover="showsum(event,1,'sum_art_769')" onmouseout="showsum(event,0,'sum_art_769')">JavaScriptを利用してフォームの二重送信を防止する</a>
		</div>
		
		<div id="sum_art_769" style="display:none">
		<img id="_ctl1_dfForm__ctl50_dlArticleList__ctl19_Databoundimage1" src="/res/article/769/769_t.jpg" alt="" align="Right" border="0" width="100" />
		[Web] 
		ユーザーがフォームの送信ボタンをクリックした際に、Webサーバー側の応答が遅いと、再度ボタンをクリックして、フォームが二重に送信されてしまうことが考えられます。本稿では、ボタンの無効化と、画面のフリーズ化という二つの解決アプローチを紹介します。
		（06/12/15）
		
		</div>
		
	</td>
					
	</tr>
	</table>
	<!-- /article item -->


</td>
				</tr><tr>
					<td colspan="2">
<div class="td_blue03"><img src="/img/spacer.gif" width="1" height="1"></div>
<div><img src="/img/spacer.gif" width="1" height="8"></div>
</td>
				</tr>
			</table>

<!-- /article mini list -->
	<!-- /art list -->

	</td>
</tr>
</table>
<div><img src="/img/spacer.gif" width="1" height="10"></div>

		</td></tr></table>
<!-- /article relation -->

<!-- attention -->
<table id="_ctl1_dfForm_pnlAttention" class="art_attention" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			


記事は編集作業を経て公開されていますが、あくまで情報提供を第一の目的としたものであり、
内容には、不正確な記述、執筆者の予断や誤解に基づくもの、リンク切れ、環境要件が古いものが含まれていることがあります。
記事（翻訳記事を除く）の訂正に関しては、編集部の判断により随時対応することがありますが、各著作権者および（株）翔泳社はその内容の完全性を一切保障しません。
「投稿」の性質上、各著作権者は読者より訂正の依頼があったとしても対応できないこともあります。
記事内容の運用により派生した損害を含むあらゆる結果について、各著作権者および（株）翔泳社は一切の責任を持ちません。
各著作権者は記事内容に関するあらゆるサポートに付いてもその義務を放棄しています。あくまで記事は投稿され、編集を経て、公開された時点で完結したものであり、公開以降もサポートするかどうかは各者の任意事項となります。あらかじめご了承ください。


		</td></tr></table>
<!-- /attention -->


<!-- /article frame left -->
</td>
		<td id="_ctl1_dfForm_tdRightPane" class="tmp_right">
<!-- article frame right -->

	<!-- Right Menu -->
	
<div class="spacer_1_8"></div>

<!-- Right Ads -->
<div style="width: 300px;">

<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr> 
<td><img src="/Skin/Default/Parts/img/tit_ht02.gif" alt="" border="0" height="24" width="300" /></td>
</tr>
</table>
<table width="300" border="0" cellpadding="3" cellspacing="1" bgcolor="#7087FA">
<tr> 
<td valign="middle" bgcolor="#FFFFFF">




<div class="hottopics_ad">

<div class="bannerleftpr">
<span><a href="/r.x/ad/adid/198" target="_blank">ITエンジニア向けのSNS　JYOTATSU</a></span>
</div>

<div class="bannerleftpr">
<span><a href="/r.x/ad/adid/518" target="_blank">開発者の祭典「デブサミ」レポート 掲載開始!
</a></span>
</div>

<div class="bannerleftpr">
<span><a href="/r.x/ad/adid/576" target="_blank">Oracle Direct無料セミナー「.NET開発者のためのOracle Database現場ワザ」</a></span>
</div>




</div>
<div class="img_bar"></div>







<!-- Cashed 2007/04/18 5:39:12 --><span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1256'>Apolloベースで作られた「Adobe Media Player」ができること</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1254'>ビジネス主導のサービス管理を強力サポート！ 「Vantage 10」提供開始</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1253'>「いずれApolloは携帯に」 AdobeのCEOブルース チゼン氏語る</a><div class="img_new"></div></div></span>
<div id='lhot_news_more' style='display: none;'><span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1248'>「HP WORLD Tokyo 2007」 5月30日東京ミッドタウンで開催 登録は無料</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1247'>入力支援コンポーネント「InputMan」がWPFに対応</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1246'>PHP開発を力強くサポートする統合サービス「PHPbiz」提供開始</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1245'>インストール不要なWebアプリのセキュリティスキャナ「Chorizo!」登場</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1244'>春の情報処理試験、問題・解答発表中</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1240'>＠IT年収MAP</a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1239'>Linux環境「openSUSE 10.3 Alpha 3」リリース</a></div></span>

</div>
<div style="font-size:80%;margin-left:20px;text-align:right;">
<a href="#" onclick="javascript:list_more(lhot_news_more, lhot_news_more_link ,this);return false;">≫もっと見る</a>
<a href="/news/" id="lhot_news_more_link" style="display: none;">≫最新ニュース一覧</a>
</div>
<div class="img_bar"></div>



<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/968'>激変する金融業界に対応する金融商品取引システムのマーケットが拡大中</a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/899'>金融業界でも、オープンソース（AJAX）で開発に取り組む時代へ</a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/641'>ロングテールを活用し、“売れる”ECサイトシステムを構築する</a></div></span>
<div id='lhot_care_more' style='display: none;'><span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/589'>実践型UMLモデルベースで組み込みソフトウェア開発に変革をもたらす</a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/520'>第8回　いつも同じ顔ばっかりの毎日には刺激もラッキーもありません </a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/519'>第8回　後編　３度目の転職で証明した46歳 </a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/518'>第8回　前編　転職に年齢なんて関係ない！ </a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/517'>第8回　やりたい仕事をつかみ取る方法 </a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/516'>第7回　もう成長止まっちゃった？　どうすればいい？３０代の停滞感 </a></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/526'>第8回　その三　仕事は自分以外の誰かのために　背負うものが大きいほど頑張れる   戻る </a></div></span>

</div>
<div style="font-size:80%;margin-left:20px;margin-bottom:5px;text-align:right;">
<a href="#" onclick="javascript:list_more(lhot_care_more, lhot_care_more_link ,this);return false;">≫もっと見る</a>
<a href="/careerup/" id="lhot_care_more_link" style="display: none;">≫キャリアアップCodeZine トップ</a>
</div>
<div class="img_bar"></div>



<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1163'>猫プログラミング 第40話 「回避」</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1214'>リンデンスクリプトを使ったSecond Lifeのプログラミング</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1083'>C#の入力チェック実例サンプルコード</a><div class="img_new"></div></div></span>
<div id='lhot_arti_more' style='display: none;'><span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1148'>ASP.NETでWindowsサービスのような機能を実装する方法</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1175'>Javaアプレット／サーブレット間のイメージ通信</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1157'>WCF（Windows Communication Foundation）チュートリアル 前編</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1159'>WebサービスをバインドしたDataGridViewでソート処理を実装する</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1162'>猫プログラミング 第39話 「エラー発生」</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1079'>ASP.NET AJAX版ColorDialogコントロールを作成する</a><div class="img_new"></div></div></span>
<span><div class='bannerleftpr_n'><a href='/r.x/ht/aid/1145'>Javaにおけるイメージのフィルタ処理</a></div></span>

</div>
<div style="float:left;margin-left:8px;">
<a href="http://b.hatena.ne.jp/entrylist?url=http://codezine.jp/" target="_blank" title="CodeZineのはてなブックマーク数" id="hatena_bcounter_link"></a>
</div>
<div style="font-size:80%;margin-left:20px;margin-bottom:5px;text-align:right;">
<a href="#" onclick="javascript:list_more(lhot_arti_more, lhot_arti_more_link ,this);return false;">≫もっと見る</a>
<a href="/a/" id="lhot_arti_more_link" style="display: none;">≫最新記事一覧</a>
</div>





</td>
</tr>
</table>
<div class="spacer_1_4"></div>
<script type="text/javascript">
function show_bcounter() {
var bcounter_prot = location.protocol;
var bcounter_link = document.getElementById('hatena_bcounter_link');
bcounter_link.innerHTML = '<img src="'+bcounter_prot+'//b.hatena.ne.jp/bc/http://codezine.jp/" border="0" alt="CodeZineのはてなブックマーク数" title="CodeZineのはてなブックマーク数">';
}
show_bcounter();
function list_more(disp_list, disp_link, hide_link){
disp_list.style.display ='';
disp_link.style.display ='';
hide_link.style.display ='none';
}
</script>

<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<script type="text/javascript">CreateFlash('FLASH_report_swf', '/img/banner/547/report.swf?clicktag=http://codezine.jp/r.x/ad/adid/547', '300', '300', 'bannerleft');</script><noscript><a href="/r.x/ad/adid/547" target="_blank"><img src="/img/banner/547/report.gif" border="0" alt=""></a></noscript>
		</td></tr></table>



<!-- PickupLink -->
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr> 
	<td><img id="_ctl1_dfForm__ctl53__ctl9_Image1" name="Image1" src="/Skin/Default/Parts/img/tit_pickuplink.gif" alt="" border="0" height="24" width="300" /></td>
</tr>
</table>
<table width="300" border="0" cellpadding="3" cellspacing="1" bgcolor="#7087FA">
<tr> 
	<td align="left" bgcolor="#FFFFFF">
	
	<div style="padding: 2 2 2 2;">

		<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<a href="/r.x/ad/adid/216" target="_blank"><img src="/img/banner/216/comp_banner.gif" border="0" alt=""></a>
		</td></tr></table>

		<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<a href="/r.x/ad/adid/224" target="_blank"><small>
アプリケーション開発の<br>
生産性と品質の向上を支援する 
</small></a>
		</td></tr></table>

		<div class="spacer_1_10"></div>

		<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<a href="/r.x/ad/adid/71" target="_blank"><img src="/img/banner/71/for_codezine.gif" border="0" alt=""></a>
		</td></tr></table>

		<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<a href="/r.x/ad/adid/72" target="_blank"><small>
〜IT業界の現場で活躍する匠が<br>
　自身のキャリア・スキルを語る〜
</small></a>
		</td></tr></table>

		<div class="spacer_1_10"></div>
	
		<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<a href="/r.x/ad/adid/503" target="_blank"><img src="/img/banner/503/inter_145.gif" border="0" alt=""></a>
		</td></tr></table>

		<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<a href="/r.x/ad/adid/504" target="_blank"><small>
O/Rマッピング作業から開放<br />
迅速な開発と軽い運用管理を支援
</small>
</a>
		</td></tr></table>

		<div class="spacer_1_10"></div>
	
		<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<a href="/r.x/ad/adid/565" target="_blank"><img src="/img/banner/565/anywhere_banner.gif" border="0" alt=""></a>
		</td></tr></table>

		<table class="bannerleft" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			<a href="/r.x/ad/adid/566" target="_blank"><small>
低価格・高性能・大規模対応<br />
常識を覆すRDBMSの魅力に迫る
</small>
</a>
		</td></tr></table>

		
	</div>
	
	</td>
</tr>
</table>
<div class="spacer_1_10"></div>
<!-- /PickupLink -->

<table id="_ctl1_dfForm__ctl53__ctl10_pnlVoteForm" class="vote_frame" cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
			
<!-- vote form -->
<span id="_ctl1_dfForm__ctl53__ctl10_dfVote" FormMode="">


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form action="/vote.aspx" method="post">
<input type="hidden" name="mode" value="vote">
<tr>
<td class="td_ore" height="2"><div class="spacer_1_4"></td>
</tr>
<tr>
<td class="td_yellow">
<img src="/Skin/Default/Parts/img/title_top_vote.gif" height="20"><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img_bar"><div class="spacer_1_4"></td>
</tr>
</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="vote_title">
今、メインでお使いの開発環境は？
</div>
</td>
</tr>
<tr>
<td>
<div class="vote_item_frame">
<span id="_ctl1_dfForm__ctl53__ctl10_dfVote_dlVoteItemList"><span>
<span class="vote_item"><input type="radio" name="viid" value="64">Eclipse</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="65">Visual Studio</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="66">C++ Builder</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="67">Delphi</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="68">Kylix</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="69">NetBeans</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="70">Emacs</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="71">Xcode</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="72">Oracle JDeveloper</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="75">vi</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="76">Zend Studio</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="73">テキストエディタ</span>		
</span><br><span>
<span class="vote_item"><input type="radio" name="viid" value="74">その他</span>		
</span></span>
</div>
</td>
</tr>
</table>


<table>
<tr>
<td align="left">
<input name="_ctl1:dfForm:_ctl53:_ctl10:dfVote:inpSubmit" id="_ctl1_dfForm__ctl53__ctl10_dfVote_inpSubmit" type="submit" value="投票する" class="btn_lb" />
<input type="button" value="投票結果" class="btn_lb" onclick="location.href='/vote.aspx?vid=7'">
</td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">
<div style="font-size:80%;margin-left:20px;margin-bottom:5px;text-align:right;">
<a href="/vote.aspx">≫投票一覧</a>
</div>
</td>
</tr>
</table>



</td>
</tr>
</form> 
</table>
</span>
<!-- vote form -->

		</td></tr></table>



<!-- fj_panel -->
<link rel="stylesheet" type="text/css" href="/common/css/findjob.css" media="screen,tv" />
<div id="cz_form_ad">
<div id="fj_cdz">
<form action="http://www.find-job.net/my/re.cgi" name="search_form" method="get" onsubmit="fjjmp(this);">
<input type="hidden" name="r" value="11309" />
<input type="hidden" name="t" value="fj/search.cgi" />
<input type="hidden" name="from" value="23" />
<input type="hidden" name="st" value="2" />
<input type="hidden" name="category" value="0" />
<input type="hidden" name="ky_kind" value="0" />
<input type="hidden" name="ky_from" value="0" />
<p><img src="/common/img/tit_fjcdz.gif" alt="求人情報" width="300" height="24" /></p>

<dl>
<dt>条件から探す</dt>
<dd class="fjsearch"><ul>
<li>
<select name="shokushu">
<option selected value="0">職種</option>
<option value="0">こだわらない</option>
<option value="203">ソフト開発、Web系SE・プログラマ</option> 
<option value="204">ネットワークエンジニア・サーバ構築</option>
<option value="2">オープン、汎用、制御系SE・プログラマ</option>
<option value="206">セールスエンジニア</option>
</select>
</li>
<li>
<select name="kinmuchi">
<option value="0" selected>勤務地</option>
<option value="0">こだわらない</option>
<option value="1">東京23区</option>
<option value="2">東京23区外</option>
<option value="3">神奈川県</option>
<option value="4">埼玉県</option>
<option value="5">千葉県</option>
<option value="9">大阪府</option>
<option value="10">京都府</option>
<option value="11">兵庫県</option>
<option value="6">茨城県</option>
<option value="7">栃木・群馬</option>
<option value="12">奈良・滋賀</option>
<option value="13">和歌山県</option>
<option value="15">愛知県</option>
<option value="16">静岡県</option>
<option value="17">岐阜・三重</option>
<option value="18">山梨・長野</option>
<option value="20">北海道</option>
<option value="21">東北</option>
<option value="22">北陸</option>
<option value="23">中国</option>
<option value="24">四国</option>
<option value="25">九州</option>
<option value="26">海外</option>
<option value="27">在宅</option>
</select>
</li>
<li><input type="image" src="/common/img/bt_search.gif" alt="求人を検索する" width="150" height="25" /></li>
<li class="fjrss"><a title="新着求人をRSSで取得する" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11308&t=rss/" target="_blank">新着求人をRSSで取得する</a></li>
</ul>
</dd>

<dt>キーワードから探す</dt>
<dd><ul>
<li><a title="Javaに関連する求人一覧をみる" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11310&t=fj/search.cgi&keyword=Java" target="_blank">Javaに関連する求人一覧をみる</a></li>
<li><a title="Linuxに関連する求人一覧をみる" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11311&t=fj/search.cgi&keyword=Linux" target="_blank">Linuxに関連する求人一覧をみる</a></li>
<li><a title="Perlに関わる求人一覧をみる" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11312&t=fj/search.cgi&keyword=Perl" target="_blank">Perlに関わる求人一覧をみる</a></li>
</ul></dd>

<dt>今週の求人特集</dt>
<dd><ul>
<li><a title="上流工程に携われるエンジニア特集" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11313&t=fj/search.cgi&shokushu=203&shokushu=204&shokushu=2&keyword=%BE%E5%CE%AE%B9%A9%C4%F8&f=387" target="_blank">上流工程に携われるエンジニア特集</a></li>
<li><a title="人気のネット企業特集" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11314&t=fj/search.cgi&category=1&keitai=0&f=393" target="_blank">人気のネット企業特集</a></li>
</ul></dd>
</dl>

<ul class="new_urgent">
<li class="searchnew"><a title="新着の求人情報" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11315&t=fj/new.cgi" target="_blank">新着の求人情報</a></li>
<li class="searchurgent"><a title="急募の求人情報" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11316&t=fj/urgent.cgi" target="_blank">急募の求人情報</a></li>
</ul>

<address>情報提供：<a title="Find Job !" onclick="fjjmp(this);" href="http://www.find-job.net/my/re.cgi?r=11317" target="_blank"><img src="/common/img/findjob_logo.gif" alt="Find Job !" width="92" height="21" /></a>
</address>

<ul class="fjlinks">
<li><a title="求人情報" onclick="fjjmp(this);" href="http://www.find-job.net/" target="_blank">求人情報</a></li>
<li><a title="転職" onclick="fjjmp(this);" href="http://www.find-job.net/tenshoku/" target="_blank">転職</a></li>
<li><a title="アルバイト" onclick="fjjmp(this);" onclick="fjjmp(this);" href="http://www.find-job.net/arbeit/" target="_blank">アルバイト</a></li>
</ul>
</form>
</div>


</div>

<script type="text/javascript"><!--
function fjjmp(obj) {
	if (typeof urchinTracker != 'function') {
		return;
	}

	_uacct = "UA-149484-1";
	if(typeof(obj.action) == 'undefined'){
		//リンク
		urchinTracker(obj.href.substring(6));
	}else{
		//フォーム
		urchinTracker(obj.action.substring(6));
	}
	return;
}
//--></script>
<!-- /fj_panel -->


</div>
<!-- /Right Ads -->




<div class="spacer_1_10"></div>


<!-- Cashed 2007/04/18 5:39:57 -->

<div style="width: 300px;">
<div id="_ctl1_dfForm__ctl53__ctl14__ctl0_pnlRanking">
	


<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>



<div class="lb_corner">
<div class="lb_title">ランキング</div>
<div class="lb_footer"><div class="spacer_1_1"></div></div>
</div>


</td>
</tr>
<tr>
<td class="td_top_sp">
<div class="msg"><b>1日あたりの平均閲覧数によるランキング</b></div>


<table class="tbl_rank" cellspacing="0" rules="all" border="1" id="_ctl1_dfForm__ctl53__ctl14__ctl0_dgRankingListDatePart" style="width:300px;border-collapse:collapse;">
		<tr class="th">
			<td class="th" nowrap="nowrap">順位</td><td class="th">タイトル</td>
		</tr><tr>
			<td align="Center">
1
</td><td><a href='/a/article/aid/1214.aspx'>リンデンスクリプトを使ったSecond Lifeのプログラミング</a><div class="img_new"></div></td>
		</tr><tr>
			<td align="Center">
2
</td><td><a href='/a/article/aid/1083.aspx'>C#の入力チェック実例サンプルコード</a><div class="img_new"></div></td>
		</tr><tr>
			<td align="Center">
3
</td><td><a href='/a/article/aid/1207.aspx'>「超高速、完全自動、しかもフリー」 WebテストツールのGITAK公開</a></td>
		</tr><tr>
			<td align="Center">
4
</td><td><a href='/a/article/aid/1163.aspx'>猫プログラミング 第40話 「回避」</a><div class="img_new"></div></td>
		</tr><tr>
			<td align="Center">
5
</td><td><a href='/a/article/aid/1120.aspx'>DataGridViewコントロールを操作する101の方法 </a></td>
		</tr><tr>
			<td align="Center">
6
</td><td><a href='/a/article/aid/1229.aspx'>「ちょっと待て」 真・MySQLのクエリを最適化する10のTips</a><div class="img_new"></div></td>
		</tr><tr>
			<td align="Center">
7
</td><td><a href='/a/article/aid/1157.aspx'>WCF（Windows Communication Foundation）チュートリアル 前編</a><div class="img_new"></div></td>
		</tr><tr>
			<td align="Center">
8
</td><td><a href='/a/article/aid/1153.aspx'>Microsoft謹製、フリーのXMLエディタ「XML Notepad 2007」リリース</a></td>
		</tr><tr>
			<td align="Center">
9
</td><td><a href='/a/article/aid/1194.aspx'>Adobe製、フリーのJavaScriptエディタプラグイン「JSEclipse」</a></td>
		</tr><tr>
			<td align="Center">
10
</td><td><a href='/a/article/aid/1162.aspx'>猫プログラミング 第39話 「エラー発生」</a><div class="img_new"></div></td>
		</tr>
	</table>


<div class="spacer_1_10"></div>
<div class="msg"><b>全閲覧数によるランキング</b></div>


<table class="tbl_rank" cellspacing="0" rules="all" border="1" id="_ctl1_dfForm__ctl53__ctl14__ctl0_dgRankingList" style="width:300px;border-collapse:collapse;">
		<tr class="th">
			<td class="th" nowrap="nowrap">順位</td><td class="th">タイトル</td>
		</tr><tr>
			<td align="Center">
1
</td><td><a href='/a/article/aid/126.aspx'>WinPcapを使用したパケットモニターの作成</a></td>
		</tr><tr>
			<td align="Center">
2
</td><td><a href='/a/article/aid/71.aspx'>log4netでデバッグや障害解析に役立つログを出力する</a></td>
		</tr><tr>
			<td align="Center">
3
</td><td><a href='/a/article/aid/139.aspx'>.NETマルチスレッドプログラミング 2：非同期デリゲートとスレッドプール</a></td>
		</tr><tr>
			<td align="Center">
4
</td><td><a href='/a/article/aid/135.aspx'>.NETマルチスレッドプログラミング 1：スレッドの実行と同期</a></td>
		</tr><tr>
			<td align="Center">
5
</td><td><a href='/a/article/aid/3.aspx'>DataGridにComboBoxを表示可能な列を作る</a></td>
		</tr><tr>
			<td align="Center">
6
</td><td><a href='/a/article/aid/22.aspx'>TCPを利用した複数クライアント接続可能なチャットアプリケーションの作成</a></td>
		</tr><tr>
			<td align="Center">
7
</td><td><a href='/a/article/aid/298.aspx'>フリーのFlashコンパイラMTASCを使ってお絵かきツールを作る</a></td>
		</tr><tr>
			<td align="Center">
8
</td><td><a href='/a/article/aid/84.aspx'>iTextを利用してJavaからPDF形式の帳票を出力する</a></td>
		</tr><tr>
			<td align="Center">
9
</td><td><a href='/a/article/aid/428.aspx'>WiXではじめるWindows Installer作成入門 第1回</a></td>
		</tr><tr>
			<td align="Center">
10
</td><td><a href='/a/article/aid/125.aspx'>WinSock2を使用したパケットモニターの作成</a></td>
		</tr>
	</table>


</td>
</tr>
</table>



</div>


<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"><div class ="prt_newmember_tl"></div></td>
<td width="264" class="newmem_tc">一般投稿</td>
<td width="4" ><div class ="prt_newmember_tr"></div></td>
</tr>
<tr>
<td colspan="3" width="280" class="td_white02">


<table class="tbl_box" cellspacing="0" rules="all" border="1" id="_ctl1_dfForm__ctl53__ctl14__ctl1_dgList" style="width:280px;border-collapse:collapse;">
	<tr>
		<td><div class="icon_win_min"></div></td><td><div class="spacer_4_1"></div></td><td><a href="/a/article/aid/1148.aspx" title="ASP.NETでWindowsサービスのような機能を実装する方法">ASP.NETでWindowsサービスのような機能を実装する方法</a><div class="img_new"></div></td>
	</tr><tr>
		<td><div class="icon_win_min"></div></td><td><div class="spacer_4_1"></div></td><td><a href="/a/article/aid/1079.aspx" title="ASP.NET AJAX版ColorDialogコントロールを作成する">ASP.NET AJAX版ColorDialogコントロールを作成する</a><div class="img_new"></div></td>
	</tr><tr>
		<td><div class="icon_win_min"></div></td><td><div class="spacer_4_1"></div></td><td><a href="/a/article/aid/1048.aspx" title="ASP.NETのセッションをタイプセーフに取り扱うクラスの作成">ASP.NETのセッションをタイプセーフに取り扱うクラスの作成</a></td>
	</tr><tr>
		<td><div class="icon_web_min"></div></td><td><div class="spacer_4_1"></div></td><td><a href="/a/article/aid/1055.aspx" title="ホームページ製作を楽にする7つのXSLTスクリプト">ホームページ製作を楽にする7つのXSLTスクリプト</a></td>
	</tr><tr>
		<td><div class="icon_web_min"></div></td><td><div class="spacer_4_1"></div></td><td><a href="/a/article/aid/1020.aspx" title="PerlによるCSVファイルの高速集計 2">PerlによるCSVファイルの高速集計 2</a></td>
	</tr>
</table>


<div class="img_bar"><div class="spacer_1_1"></div></div>
<div align="right"><small><a href="/a/submitagreement.aspx">毎日、投稿募集中！≫</a></small></div>
</td>
</tr>
<tr>
<td width="25"><div class="prt_newmember_bl"></div></td>
<td><div class="newmem_bc"></div></td>
<td width="4" ><div class="prt_newmember_br"></div></td>
</tr>
</table>
<div><div class="spacer_1_8"></div></div>


<!-- google adsense right -->
<div class="bannercenter">
	<script type="text/javascript"><!--
google_ad_client = "pub-1554483220769728";
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = "300x250_as";
google_ad_type ="text_image";
google_ad_channel ="5612038928";
google_color_border = "338EC9";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "eeeeee";
google_color_text = "454545";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<!-- /google adsense right -->


<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"><div class ="prt_newmember_tl"></div></td>
<td width="264" class="newmem_tc">最近のブックマーク</td>
<td width="4" ><div class ="prt_newmember_tr"></div></td>
</tr>
<tr>
<td colspan="3" width="264" class="td_white02">


<table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/bookmark/default.aspx?mode=detail&bid=174'>#5　（株）ライブドア 池邉智洋／谷口公一／ma.la（前編）　「そろそろライブ</a>...（編集人:2007/04/17 18:45:56）
</td>
</tr></table>
<table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/bookmark/default.aspx?mode=detail&bid=173'> フリーのFlashコンパイラMTASCを使ってお絵かきツールを作る</a>...（シュガー:2007/04/13 13:40:20）
</td>
</tr></table>
<table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/bookmark/default.aspx?mode=detail&bid=172'>CodeZine：DataGridViewコントロールを操作する101の方法 （</a>...（あきひろ:2007/03/28 12:54:59）
</td>
</tr></table>
<table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/bookmark/default.aspx?mode=detail&bid=171'>CodeZine：PrototypeでAJAX開発を効率化（prototype,</a>...（xorge:2007/03/14 13:40:29）
</td>
</tr></table>
<table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/bookmark/default.aspx?mode=detail&bid=170'>CodeZine：WinPcapを使用したパケットモニターの作成（パケットモニタ</a>...（カリスマプログラマー:2007/03/08 11:44:11）
</td>
</tr></table>



</td>
</tr>
<tr>
<td width="25"><div class="prt_newmember_bl"></div></td>
<td><div class="newmem_bc"></div></td>
<td width="4" ><div class="prt_newmember_br"></div></td>
</tr>
</table>
<div><div class="spacer_1_8"></div></div>


<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"><div class ="prt_newmember_tl"></div></td>
<td width="264" class="newmem_tc"><div style="float:left;">最近のコメント</div><a title="RSS" style="float:right;" href="/help/rss.aspx"><div class="img_rss"></div></a></td>
<td width="4" ><div class ="prt_newmember_tr"></div></td>
</tr>
<tr>
<td colspan="3" width="264" class="td_white02">


<table id="_ctl1_dfForm__ctl53__ctl14__ctl4_ctrlList" cellspacing="0" border="0" style="border-collapse:collapse;">
	<tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/a/article.aspx?aid=71#cmt'>こんにちは、青木です。

log4netは、Apacheプロジェクトにて、
</a>...（aoki:04/17）
</td>
</tr></table>
</td>
	</tr><tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/a/article.aspx?aid=1083#cmt'>ac様

編集部の飯岡です。
「小数」「コメント表記」に関して修正いたしま</a>...（iioka:04/16）
</td>
</tr></table>
</td>
	</tr><tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/a/article.aspx?aid=1083#cmt'>・「少数点」という誤字
・ものすごく独特なコーディングスタイル
・コメント末</a>...（ac:04/16）
</td>
</tr></table>
</td>
	</tr><tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/a/article.aspx?aid=1157#cmt'>Nanna 様、どい様

ご指摘ありがとうございました！ 編集部の斉木です。</a>...（sai:04/13）
</td>
</tr></table>
</td>
	</tr><tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/a/article.aspx?aid=1157#cmt'>本当ですね。
別の記事も確認してみたら同じ不具合がありました。
ソースを覗い</a>...（Nanna:04/12）
</td>
</tr></table>
</td>
	</tr>
</table>


</td>
</tr>
<tr>
<td width="25"><div class="prt_newmember_bl"></div></td>
<td><div class="newmem_bc"></div></td>
<td width="4" ><div class="prt_newmember_br"></div></td>
</tr>
</table>
<div><div class="spacer_1_8"></div></div>


<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"><div class ="prt_newmember_tl"></div></td>
<td width="264" class="newmem_tc"><div style="float:left;">最近のフォーラム</div><a title="RSS" style="float:right;" href="/help/rss.aspx"><div class="img_rss"></div></a></td>
<td width="4" ><div class ="prt_newmember_tr"></div></td>
</tr>
<tr>
<td colspan="3" width="264" class="td_white02">


<table id="_ctl1_dfForm__ctl53__ctl14__ctl5_ctrlList" cellspacing="0" border="0" style="border-collapse:collapse;">
	<tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/forum/message.aspx?thid=490#492'>無事に解凍することができました。
ありがとうございます。</a>...（umeo:04/17）
</td>
</tr></table>
</td>
	</tr><tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/forum/message.aspx?thid=490#491'>umeo様

編集部飯岡です。
サンプルコードダウンロードの件ですが、
</a>...（iioka:04/17）
</td>
</tr></table>
</td>
	</tr><tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/forum/message.aspx?thid=490#490'>いくつかの記事のサンプルコードをダウンロードしましたが、何れも解凍に失敗します。</a>...（umeo:04/16）
</td>
</tr></table>
</td>
	</tr><tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/forum/message.aspx?thid=488#488'>クライアント：

eclipse 3.1
 + struts
 + WT</a>...（だんごろ:03/15）
</td>
</tr></table>
</td>
	</tr><tr>
		<td><table border="0" cellpadding="2" cellspacing="0"><tr><td class="text_s" valign="top">・</td>
<td class="text_s" valign="top">
<a href='/forum/message.aspx?thid=487#487'>ASP.NET2 WEBﾌﾟﾛｼﾞｪｸﾄでlog4netを使用したいという提案を</a>...（ファイト:03/15）
</td>
</tr></table>
</td>
	</tr>
</table>


</td>
</tr>
<tr>
<td width="25"><div class="prt_newmember_bl"></div></td>
<td><div class="newmem_bc"></div></td>
<td width="4" ><div class="prt_newmember_br"></div></td>
</tr>
</table>
<div><div class="spacer_1_8"></div></div>


<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"><div class ="prt_newmember_tl"></div></td>
<td width="264" class="newmem_tc">新しいメンバー</td>
<td width="4" ><div class ="prt_newmember_tr"></div></td>
</tr>
<tr>
<td colspan="3" width="280" class="td_white02">


<span id="_ctl1_dfForm__ctl53__ctl14__ctl6_dgList"><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38118'>宜</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38117'>あだっちぃ</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38116'>XACALITE</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38115'>tyoko</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38114'>wakkiy</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38113'>cawcaw</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38112'>タナカ３９</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38111'>kasimu</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38110'>sasanamix</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38109'>どつぼ</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38108'>いけざわ</a> さん
</span><span>, </span><span style="font-size:12px;"><a href='/forum/memberlist.aspx?mid=38107'>ミテツ</a> さん
</span><span>...</span></span>


<div class="spacer_1_8"></div>
<div class="td_top_b" align="right">計 <span id="_ctl1_dfForm__ctl53__ctl14__ctl6_lblMemberTotal">37,174</span>人増加中！会員登録は<a href="/agreement.aspx">こちら！</a></div>
</td>
</tr>
<tr>
<td width="25"><div class="prt_newmember_bl"></div></td>
<td><div class="newmem_bc"></div></td>
<td width="4" ><div class="prt_newmember_br"></div></td>
</tr>
</table>
<div class="spacer_1_8"></div>

</div>




	<!-- /Right Menu -->


<!-- /article frame right -->
</td>
	</tr>
</table>

<!-- /article frame end -->


</td>
</tr>
</table>
<!-- /メインフレーム -->


</span>

</div>
<!-- /article div end -->


<!-- /Article -->


<!-- Footer -->

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td background="/Skin/Default/parts/img/prt_headbar_01.gif" height="12"><div class="spacer_1_12"></div></td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="td_foot">
<a href="http://codezine.jp/">ホーム</a>｜
<a href="/help/">ヘルプ</a>｜
<a href="/help/pp.aspx">サイトポリシー</a>｜
<a href="/help/aboutlink.aspx">著作権・リンク</a>｜
<a href="/info/ad/">広告掲載のご案内</a>｜
<a href="http://www.seplus.jp/sework/" target="_blank">スタッフ募集！</a>｜
<a href="http://www.shoeisha.co.jp/" target="se">会社概要</a>｜<br>
<a href="http://www.seshop.com/" target="_blank">SEshop</a>｜
<a href="http://sems.shoeisha.com/" target="_blank">SEMS</a>｜
<a href="http://markezine.jp/" target="_blank">MarkeZine</a>｜
<a href="http://i360.jp/" target="_blank">IT転職さんろくまる</a>
</td>
</tr>
<tr>
<td class="copyright">
All contents copyright &copy; 2005-2007 Shoeisha Co., Ltd. All rights reserved.
ver.1.0<br>
掲載記事、写真、イラストの無断転載を禁じます。
記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。
<div class="spacer_1_8"></div>
</td>
</tr>
</table>
</td>
<td valign="middle" align="right" class="td_foot">
<script src=https://seal.verisign.com/getseal?host_name=codezine.jp&size=S&use_flash=NO&use_transparent=YES&lang=ja></script>
</td>
<td valign="middle" align="right" class="td_foot" width="50">
<a href="http://www.shoeisha.co.jp/" target="se"><img src="/img/selogo.gif" width="50" height="40" border="0"></a>
</td>
</tr>
</table>
<div class="spacer_1_8"></div>
<noscript>
<iframe src="/noscript.asp" name="if_nos" width="1" height="1" frameborder="no" scrolling="no" sytle="margin:0;padding:0"></iframe>
</noscript>

<!-- /Footer -->


</body>
</html>


