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

<channel>
	<title>Bypass Note &#187; javascript</title>
	<atom:link href="http://web-tribe.com/archives/tag/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://web-tribe.com</link>
	<description>役に立つWebサービスやライフハックな情報を更新しています</description>
	<lastBuildDate>Sat, 23 Mar 2013 12:55:01 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>CodeStudy javascript編　SECTION22　答え</title>
		<link>http://web-tribe.com/archives/186.html</link>
		<comments>http://web-tribe.com/archives/186.html#comments</comments>
		<pubDate>Sun, 17 Mar 2013 11:55:01 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=186</guid>
		<description><![CDATA[＜問題1＞ 説明文の＜例＞を写して、プログラムを実行してみましょう。 CodeStudy21-1 答え: 例写すだけ ＜問題2＞ 説明文の＜例＞を写して、プログラムを実行してみましょう。 CodeStudy21-2 答え [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ 説明文の＜例＞を写して、プログラムを実行してみましょう。<br />
CodeStudy21-1 答え: 例写すだけ</p>
<p>＜問題2＞ 説明文の＜例＞を写して、プログラムを実行してみましょう。<br />
CodeStudy21-2 答え: 例写すだけ　　<a href="https://developer.mozilla.org/ja/docs/JavaScript/Reference/Global_Objects/RegExp/test" target="_blank">RegExp.test</a></p>
<p>＜問題3＞ 説明文の＜例＞を写して、プログラムを実行してみましょう。<br />
CodeStudy21-3 答え: 例写すだけ　　<a href="https://developer.mozilla.org/ja/docs/JavaScript/Reference/Global_Objects/String/search" target="_blank">RegExp.search</a></p>
<p>＜問題4＞ regexp1とregexp2が定義されています。 result1とresult2が共にtrueになるように、test()の引数を代入して下さい。<br />
CodeStudy21-4 答え: 数字を入れるだけ</p>
<p>＜問題5＞ result1とresult2とresult3が全てtrueとなるようにプログラムを修正して下さい。<br />
CodeStudy21-5 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var regexp1 = /\W/;
var regexp2 = /\s/;
var regexp3 = /\D/;

//result1とresult2とresult3が全てtrueとなるようにして下さい。
var result1 = regexp1.test(&quot;英数字以外にマッチ&quot;);
var result2 = regexp2.test(&quot;空白 改行にマッチ&quot;);
var result3 = regexp3.test(&quot;数字以外の文字にマッチ&quot;);</pre>
<p>＜問題6＞ result1とresult2がtrueとなるようにプログラムを修正して下さい。<br />
CodeStudy21-6 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var regexp1 = /[a-e]/;
var regexp2 = /[^a-z0-9_]/;

//result1とresult2がtrueとなるようにして下さい。
var result1 = regexp1.test(&quot;akb&quot;);
var result2 = regexp2.test(&quot;AKB&quot;);</pre>
<p>＜問題7＞ regexp1とregexp2を説明文を参考に作成し、result1に&#8221;abcd43&#8243;が、result2に&#8221;34 21&#8243;が代入される様にして下さい。<br />
CodeStudy21-7 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var str1 = &quot;abcd43&quot;;
var str2 = &quot;34 21&quot;;

//regexp1では、任意の文字4個と任意の2桁の数字にマッチさせましょう。
var regexp1 = /\w{4}\d{2}/;

//regexp2では、任意の2桁の数字と、空白文字と、任意の2桁の数字にマッチさせましょう。
var regexp2 = /\d{2}\s\d{2}/;

var result1 = str1.match(regexp1);
var result2 = str2.match(regexp2);</pre>
<p>＜問題8＞ regexp1やregexp2にマッチする様な文字列を、str1とstr2に代入しましょう。<br />
CodeStudy21-8 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var regexp1 = /\w{3}\s?\d+/;
var regexp2 = /\d{3}-\d{4}\s*\w/;

var str1 = &quot;akb 48&quot;;
var str2 = &quot;2013-2020        x&quot;;

var result1 = regexp1.test(str1);
var result2 = regexp2.test(str2);</pre>
<p>＜問題9＞ regexp1やregexp2にマッチする様な文字列を、str1とstr2に代入しましょう。<br />
CodeStudy21-9 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var regexp1 = /Code\s(Study){3}/;
var regexp2 = /(Code|Study){2,}/;

var str1 = &quot;StudyCode StudyStudyStudy&quot;;
var str2 = &quot;StudyStudyStudyStudyStudy&quot;;

var result1 = regexp1.test(str1);
var result2 = regexp2.test(str2);</pre>
<p>＜問題10＞regexp1やregexp2にマッチする様な文字列を、str1とstr2に代入しましょう。<br />
CodeStudy21-10 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var regexp1 = /\d+(Study)\s$/;
var regexp2 = /^Study(\w\d){3,}$/;

var str1 = &quot;22222Study &quot;;
var str2 = &quot;Studys0s1s2s4s5&quot;;

var result1 = regexp1.test(str1);
var result2 = regexp2.test(str2);</pre>
<p><a href="https://developer.mozilla.org/ja/docs/JavaScript/Guide/Regular_Expressions" target="_blank">javascript 正規表現  MOZILLA DEVELOPER NETWORK</a></p>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/186.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION21　答え</title>
		<link>http://web-tribe.com/archives/182.html</link>
		<comments>http://web-tribe.com/archives/182.html#comments</comments>
		<pubDate>Sun, 17 Mar 2013 01:54:25 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=182</guid>
		<description><![CDATA[＜問題1＞ 実行ボタンを押して、いままでのおさらいをしましょう。 CodeStudy21-1 答え: 実行ボタン押すだけ ＜問題2＞ 実行ボタンを押して、prototypeを使って定義したメソッド（data()）は、どの [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ 実行ボタンを押して、いままでのおさらいをしましょう。<br />
CodeStudy21-1 答え: 実行ボタン押すだけ</p>
<p>＜問題2＞ 実行ボタンを押して、prototypeを使って定義したメソッド（data()）は、どのインスタンス（tomato1,tomato2）からでも呼び出せることを確認して下さい。<br />
CodeStudy21-2 答え: 実行ボタン押すだけ</p>
<p>＜問題3＞ 説明文の例を入力して、prototypeの動作を確認しましょう。<br />
CodeStudy21-3 答え: 例写すだけ</p>
<p>＜問題4＞ プログラムを修正して、正しく出力されるようにしましょう。<br />
CodeStudy21-4 答え: <code>hamburger.totalPrice = function~</code>　→　<code>Menu.prototype.totalPrice = function</code></p>
<p>＜問題5＞ Circleオブジェクトが定義されています。 これに、円周を求めるcircumference()と、面積をを求めるarea()メソッドを定義して、正しく出力させましょう</p>
<pre class="brush: javascript; gutter: true; first-line: 1">function Circle(radius) {
  this.radius = radius;
}

//円周率を定義する。
Circle.PI = 3.14;

//ここにメソッドcircumference()とarea()を定義する。

Circle.prototype.circumference = function(){
  return this.radius * 2 * Circle.PI;
	};
Circle.prototype.area = function(){
	return this.radius * this.radius * Circle.PI;
	};

var circle1 = new Circle(3);
var circle2 = new Circle(25);

output(&quot;半径&quot;+ circle1.radius + &quot;の円の円周は&quot; + circle1.circumference() + &quot;で、面積は&quot;+ circle1.area() + &quot;です。&quot;);
output(&quot;半径&quot;+ circle2.radius + &quot;の円の円周は&quot; + circle2.circumference() + &quot;で、面積は&quot;+ circle2.area() + &quot;です。&quot;);</pre>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/182.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION20　答え</title>
		<link>http://web-tribe.com/archives/179.html</link>
		<comments>http://web-tribe.com/archives/179.html#comments</comments>
		<pubDate>Sun, 17 Mar 2013 00:53:48 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=179</guid>
		<description><![CDATA[＜問題1＞ ＜例２＞のように、Arrayコンストラクタを使用して、1,2,3,4,5を要素に持つ配列を作成し、outputで出力しましょう。 CodeStudy20-1 答え: 例2に1,2,3,4,5を入れるだけ ＜問 [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ ＜例２＞のように、Arrayコンストラクタを使用して、1,2,3,4,5を要素に持つ配列を作成し、outputで出力しましょう。<br />
CodeStudy20-1 答え: 例2に1,2,3,4,5を入れるだけ</p>
<p>＜問題2＞ ＜例２＞のように、空の要素を３つ持つ配列を作り、&#8221;CodeStudy&#8221;, [1,2,3,4,5], [2, { x:5, y:10}]をこの順に要素に代入しましょう。<br />
CodeStudy20-2 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var array = new Array(3);
array[0] = &quot;CodeStudy&quot;;
array[1] = [1,2,3,4,5];
array[2] = [2, { x:5, y:10}];</pre>
<p>＜問題3＞ for文を修正して多次元配列の要素を表示させましょう。<br />
CodeStudy20-3 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var array = [[1,2,3],[4,5,6],[7,8,9]];

for(var i=0; i &lt; 3; i++) {
  for(var j=0; j &lt; 3; j++) {
    output(array[i][j]);
  }
}</pre>
<p>＜問題4＞ for文を用いて、array内のオブジェクトのプロパティを全て表示してみましょう。また、表示の順序は、name,age,sexの順で表示させましょう。<br />
CodeStudy20-4 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var array = new Array();
array[0] = { name:&quot;Taro&quot;, age:20, sex:&quot;man&quot; };
array[1] = { name:&quot;Jiro&quot;, age:18, sex:&quot;man&quot; };
array[2] = { name:&quot;Hanako&quot;, age:16, sex:&quot;woman&quot; };

for(var i=0; i &lt; 3; i++){
  output(array[i].name);
  output(array[i].age);
  output(array[i].sex);
}</pre>
<p>＜問題5＞ 実行ボタンを押して、連想配列の動作を確認してみましょう。<br />
CodeStudy20-5 答え: 実行ボタン押すだけ</p>
<p>＜問題6＞ 実行ボタンを押して、連想配列としてのオブジェクトの動作を確認しましょう。<br />
CodeStudy20-6 答え: 実行ボタン押すだけ</p>
<p>＜問題7＞ menuにオブジェクトが定義されています。for文と連想配列を用いて、プロパティの値をすべてoutputで出力しましょう。<br />
CodeStudy20-7 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var menu = { 
  food1:&quot;Hamburger&quot;, 
  food2:&quot;Cheeseburger&quot;, 
  food3:&quot;French fries&quot;, 
  food4:&quot;Apple pie&quot; 
};

for(i=1; i &lt;= 4; i++){ 　//foodは1から始まっている
  output(menu[&#039;food&#039;+i])
}</pre>
<p>＜問題8＞ ＜例２＞のようにして、オブジェクトのプロパティを全てoutputで出力してみましょう。<br />
CodeStudy20-8 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var menu = { 
  food1:&quot;Hamburger&quot;, 
  food2:&quot;Cheeseburger&quot;, 
  food3:&quot;French fries&quot;, 
  food4:&quot;Apple pie&quot; 
};
  for (var i in menu){
  output(menu[i]);
  }</pre>
<p>※連想配列には　for in 配列には for と覚えておけばよいかも</p>
<p>＜問題9＞ customersにオブジェクトが定義されています。<br />
for/in文を使って、&#8221;田中太郎さんの番号は、03-53xx-xxxxです。&#8221;のように3人分の名前と電話番号がoutputで出力されるようなプログラムを書いてください。<br />
CodeStudy20-9 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var customers = { 
  &quot;田中太郎&quot;:&quot;03-53xx-xxxx&quot;, 
  &quot;田中二郎&quot;:&quot;03-54xx-xxxx&quot;, 
  &quot;田中花子&quot;:&quot;03-55xx-xxxx&quot; 
};

for(var i in customers){
  var name = i;
  output(name +&quot;さんの番号は、&quot;+ customers[i] +&quot;です。&quot;)
}</pre>
<p>＜問題10＞cart（購入した品物）に配列が定義されています。<br />
それぞれ、itemsに品物の名前、totalPriceに品物の合計金額、totalQuantityに品物の全個数を代入し、出力してみましょう。なお、itemsは配列として出力してください。<br />
CodeStudy20-10 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var cart = [
  { name:&quot;タマネギ&quot;, price:80, quantity:3 },
  { name:&quot;じゃがいも&quot;, price:60, quantity:5 },
  { name:&quot;ニンジン&quot;, price:40, quantity:4 }
];

var items = [];
var totalPrice = 0;
var totalQuantity = 0;

//ここにプログラムを書きましょう。
for(var i in cart){
    items[i] = cart[i][&#039;name&#039;];
    totalPrice += cart[i][&#039;price&#039;] * cart[i][&#039;quantity&#039;];
    totalQuantity += cart[i][&#039;quantity&#039;];
}

output(items);
output(totalPrice);
output(totalQuantity);</pre>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/179.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION19　答え</title>
		<link>http://web-tribe.com/archives/175.html</link>
		<comments>http://web-tribe.com/archives/175.html#comments</comments>
		<pubDate>Sat, 16 Mar 2013 13:52:59 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=175</guid>
		<description><![CDATA[＜問題1＞ 説明文の例の様に入力し、円周率を出力してみましょう。 CodeStudy19-1 答え: 例写すだけ ＜問題2＞ 11と-8の絶対値を求め、答えをその順に配列に代入し、output()で出力させましょう。 C [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ 説明文の例の様に入力し、円周率を出力してみましょう。<br />
CodeStudy19-1 答え: 例写すだけ</p>
<p>＜問題2＞ 11と-8の絶対値を求め、答えをその順に配列に代入し、output()で出力させましょう。<br />
CodeStudy19-2 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var num1 = Math.abs(11);
var num2 = Math.abs(-8);
var arr =　new Array(num1,num2);
output(arr);</pre>
<p>＜問題3＞ -18.53を、Math.ceil()とMath.floor()で評価し、それぞれの結果をその順で配列に格納し、outputで出力させましょう。<br />
CodeStudy19-3 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var number1 = Math.ceil(-18.53); 
var number2 = Math.floor(-18.53); 
var arr = new Array(number1,number2); 
output(arr);</pre>
<p>＜問題4＞ 10,18,-8,-22の中で、最大の値・最小の値を求め、最大の値をmaxNum、最小の値をminNumというプロパティに持つオブジェクトを作りましょう。<br />
CodeStudy19-4 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">//まず最大値・最小値を求めましょう。
var maxNum = Math.max(10,18,-8,-22); 
var minNum = Math.min(10,18,-8,-22); 

//その後、変数numberにプロパティを代入しましょう。
var number = {
   maxNum: 18,
   minNum: -22
 };</pre>
<p>＜問題5＞ 1.52と-4.27を四捨五入した値を、それぞれnum1とnum2というプロパティに持つオブジェクトを作りましょう。<br />
CodeStudy19-5 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">//まずは四捨五入の結果を求めましょう。
var num1 =Math.round(1.52); 
var num2 =Math.round(-4.27); 

//その後、変数numberにプロパティを代入しましょう。

var number = {
  num1: 2,
  num2: -4
};</pre>
<p>＜問題6＞ 1から50までの間の乱数を２つとり、それぞれをnum1とnum2というプロパティに持つオブジェクトを作りましょう。<br />
CodeStudy19-6 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">//まずは乱数を求めましょう。
var num1 = Math.ceil(Math.random()) * 50; 
var num2 = Math.ceil(Math.random()) * 50; 


//その後、変数numberにプロパティを代入しましょう。
var number ={
  num1:num1 ,
  num2:num2
};</pre>
<p><a href="https://developer.mozilla.org/ja/docs/JavaScript/Reference/Global_Objects/Math" target="_blank">Math オブジェクト　MOZILLA DEVELOPER NETWORK</a></p>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/175.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION18　答え</title>
		<link>http://web-tribe.com/archives/164.html</link>
		<comments>http://web-tribe.com/archives/164.html#comments</comments>
		<pubDate>Sat, 16 Mar 2013 11:52:23 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=164</guid>
		<description><![CDATA[＜問題1＞ 実行ボタンを押して、argumentsの動作を確認しましょう。 CodeStudy18-1 答え: 　実行ボタン押すだけ ＜問題2＞ 説明文の例を入力し、argumentsの動作を確認しましょう。 CodeS [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ 実行ボタンを押して、<a href="https://developer.mozilla.org/ja/docs/JavaScript/Reference/Functions_and_function_scope/arguments/length" target="_blank">arguments</a>の動作を確認しましょう。<br />
CodeStudy18-1 答え: 　実行ボタン押すだけ</p>
<p>＜問題2＞ 説明文の例を入力し、argumentsの動作を確認しましょう。<br />
CodeStudy18-2 答え: 例を写すだけ</p>
<p>＜問題3＞ 関数checkが定義されています。<br />
check内のif文により、引数が3つ以外の際は、outputで&#8221;引数が３つではありません。&#8221;と出力させましょう。<br />
CodeStudy18-3 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">function check(x, y, z) {
    for(var i = 0; i &lt; arguments.length; i++){
     if(this.length != 3) {
    output(&quot;引数が３つではありません。&quot;);
    break;
     }
  }
}

check(1, 2, 3, 4);</pre>
<p>＜問題4＞ 渡した引数のうち、最大のものを返す関数maxを作成しましょう。<br />
CodeStudy18-4 答え: 正解は多数</p>
<pre class="brush: javascript; gutter: true; first-line: 1">//まず関数maxを定義します。
function max() {
//最大値を代入する変数result
  var result = 0;

//for文を使いましょう。
  for(var i=0; i &lt; arguments.length ; i++){
//if文で最大かどうかしらべましょう。
    if(arguments[i] &gt; result) {
      result = arguments[i]
     }
   }
return result;
}

var maxValue = max(8, 100, 20, -6, 8000, 29, 68);
output(maxValue);</pre>
<p>＜問題5＞ 説明文の例を入力し、無名関数の書き方を練習しましょう。<br />
CodeStudy18-5 答え: 例を写すだけ</p>
<p>＜問題6＞ makeArrayには、引数のうち正の値だけ配列に格納する関数が代入されています。 関数が正常に動くように直して下さい。<br />
CodeStudy18-6 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var makeArray = function() {
//引数を格納する空の配列を定義します。
  var result = [];
  for(var i = 0; i &lt; arguments.length; i++) {

//配列に格納する関数処理を書きましょう。
//配列への格納にはpush()を使用しましょう。
　　 if (arguments[i] &gt; 0) {
　　 　 result.push(arguments[i]);
　　 }
  }
  return result;
}
var resultArray = makeArray(1, -9, 67, 3, -21);
output(resultArray);</pre>
<p><a href="http://dqn.sakusakutto.jp/mt/mt-tb.cgi/249" target="_blank" class="broken_link">無名関数と即時関数　[JavaScript]　猿でもわかるクロージャ超入門</a></p>
<p>＜問題7＞ 与えられた引数の平均を返す無名関数を作成し、変数aveに代入しましょう。<br />
また、その結果をaveResultに代入し、それをoutput()で出力して下さい。<br />
CodeStudy18-7 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var ave = function(){
var result = 0; 
for(var i = 0; i &lt; arguments.length; i++){ 
  result += arguments[i]; 
} 
return result / arguments.length; //配列の長さで割る
} 

var aveResult = ave(1, -5, 3, 8, -40, 200);
output(aveResult);</pre>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/164.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION17　答え</title>
		<link>http://web-tribe.com/archives/160.html</link>
		<comments>http://web-tribe.com/archives/160.html#comments</comments>
		<pubDate>Sat, 16 Mar 2013 10:51:46 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=160</guid>
		<description><![CDATA[＜問題1＞ 実行ボタンを押し、オブジェクト・データ・メソッドについて確認しましょう。 CodeStudy17-1 答え: 実行ボタン押すだけ ＜問題2＞ 例１の様に、新たにDateオブジェクトを生成し、それをoutput [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ 実行ボタンを押し、オブジェクト・データ・メソッドについて確認しましょう。<br />
CodeStudy17-1 答え: 実行ボタン押すだけ</p>
<p>＜問題2＞ 例１の様に、新たにDateオブジェクトを生成し、それをoutputで出力してみましょう。<br />
CodeStudy17-2 答え: 例写すだけ</p>
<p>＜問題3＞ 実行ボタンを押して、エラーが出ることを確認した後に、<br />
エラーが出ないようにプログラムを修正して下さい。<br />
CodeStudy17-3 答え: 例写すだけ</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var date = new Date()
var year = date.getFullYear();
output(year);</pre>
<p>＜問題4＞ 説明文の例の様に入力して、クラスメソッドの動作を確認しましょう。<br />
CodeStudy17-4 答え: 例写すだけ</p>
<p>＜問題5＞ 説明文の例の様に入力して、オブジェクトの定義を練習してみましょう。<br />
CodeStudy17-5 答え: 例写すだけ</p>
<p>＜問題6＞ Tomatoオブジェクトがすでに定義されています。 このオブジェクトに新たに、tasteプロパティを定義し、値に&#8221;good&#8221;を代入しましょう。<br />
CodeStudy17-6 答え: <code>this.taste = "good";</code>　足すだけ</p>
<p>＜問題7＞ Restaurantというコンストラクタ関数が定義されています。<br />
これを利用して、変数restaurant2に新たなプロパティを生成してみましょう。<br />
CodeStudy17-7 答え: 最下部に文字列いれるだけ</p>
<p>＜問題8＞ 説明文の＜例１＞を参考にして、変数restaurant2に、place・price・reputationをプロパティに持つオブジェクトを作成して下さい。<br />
CodeStudy17-8 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">function Restaurant(place, price, reputation) { 
  this.place = place; 
  this.price = price; 
  this.reputation = reputation; 
} 
var restaurant2 =  new Restaurant(&quot;東京&quot;, &quot;2000~3000円&quot;, &quot;とても良い&quot;);</pre>
<p>＜問題9＞ 説明文の例を入力し、data()メソッドをoutput()で出力してみましょう。<br />
CodeStudy17-9 答え: 例写すだけ</p>
<p>＜問題10＞Foodオブジェクトが定義されています。新たにtasteプロパティを定義し、&#8221;牛丼は値段が安くとても美味しいです。&#8221;と表示されるようにして下さい。<br />
CodeStudy17-10 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">function Food(name, price, taste) {
  this.name = name;
  this.price = price;
　this.taste = taste;
}
var food = new Food(&quot;牛丼&quot;, &quot;安く&quot;, &quot;美味しい&quot;);
food.data = function() {
  return this.name + &quot;は値段が&quot; + this.price + &quot;とても&quot; +this.taste + &quot;です。&quot;;
}
output(food.data());</pre>
<p>＜問題11＞Calcオブジェクトが途中まで定義されています。<br />
新たにname,price,numberプロパティを定義し、問題文の説明にあるようなメソッドtotalPrice(),result()を定義し、result()をoutputで出力して下さい。</p>
<pre class="brush: javascript; gutter: true; first-line: 1">//totalPriceメソッドは、priceとnumberを掛けた値を返すメソッドです。
calc.totalPrice = function totalPrice(){
   return this.price * this.number;
}

//これだけ追加する</pre>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/160.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION16　答え</title>
		<link>http://web-tribe.com/archives/157.html</link>
		<comments>http://web-tribe.com/archives/157.html#comments</comments>
		<pubDate>Sat, 16 Mar 2013 08:51:10 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=157</guid>
		<description><![CDATA[＜問題1＞ 説明文に書かれている例を入力して、本日の日付を表示してみましょう。 CodeStudy16-1 答え: 例を写すだけ ＜問題2＞ 説明文の例の様に入力し、自分の好きな日時を表示させてみましょう。 CodeSt [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞	説明文に書かれている例を入力して、本日の日付を表示してみましょう。<br />
CodeStudy16-1 答え: 例を写すだけ</p>
<p>＜問題2＞	説明文の例の様に入力し、自分の好きな日時を表示させてみましょう。<br />
CodeStudy16-2 答え: 例を写すだけ</p>
<p>＜問題3＞	説明文の例の様に入力し、自分の好きな日時を表示させてみましょう。<br />
CodeStudy16-3 答え: 例を写すだけ</p>
<p>＜問題4＞	説明文の例の様に入力し、本日の日付を表示させてみましょう。<br />
CodeStudy16-4 答え: 例を写すだけ</p>
<p>＜問題5＞	説明文の例の様に入力し、現在の時刻を表示させてみましょう。<br />
CodeStudy16-5 答え: 例を写すだけ</p>
<p>＜問題6＞	例を参考にして、本日から次のクリスマスまでの日数を計算し、outputで表示させてみましょう。<br />
CodeStudy16-6 答え: 例　newYearsDay　→　xmas　にかえるだけ</p>
<p><a href="https://developer.mozilla.org/ja/docs/JavaScript/Reference/Global_Objects/Date">Date</a></p>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/157.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION15　答え</title>
		<link>http://web-tribe.com/archives/154.html</link>
		<comments>http://web-tribe.com/archives/154.html#comments</comments>
		<pubDate>Sat, 16 Mar 2013 07:50:40 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=154</guid>
		<description><![CDATA[＜問題1＞ 何も入力せずに解答ボタンを押して、ダイアログボックスの動きをみてみましょう。 CodeStudy15-1 答え: 実行ボタン押すだけ ＜問題2＞ alert(&#8220;&#8221;);に表示させたい言葉 [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ 何も入力せずに解答ボタンを押して、ダイアログボックスの動きをみてみましょう。<br />
CodeStudy15-1 答え: 実行ボタン押すだけ</p>
<p>＜問題2＞ alert(&#8220;&#8221;);に表示させたい言葉を打って表示してみましょう。<br />
CodeStudy15-2 答え: 好きな言葉いれるだけ</p>
<p>＜問題3＞ confirm(&#8220;Is it a fine day as for today&#8217;s weather?&#8221;)の問いに対して、OKまたはキャンセルを押した時、if文を使用して出力に&#8221;YES&#8221;もしくは&#8221;NO&#8221;と表示させて下さい。<br />
CodeStudy15-3 答え: Yes,Noいれるだけ</p>
<p>＜問題4＞ prompt(&#8220;What is studied ?&#8221;)の質問に対して文字列をして結果を変数prompt_resultに格納し、outputを使用してpromptで入力した値が出力される事を確認して下さい。<br />
CodeStudy15-4 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">prompt_result = prompt(&quot;What is studied ?&quot;);
output(prompt_result);</pre>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/154.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION14　答え</title>
		<link>http://web-tribe.com/archives/148.html</link>
		<comments>http://web-tribe.com/archives/148.html#comments</comments>
		<pubDate>Sat, 16 Mar 2013 04:50:06 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=148</guid>
		<description><![CDATA[＜問題1＞ 実行ボタンを押して、関数の動きを確認しましょう。 CodeStudy14-1 答え: 実行ボタン押すだけ ＜問題2＞ 実行ボタンを押して、return文の動きを確認しましょう。 CodeStudy14-2 答 [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ 実行ボタンを押して、関数の動きを確認しましょう。<br />
CodeStudy14-1 答え: 実行ボタン押すだけ</p>
<p>＜問題2＞ 実行ボタンを押して、return文の動きを確認しましょう。<br />
CodeStudy14-2 答え: 実行ボタン押すだけ</p>
<p>＜問題3＞ 説明文にある例を写して、実際に関数を作ってみましょう。<br />
CodeStudy14-3 答え: 例写すだけ</p>
<p>＜問題4＞ 今書かれているプログラムでは、出力が何も表示されません。<br />
プログラムを修正して、関数の処理の結果が出力されるようにしてください。<br />
CodeStudy14-4 答え: <code>return</code>　入れるだけ</p>
<p>＜問題5＞ 変数number1とnumber2が定義されています。<br />
このうち大きい方を返す関数biggerを作って、結果を出力してください。<br />
またbiggerの処理にはif/else文を使用して下さい。<br />
CodeStudy14-5 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var number1 = 20;
var number2 = 51;

//ここに関数biggerを定義して下さい。
function bigger(number1,number2){
  if(number1 &gt; number2) return number1;
  else return number2;　
}
output(bigger(number1, number2));</pre>
<p>※ ifなどの　{} ←コイツは後に続くステートメントが一行の場合は省略可能です</p>
<p>＜問題6＞ 定義されている変数numberが、偶数か奇数かを判定する関数evenCheckを作って下さい。<br />
またその結果を出力してください。<br />
evenCheckは引数xをとり、if/else文を使って処理を書いてください。<br />
CodeStudy14-6 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">//ここに関数evenCheckを定義してください。
function evenCheck(x){
  //偶数だった場合
   if(x % 2 == 0) return x + &quot;は偶数です。&quot;;
   //奇数だった場合
   else return x + &quot;は奇数です。&quot;;
}

//evenCheckの結果を出力します。
var number = 211;
output(evenCheck(number));</pre>
<p>＜問題7＞	解答ボタンを押し、グローバル変数とローカル変数の動きを確認してみましょう。<br />
CodeStudy14-7 答え:　実行ボタン押すだけ</p>
<p>＜問題8＞	説明文にある例を写して、変数のスコープを確認してみましょう。<br />
CodeStudy14-8 答え:　例写すだけ</p>
<p><a href="https://developer.mozilla.org/ja/docs/JavaScript/Guide/Variables#.E5.A4.89.E6.95.B0.E3.81.AE.E3.82.B9.E3.82.B3.E3.83.BC.E3.83.97" target="_blank" class="broken_link">変数スコープ</a></p>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/148.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CodeStudy javascript編　SECTION13　答え</title>
		<link>http://web-tribe.com/archives/140.html</link>
		<comments>http://web-tribe.com/archives/140.html#comments</comments>
		<pubDate>Sat, 16 Mar 2013 03:49:12 +0000</pubDate>
		<dc:creator><![CDATA[Bypass Note]]></dc:creator>
				<category><![CDATA[CodeStudy]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://web-tribe.com/?p=140</guid>
		<description><![CDATA[＜問題1＞ 実行ボタンを押してfor文の動きを確認してみましょう。 CodeStudy13-1 答え: 実行ボタン押すだけ ＜問題2＞ 説明文に書かれている例を入力して、実行ボタンを押してみましょう。 CodeStudy [...]]]></description>
				<content:encoded><![CDATA[<p>＜問題1＞ 実行ボタンを押してfor文の動きを確認してみましょう。<br />
CodeStudy13-1 答え: 実行ボタン押すだけ</p>
<p>＜問題2＞ 説明文に書かれている例を入力して、実行ボタンを押してみましょう。<br />
CodeStudy13-2 答え: 例写すだけ</p>
<p>＜問題3＞ 既に入力されている問題文には誤りがあります。問題文の誤りを修正し、5〜10までの数字を順番に出力してみよう。<br />
CodeStudy13-3 答え: <code>var i = 1</code> →　<code>var i = 5</code></p>
<p>＜問題4＞ for文を使ってmyArray内の要素を先頭から１つずつ出力してみましょう。<br />
CodeStudy13-4 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var myArray = [&quot;test&quot;, &quot;hoge&quot;, &quot;fuga&quot;];

for(i=0; i &lt;=2; i++) {
  output(myArray[i]);
}</pre>
<p>＜問題5＞ 既に入力されているプログラムの誤りを直して、出力に数値の5を出力して下さい。<br />
CodeStudy13-5 答え:　 5で処理を終わらせるだけ</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var target = 5;
for(var number = 1; number &lt;= 10; number++) {
  if(number == target) {
    output(number);    
    break;
  }
}</pre>
<p>＜問題6＞ 既に入力されているプログラムが実行された時、出力される値を5〜10に変更して下さい。<br />
CodeStudy13-6 答え:　<code>if(number &lt; 1) </code> 　→　<code>if(number &lt; 5) </code></p>
<p>＜問題7＞ 説明文に書かれている例を入力して、実行ボタンを押してみましょう。<br />
CodeStudy13-7 答え:　例を写すだけ</p>
<p>＜問題8＞ 既に記述されているプログラムを配列myArrayの1〜3番目の要素３つを出力するように修正して下さい。<br />
CodeStudy13-8 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var myArray = [&quot;c&quot;, &quot;o&quot;, &quot;d&quot;, &quot;e&quot;, &quot;s&quot;, &quot;t&quot;, &quot;u&quot;, &quot;d&quot;, &quot;y&quot;];

for(var count = 0; count &lt; myArray.length; count++) {
  output(myArray.slice(1,4)[count]);
}</pre>
<p><a href="https://developer.mozilla.org/ja/docs/JavaScript/Reference/Global_Objects/Array/slice" target="_blank">Array.slice</a> 0 から数えて、start 番目～ end番目までの要素を抜き出した配列を返す</p>
<p>＜問題9＞ 配列var myArray内の先頭と最後の要素以外の要素をfor文を使用して出力して下さい。<br />
CodeStudy13-9 答え:</p>
<pre class="brush: javascript; gutter: true; first-line: 1">var myArray = [1,2,3,4,5,6,7,8,9];

for(var i = 0; i &lt; myArray.length; i++) {
  output(myArray.slice(1,8)[i]);
}</pre>
]]></content:encoded>
			<wfw:commentRss>http://web-tribe.com/archives/140.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
