細かい文言やコードのミスを修正

sagaraya · sagaraya · commit f08d2f2af7e9 · 2013-09-02T18:34:28.000+09:00
diff --git a/README.md b/README.md
@@ -7,13 +7,13 @@ JavaScript初心者が基礎をひととおり身に付けるための資料で
 
 
 
-### ローカルでサーバーを立ち上げる方法
+### サーバーを立ち上げる方法
+ローカルで実行する分にはhtmlファイルを直接ブラウザで開けば大丈夫です。
+VM等を利用されている方は、以下の方法でサーバーを立ち上げることができます。
 
 #### python
 python -m SimpleHTTPServer
 
-ブラウザで、http://localhost:8000 にアクセス
-
 ポート番号を指定したいとき
 例）8888
 python -m SimpleHTTPServer 8888
diff --git a/feed/feed.html b/feed/feed.html
@@ -34,9 +34,6 @@
 
         <script src="../lib/jquery-1.9.1.js"></script>
         <script src="../lib/underscore-1.4.4.js"></script>
-        <script>
-            window.$j = window.jQuery; //社内の環境にあわせる
-        </script>
-        <script src="feedAnswer.js"></script>
+        <script src="feed.js"></script>
     </body>
 </html>
diff --git a/feed/feed.js b/feed/feed.js
@@ -12,27 +12,12 @@
 
 /*
  * strict mode
- * JSの落とし穴にはまるのを防ぐため、許可された書き方の一部をエラーにする
+ * JSの落とし穴にはまるのを防ぐため、許可された書き方の一部をエラーにします
  * 例外を設けたい場合は以下の様にコメントで記述できます
  * mixiのコーディングガイドラインでも新規コードはstrict mode必須となっています
  */
 /*jshint browser:true, strict:true*/
 /*global $j:false, _:false*/
 "use strict";
 
-/*
- * イイネボタン
- */
-var LIKE_BUTTON_SELECTOR = ".likeButton";
-
-$j(document).on("click", LIKE_BUTTON_SELECTOR, function() {
-    this.disabled = true;
-});
-
-// input
-var textarea = $j("textarea");
-var countEl = $j(".count");
-textarea.on("keyup", function() {
-    var count = textarea.val().length;
-    countEl.text(count);
-});
+window.alert("まだ動きません。このJSファイルにコードを追加してください");
diff --git a/feed/feedAnswer.js b/feed/feedAnswer.js
@@ -19,23 +19,23 @@
 /*jshint browser:true, strict:true*/
 /*global jQuery:false, _:false*/
 
-(function($j, _) {
+(function($, _) {
     "use strict";
 
     /*
      * イイネボタン
      */
     var LIKE_BUTTON_SELECTOR = ".likeButton";
 
-    $j(document).on("click", LIKE_BUTTON_SELECTOR, function() {
+    $(document).on("click", LIKE_BUTTON_SELECTOR, function() {
         this.disabled = true;
     });
 
     /*
      * つぶやき
      */
     var voiceForm = {
-        element: $j("#voiceForm"),
+        element: $("#voiceForm"),
 
         init: function() {
             var el = this.element;
@@ -62,7 +62,7 @@
 
             // post
             this.button.on("click", function() {
-                $j(window).trigger("addFeed", [
+                $(window).trigger("addFeed", [
                     self.nickname.val(),
                     self.text.val()
                 ]);
@@ -73,7 +73,7 @@
 
 
     var feedList = {
-        element: $j("#feedList"),
+        element: $("#feedList"),
 
         renderFeed: function(nickname, text) {
             var html = [
@@ -89,7 +89,7 @@
 
         setEventListener: function() {
             var self = this;
-            $j(window).on("addFeed", function(event, nickname, text) {
+            $(window).on("addFeed", function(event, nickname, text) {
                 self.renderFeed(nickname, text);
             });
         }
diff --git a/introduction.js b/introduction.js
@@ -48,12 +48,12 @@ var array = [0, 1, 2];
 array[0]; // => 0
 
 console.dir(array); //オブジェクトのプロパティが見れます
-                    //prototypeチェーンをたどると、Arrayクラスのプロパティも見れます
+                    //prototypeチェーンをたどると、Arrayクラスのプロパティも見られます
 
 array.length;  // => 3
 array.push;    // => function push() { [native code] }
                // 関数も変数に代入できる（後述）
-array.push(3); // ()で関数呼び出し
+array.push(3); // ()で関数呼び出し。返り値は配列の要素数（length）なので４
 array;         // => [0, 1, 2, 3]
 
 /* 連想配列もオブジェクト */
@@ -121,8 +121,8 @@ for (var i = 0; i < array.length; i++) {
 
 // for in
 // 連想配列の走査
-for (var key in color) {
-    console.log(key + ":" + color[key]);
+for (var key in colors) {
+    console.log(key + ":" + colors[key]);
 }
 
 // while
