src/content/kb/docs/webclient/html5-knockout-screencast_ja.html - netbeans-website-cleanup - Git at Google

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
 <html>
     <head>
         <title>HTML5アプリケーションでのKnockoutJSの使用のビデオ</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
         <meta name="description" content="A screencast that introduces the basics of using jQuery and KnockougJS in an HTML5 application in NetBeans IDE">
         <link rel="stylesheet" type="text/css" href="../../../netbeans.css">
     </head>
     <body>

 <!--
 Copyright (c) 2013, Oracle and/or its affiliates. All rights reserved.
 -->

         <h1>HTML5アプリケーションでのKnockoutJSの使用のビデオ</h1>
         <p>このビデオ・チュートリアル・シリーズでは、jQueryおよびKnockoutJSを使用した、クライアント側HTML5アプリケーションの構築方法を示します。DOM要素のデータ・モデルへのバインド、イベント・ハンドラの定義、JSONおよびRESTサービスからのデータの抽出について示します。</p>
                     <p>作成者: John Jullion-Ceccarelli</p>
         <table>
             <tr>
                 <td class="valign-top">


                     <h3>ダウンロード/フルサイズを視聴:</h3>
                     <ul>
                         <li><a href="http://bits.netbeans.org/media/knockout1-basic-bindings.mp4">Knockoutパート1 - 基本的なバインド</a> (15MB)</li>
                         <li><a href="http://bits.netbeans.org/media/knockout2-json.mp4">Knockoutパート2 - JSON</a> (12MB)</li>
                         <li><a href="http://bits.netbeans.org/media/knockout3-click-handler.mp4">Knockoutパート3 - クリック・ハンドラ</a> (19MB)</li>
                     </ul>


                 </td>

                 <td width="486" class="valign-top align-center">
 <h2>Knockoutパート1 - 基本的なバインド</h2>
  <script src="/images_www/js/mediaplayer-5.9/jwplayer.js" type="text/javascript"></script>
     <div id="player1" >
         <center>
 	    <div id="flashContent1"></div>
         </center>
     </div>
     <script type="text/javascript">
 	$(function(){
 	    var targetFile='http://bits.netbeans.org/media/knockout1-basic-bindings.mp4';
 		jwplayer('flashContent1').setup({
 	                'id': 'flashContentId',
 	                'width': '530',
 	                'height': '340',
 	                'autostart': 'true',
 	                'file': targetFile,
 	                'controlbar':{position:'bottom'},
 	                'modes': [
 	                      {type: 'html5'},
 	                      {type: 'flash', src: '/images_www/js/mediaplayer-5.9/player.swf'},
 	                      {type: 'download'}
 	                         ]
 	           });
 	});
     </script>

  <h2>Knockoutパート2 - JSON</h2>
  <script src="/images_www/js/mediaplayer-5.9/jwplayer.js" type="text/javascript"></script>
     <div id="player2" >
         <center>
 	    <div id="flashContent2"></div>
         </center>
     </div>
     <script type="text/javascript">
 	$(function(){
 	    var targetFile='http://bits.netbeans.org/media/knockout2-json.mp4';
 		jwplayer('flashContent2').setup({
 	                'id': 'flashContentId',
 	                'width': '530',
 	                'height': '340',
 	                'autostart': 'false',
 	                'file': targetFile,
 	                'controlbar':{position:'bottom'},
 	                'modes': [
 	                      {type: 'html5'},
 	                      {type: 'flash', src: '/images_www/js/mediaplayer-5.9/player.swf'},
 	                      {type: 'download'}
 	                         ]
 	           });
 	});
     </script>
  <h2>Knockoutパート3 - クリック・ハンドラ</h2>
  <script src="/images_www/js/mediaplayer-5.9/jwplayer.js" type="text/javascript"></script>
     <div id="player3" >
         <center>
 	    <div id="flashContent3"></div>
         </center>
     </div>
     <script type="text/javascript">
 	$(function(){
 	    var targetFile='http://bits.netbeans.org/media/knockout3-click-handler.mp4';
 		jwplayer('flashContent3').setup({
 	                'id': 'flashContentId',
 	                'width': '530',
 	                'height': '340',
 	                'autostart': 'false',
 	                'file': targetFile,
 	                'controlbar':{position:'bottom'},
 	                'modes': [
 	                      {type: 'html5'},
 	                      {type: 'flash', src: '/images_www/js/mediaplayer-5.9/player.swf'},
 	                      {type: 'download'}
 	                         ]
 	           });
 	});
     </script>


                     </td>
             </tr>

             <tr>
                 <td colspan="2">


                     <br style="clear:both;">
                     <div class="feedback-box">
                         <a href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Video%20of%20Using%20KnockoutJS%20in%20an%20HTML5%20Application">このチュートリアルに関するご意見をお寄せください</a>
                     </div>
                     <br style="clear:both;">
                 </td>
             </tr>
         </table>
         <h2>関連リンク</h2>

         <ul>
             <li><a href="html5-gettingstarted.html">HTML5アプリケーションの開始</a></li>
             <li><a href="https://blogs.oracle.com/netbeanswebclient/">NetBeans Webクライアント・ブログ</a></li>
             <li><a href="../../trails/php.html">PHPおよびHTML5の学習</a></li>

         </ul>
     </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	<title>HTML5アプリケーションでのKnockoutJSの使用のビデオ</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
	<meta name="description" content="A screencast that introduces the basics of using jQuery and KnockougJS in an HTML5 application in NetBeans IDE">
	<link rel="stylesheet" type="text/css" href="../../../netbeans.css">
	</head>
	<body>

	<!--
	Copyright (c) 2013, Oracle and/or its affiliates. All rights reserved.
	-->

	<h1>HTML5アプリケーションでのKnockoutJSの使用のビデオ</h1>
	<p>このビデオ・チュートリアル・シリーズでは、jQueryおよびKnockoutJSを使用した、クライアント側HTML5アプリケーションの構築方法を示します。DOM要素のデータ・モデルへのバインド、イベント・ハンドラの定義、JSONおよびRESTサービスからのデータの抽出について示します。</p>
	<p>作成者: John Jullion-Ceccarelli</p>
	<table>
	<tr>
	<td class="valign-top">






	<h3>ダウンロード/フルサイズを視聴:</h3>
	<ul>
	<li><a href="http://bits.netbeans.org/media/knockout1-basic-bindings.mp4">Knockoutパート1 - 基本的なバインド</a> (15MB)</li>
	<li><a href="http://bits.netbeans.org/media/knockout2-json.mp4">Knockoutパート2 - JSON</a> (12MB)</li>
	<li><a href="http://bits.netbeans.org/media/knockout3-click-handler.mp4">Knockoutパート3 - クリック・ハンドラ</a> (19MB)</li>
	</ul>



	</td>

	<td width="486" class="valign-top align-center">
	<h2>Knockoutパート1 - 基本的なバインド</h2>
	<script src="/images_www/js/mediaplayer-5.9/jwplayer.js" type="text/javascript"></script>
	<div id="player1" >
	<center>
	<div id="flashContent1"></div>
	</center>
	</div>
	<script type="text/javascript">
	$(function(){
	var targetFile='http://bits.netbeans.org/media/knockout1-basic-bindings.mp4';
	jwplayer('flashContent1').setup({
	'id': 'flashContentId',
	'width': '530',
	'height': '340',
	'autostart': 'true',
	'file': targetFile,
	'controlbar':{position:'bottom'},
	'modes': [
	{type: 'html5'},
	{type: 'flash', src: '/images_www/js/mediaplayer-5.9/player.swf'},
	{type: 'download'}
	]
	});
	});
	</script>

	<h2>Knockoutパート2 - JSON</h2>
	<script src="/images_www/js/mediaplayer-5.9/jwplayer.js" type="text/javascript"></script>
	<div id="player2" >
	<center>
	<div id="flashContent2"></div>
	</center>
	</div>
	<script type="text/javascript">
	$(function(){
	var targetFile='http://bits.netbeans.org/media/knockout2-json.mp4';
	jwplayer('flashContent2').setup({
	'id': 'flashContentId',
	'width': '530',
	'height': '340',
	'autostart': 'false',
	'file': targetFile,
	'controlbar':{position:'bottom'},
	'modes': [
	{type: 'html5'},
	{type: 'flash', src: '/images_www/js/mediaplayer-5.9/player.swf'},
	{type: 'download'}
	]
	});
	});
	</script>
	<h2>Knockoutパート3 - クリック・ハンドラ</h2>
	<script src="/images_www/js/mediaplayer-5.9/jwplayer.js" type="text/javascript"></script>
	<div id="player3" >
	<center>
	<div id="flashContent3"></div>
	</center>
	</div>
	<script type="text/javascript">
	$(function(){
	var targetFile='http://bits.netbeans.org/media/knockout3-click-handler.mp4';
	jwplayer('flashContent3').setup({
	'id': 'flashContentId',
	'width': '530',
	'height': '340',
	'autostart': 'false',
	'file': targetFile,
	'controlbar':{position:'bottom'},
	'modes': [
	{type: 'html5'},
	{type: 'flash', src: '/images_www/js/mediaplayer-5.9/player.swf'},
	{type: 'download'}
	]
	});
	});
	</script>


	</td>
	</tr>

	<tr>
	<td colspan="2">


	<br style="clear:both;">
	<div class="feedback-box">
	<a href="/about/contact_form.html?to=3&subject=Feedback:%20Video%20of%20Using%20KnockoutJS%20in%20an%20HTML5%20Application">このチュートリアルに関するご意見をお寄せください</a>
	</div>
	<br style="clear:both;">
	</td>
	</tr>
	</table>
	<h2>関連リンク</h2>

	<ul>
	<li><a href="html5-gettingstarted.html">HTML5アプリケーションの開始</a></li>
	<li><a href="https://blogs.oracle.com/netbeanswebclient/">NetBeans Webクライアント・ブログ</a></li>
	<li><a href="../../trails/php.html">PHPおよびHTML5の学習</a></li>

	</ul>
	</body>
	</html>