{"id":5415,"date":"2014-08-05T07:50:34","date_gmt":"2014-08-04T22:50:34","guid":{"rendered":"http:\/\/www.webcyou.com\/?p=5415"},"modified":"2014-08-11T03:41:12","modified_gmt":"2014-08-10T18:41:12","slug":"type-script-angularjs-%e3%81%a7%e3%82%b5%e3%82%a4%e3%83%88%e5%88%b6%e4%bd%9c-%e5%82%99%e5%bf%98%e9%8c%b2","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=5415","title":{"rendered":"Type Script + AngularJS \u3067\u30b5\u30a4\u30c8\u5236\u4f5c \u5099\u5fd8\u9332"},"content":{"rendered":"<p>\u3069\u3082\u3002<\/p>\n<p>\u304a\u3072\u3055\u3057\u3073\u308a\u3067\u3059\u3002<\/p>\n<p>\u3068\u3044\u3046\u3053\u3068\u3067\u3001\u6700\u8fd1\u306f\u3082\u3063\u3071\u3089TypeScript +\u00a0AngularJS\u3067\u30b5\u30a4\u30c8\u3092\u5236\u4f5c\u3059\u308b\u6bce\u65e5\u3067\u3001<\/p>\n<p>\u300c\u3042\u308c\u3002\u3042\u308c\u3069\u3046\u3060\u3063\u305f\u3051\uff1f\uff1f\u300d\u3068\u51fa\u3066\u304f\u308b\u306e\u306f\u5fc5\u7136\u3067\uff08\u7b11\uff09<\/p>\n<p>\u5fd8\u308c\u306a\u3044\u69d8\u306b\u3001\u4eca\u56de\u306fAngularJS\u306e\u65b9\u3092\u8efd\u304f\u307e\u3068\u3081\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<h4>AngularJS<\/h4>\n<p><a href=\"https:\/\/angularjs.org\" target=\"_blank\">https:\/\/angularjs.org<\/a><\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/e60ddf0eb18e35f72d7c7f419828cb7b.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/e60ddf0eb18e35f72d7c7f419828cb7b.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2014-08-05 3.29.03\" width=\"439\" height=\"228\" class=\"alignnone size-full wp-image-5416\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/e60ddf0eb18e35f72d7c7f419828cb7b.png 439w, https:\/\/www.webcyou.com\/wp-content\/uploads\/e60ddf0eb18e35f72d7c7f419828cb7b-300x155.png 300w\" sizes=\"auto, (max-width: 439px) 100vw, 439px\" \/><\/a><\/p>\n<h4>iScroll +\u00a0AngularJS<\/h4>\n<p>Angular JS\u3067\u69cb\u7bc9\u3057\u305f\u30b5\u30a4\u30c8\u3067<strong>iScroll\u3092\u4f7f\u304a\u3046\u3068\u3059\u308b\u3068\u3001\u4e0a\u624b\u304f\u6a5f\u80fd\u3057\u306a\u304b\u3063\u305f\u308a<\/strong>\u3057\u307e\u3059\u3002<\/p>\n<p>\u305d\u306e\u969b\u306f\u3001<strong>Angular JS\u306e\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3092\u4f7f\u7528<\/strong>\u3059\u308b\u3068\u826f\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<p>\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306f\u3001AngularJS\u306eHTML\u30b3\u30f3\u30d1\u30a4\u30e9($compile)\u306b\u3001\u305d\u306eDOM\u8981\u7d20\u3084\u305d\u306e\u5b50\u8981\u7d20\u306b\u5909\u5f62\u3084\u7279\u6b8a\u306a\u632f\u308b\u821e\u3044\u3092\u5272\u308a\u5f53\u3066\u308b\u3088\u3046\u306b\u4f1d\u3048\u308b\u4e8b\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u30ab\u30b9\u30bf\u30e0\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306f ng-hogehoge \u3068\u4efb\u610f\u306e\u540d\u524d\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<p>\u547c\u3073\u51fa\u3059\u969b\u306fngHogehoge \u3068 &#8211; \u3092\u7121\u304f\u3057\u305f\u5f62\u306e\u30ad\u30e3\u30e1\u30eb\u30b1\u30fc\u30b9\u3067\u547c\u3073\u51fa\u3059\u4e8b\u304c\u51fa\u6765\u307e\u3059\u3002<\/p>\n<p>\u8a73\u3057\u3044\u8aac\u660e\u306f\u3055\u3066\u304a\u304d\u3001\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068restrict\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u4e00\u89a7\u3092<\/p>\n<h5>\u30d7\u30ed\u30d1\u30c6\u30a3\u4e00\u89a7<\/h5>\n<table border=\"0\" align=\"center\">\n<tbody>\n<tr>\n<th>\u30d7\u30ed\u30d1\u30c6\u30a3\u540d<\/th>\n<th>\u76ee\u7684<\/th>\n<\/tr>\n<tr>\n<td>restrict<\/td>\n<td>\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306e\u4e2d\u3067\u3053\u306e\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u304c\u3069\u306e\u69d8\u306b\u4f7f\u308f\u308c\u308b\u304b\u3092\u8868\u3059\u3002\u8981\u7d20\u3001\u5c5e\u6027\u3001\u30af\u30e9\u30b9\u3001\u30b3\u30e1\u30f3\u30c8<\/td>\n<\/tr>\n<tr>\n<td>priority<\/td>\n<td>\u540c\u3058\u8981\u7d20\u3067\u6307\u5b9a\u3055\u308c\u3066\u3044\u308b\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3068\u306e\u9593\u3067\u3001\u5b9f\u884c\u306e\u9806\u5e8f\u3092\u6c7a\u3081\u308b\u6570\u5024\u3092\u8868\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td>template<\/td>\n<td>\u30a4\u30f3\u30e9\u30a4\u30f3\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u6307\u5b9a\u3002\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306eURL\u3092\u6307\u5b9a\u3057\u3066\u3044\u308b\u969b\u4e0d\u8981\u3002<\/td>\n<\/tr>\n<tr>\n<td>templateUrl<\/td>\n<td>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u7f6e\u304b\u308c\u3066\u3044\u308bURL\u3092\u6307\u5b9a\u3002\u30a4\u30f3\u30e9\u30a4\u30f3\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u6307\u5b9a\u3057\u3066\u3044\u308b\u969b\u4e0d\u8981\u3002<\/td>\n<\/tr>\n<tr>\n<td>replace<\/td>\n<td>true\u306e\u6307\u5b9a\u3067\u73fe\u5728\u306e\u8981\u7d20\u304c\u7f6e\u304d\u63db\u308f\u308b\u3002false\u306e\u5834\u5408\u3001\u73fe\u5728\u306e\u8981\u7d20\u306e\u4e2d\u306b\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u633f\u5165\u3055\u308c\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>transclude<\/td>\n<td>\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306e\u5b50\u8981\u7d20\u3068\u3057\u3066\u8a18\u8ff0\u3055\u308c\u3066\u3044\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u3001\u65b0\u3057\u3044\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4e2d\u306b\u79fb\u3055\u308c\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>scope<\/td>\n<td>\u89aa\u306escope\u3092\u7d99\u627f\u305b\u305a\u306b\u3001\u3053\u306e\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306e\u70ba\u306e\u65b0\u3057\u3044scope\u3092\u751f\u6210\u3002<\/td>\n<\/tr>\n<tr>\n<td>controller<\/td>\n<td>\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u9593\u306e\u901a\u4fe1\u53ef\u80fd\u306b\u3059\u308b\u305f\u3081\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3092\u751f\u6210<\/td>\n<\/tr>\n<tr>\n<td>require<\/td>\n<td>\u3053\u306e\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u304c\u6b63\u3057\u304f\u6a5f\u80fd\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3092\u6307\u5b9a<\/td>\n<\/tr>\n<tr>\n<td>link<\/td>\n<td>\u751f\u6210\u3055\u308c\u305fDOM\u3092\u5909\u66f4\u3001\u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u3092\u8ffd\u52a0\u3001\u30c7\u30fc\u30bf\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u5b9a\u7fa9\u3002<\/td>\n<\/tr>\n<tr>\n<td>compile<\/td>\n<td>\u7e70\u308a\u8fd4\u3055\u308c\u308b\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u5909\u66f4\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h5>restrict\u30d7\u30ed\u30d1\u30c6\u30a3<\/h5>\n<table border=\"0\">\n<tbody>\n<tr>\n<th>\u5024<\/th>\n<th>\u5f62\u614b<\/th>\n<th>\u4f8b<\/th>\n<\/tr>\n<tr>\n<td>E<\/td>\n<td>\u8981\u7d20<\/td>\n<td>&lt;my-elem title=Webcyou&gt;&lt;my-elem&gt;<\/td>\n<\/tr>\n<tr>\n<td>A<\/td>\n<td>\u5c5e\u6027<\/td>\n<td>&lt;p my-elem=Webcyou&gt;&lt;\/p&gt;<\/td>\n<\/tr>\n<tr>\n<td>C<\/td>\n<td>\u30af\u30e9\u30b9<\/td>\n<td>&lt;p class=my-elem:Webcyou&gt;&lt;\/p&gt;<\/td>\n<\/tr>\n<tr>\n<td>M<\/td>\n<td>\u30b3\u30e1\u30f3\u30c8<\/td>\n<td>&lt;!&#8211; directive: my-elem Webcyou &#8211;&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h5>iScroll\u3092\u4f7f\u3046\u5834\u5408<\/h5>\n<p><strong>html<\/strong><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">&lt;div id=&quot;iscrollView&quot; class=&quot;iscrollView&quot; ng-scroll&gt;\r\n    &lt;ul&gt;\r\n        &lt;li&gt;Web\u5e33&lt;\/li&gt;\r\n        ~ \u7701\u7565 ~\r\n    &lt;\/ul&gt;\r\n&lt;\/div&gt;<\/pre>\n<p><strong>main.js<\/strong><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\nangular.module('app')\r\n.directive('ngScroll', function () {\r\n    return {\r\n        restrict: 'A',\r\n        link: function (scope, elements) {\r\n            var myScroll,\r\n            element = elements&#x5B;0],\r\n            deviceHeight = window.innerHeight,\r\n            elemVal = element.getBoundingClientRect();\r\n            element.style.height = deviceHeight - elemVal.top + 'px';\r\n            myScroll = new IScroll(element, {});\r\n        }\r\n    };\r\n})<\/pre>\n<p>\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4\u3082iScroll\u306e\u6307\u5b9a\u304c\u884c\u3048\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n<p>elemVal\u3001element.style\u5468\u308a\u306f\u30d6\u30e9\u30a6\u30b6\u306e\u9ad8\u3055\u306b\u3088\u3063\u3066iScroll\u9818\u57df\u306e\u9ad8\u3055\u3092\u8abf\u6574\u3057\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u4efb\u610f\u3067\u6709\u7121\u3092\u3002<\/p>\n<h4>ng-repeat\u00a0\u5185\u00a0ng-repeat<\/h4>\n<p>\u983b\u7e41\u306b\u5229\u7528\u3059\u308b\u3067\u3042\u308d\u3046\u3068\u3055\u308c\u308b\u3001ngRepeat\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u3002<\/p>\n<p>\u3053\u306engRepeat\u306e\u4e2d\u3067\u66f4\u306bngRepeat\u3055\u305b\u305f\u3044\u3088\u30fc\u3068\u3044\u3063\u305f\u5834\u9762\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">$scope.arrayTest = {\r\n    len: &#x5B;0, 2, 3, 5]\r\n};<\/pre>\n<p>\u3053\u306e\u3088\u3046\u306a\u611f\u3058\u3067\u914d\u5217\u306e\u6570\u3060\u3051ng-repeat\u3057\u3001\u66f4\u306b\u305d\u306eindex\u306eNumber\u5206repeat\u3055\u305b\u305f\u3044\u3002<\/p>\n<p>\u3068\u3044\u3063\u305f\u5834\u9762\u306b\u906d\u9047\u3057\u305f\u306e\u3067\u3059\u304c\u3001Number\u3067ng-repeat\u306e\u6307\u5b9a\u306f\u3069\u3046\u3082\u7121\u7406\u3063\u307d\u3044\u3067\u3059\u306d\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n&lt;li ng-repeat=&quot;len in arrayTest.len track by $index&quot;&gt;\r\n    &lt;p class=&quot;txt&quot;&gt;index:{{$index}} length:{{len}} id:{{$id}}&lt;\/p&gt;\r\n&lt;\/li&gt;\r\n<\/pre>\n<p><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/8be1e4524c593990d433af89baabaccb.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/8be1e4524c593990d433af89baabaccb.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2014-08-05 5.35.27\" width=\"204\" height=\"126\" class=\"alignnone size-full wp-image-5418\" \/><\/a><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n&lt;li ng-repeat=&quot;len in arrayTest.len track by $index&quot;&gt;\r\n    &lt;p class=&quot;txt&quot;&gt;index:{{$index}} length:{{len}} id:{{$id}}&lt;\/p&gt;\r\n    &lt;p ng-repeat=&quot;n in len track by $index&quot;&gt;web\u5e33&lt;\/p&gt;\r\n&lt;\/li&gt;\r\n<\/pre>\n<p>\u3053\u3093\u306a\u611f\u3058\u3067\u3044\u3051\u306a\u3044\u304b\u306a\u3002\u3002<\/p>\n<p>\u3068\u601d\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u7121\u7406\u307f\u305f\u3044\u3067\u3059\u306d\u3002<\/p>\n<p>\u305d\u3053\u3067\u3001\u518d\u5ea6\u914d\u5217\u3092\u4f5c\u6210\u3057\u3066\u56de\u3059\u4e8b\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>\u66f4\u306blen\u306e\u6570\u3060\u3051\u56de\u3059\u3002<\/p>\n<p><strong>html<\/strong><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n&lt;li ng-repeat=&quot;len in arrayTest.len track by $index&quot;&gt;\r\n    &lt;p class=&quot;txt&quot;&gt;index:{{$index}} length:{{len}} id:{{$id}}&lt;\/p&gt;\r\n    &lt;p ng-repeat=&quot;n in arrayPush(len) track by $index&quot;&gt;web\u5e33&lt;\/p&gt;\r\n&lt;\/li&gt;\r\n<\/pre>\n<p><strong>main.js<\/strong><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n$scope.arrayPush = function(num) {\r\n    var i, o = '', val = &#x5B;];\r\n    for (i = 0; i &lt; num; i++) {\r\n        val.push(o);\r\n    }\r\n    return val;\r\n};\r\n<\/pre>\n<p>\u3053\u3093\u306a\u611f\u3058\u3067\u3002<\/p>\n<p>\u3059\u308b\u3068\u3001\u4e0a\u624b\u304f\u3044\u304d\u307e\u3057\u305f\u3002<\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/10c12d5c7641fdfea4203280e2506cfb.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/10c12d5c7641fdfea4203280e2506cfb.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2014-08-05 5.35.41\" width=\"203\" height=\"431\" class=\"alignnone size-full wp-image-5419\" srcset=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/10c12d5c7641fdfea4203280e2506cfb.png 203w, https:\/\/www.webcyou.com\/wp-content\/uploads\/10c12d5c7641fdfea4203280e2506cfb-141x300.png 141w\" sizes=\"auto, (max-width: 203px) 100vw, 203px\" \/><\/a><\/p>\n<h4>ng-class \u8907\u6570<\/h4>\n<p>\u3053\u308c\u307e\u305f\u983b\u7e41\u306b\u5229\u7528\u3059\u308b\u30c7\u30a3\u30ec\u30af\u30c6\u30a3\u30d6\u306eng-class\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">&lt;li ng-class=&quot;{clear:cleared}&quot; ng-repeat=&quot;list in statusList&quot;&gt;&lt;\/li&gt;<\/pre>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">&lt;p ng-class=&quot;{lock: (status == 'locked')}&quot;&gt;&lt;\/p&gt;<\/pre>\n<p>\u3053\u3093\u306a\u611f\u3058\u3067\u4f7f\u3063\u305f\u308a\u3057\u307e\u3059\u304c\u3001<\/p>\n<p>\u30ab\u30f3\u30de\u533a\u5207\u308a\u3084\u914d\u5217\u306e\u6307\u5b9a\u3067\u8907\u6570\u6307\u5b9a\u3082\u53ef\u80fd\u3068\u306a\u3063\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n<p><strong>html<\/strong><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">&lt;p ng-class=&quot;{on:flag, off:!flag}&quot; ng-click=&quot;flagChange()&quot;&gt;&lt;\/p&gt;<\/pre>\n<p><strong>main.js<\/strong><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">$scope.flag = false;\r\n\r\n$scope.flagChange = function() {\r\n    $scope.flag = !$scope.flag;\r\n};<\/pre>\n<p>\u307e\u305f\u3001\u8907\u6570\u6307\u5b9a\u306e\u5834\u5408\u914d\u5217\u3067\u306e\u6307\u5b9a\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<p><strong>html<\/strong><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">&lt;p ng-class=&quot;&#x5B;classSelected(),classSet()]&quot; ng-click=&quot;flagChange()&quot;&gt;&lt;\/p&gt;<\/pre>\n<p><strong>main.js<\/strong><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">$scope.flag = false;\r\n\r\n$scope.classSelected = function() {\r\n    if($scope.flag) {\r\n        return 'test01';\r\n    }\r\n};\r\n$scope.classSet = function() {\r\n    return 'test02';\r\n};\r\n<\/pre>\n<h4>yeoman\u3067\u30b5\u30af\u3063\u3068\u74b0\u5883\u69cb\u7bc9<\/h4>\n<p>\u3053\u308c\u3089\u306eAngularJS\u3092\u30b5\u30af\u3063\u3068\u4f7f\u3044\u305f\u3044\u5834\u5408\u306fYeoman\u3092\u4f7f\u3063\u3066\u69cb\u7bc9\u3059\u308b\u3068\u826f\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<p>\u5b9c\u3057\u3051\u308c\u3070\u3053\u3061\u3089\u3092\u53c2\u8003\u306b\u3002<\/p>\n<h3><a href=\"https:\/\/www.webcyou.com\/?p=5291\">Yeoman \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30d3\u30eb\u30c9\u30c4\u30fc\u30eb\u300cYeoman\u300d\u3067 \u30b5\u30af\u3063\u3068AngularJS \u96db\u5f62\u4f5c\u6210<\/a><\/h3>\n<p>&nbsp;<\/p>\n<p><strong>\u524d\u56de\u306e\u8a18\u4e8b\u4e00\u90e8\u629c\u7c8b<\/strong><\/p>\n<h4>\u6e96\u5099 \uff08\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\uff09<\/h4>\n<p>\u307e\u305a\u306f\u3001Yeoman\u3067AngularJS\u3092\u59cb\u3081\u308b\u306e\u306b\u5fc5\u8981\u306a<a href=\"http:\/\/yeoman.io\/\">Yeoman<\/a>\u3001<a href=\"http:\/\/gruntjs.com\/\">Grunt<\/a>\u3001<a href=\"http:\/\/bower.io\/\">Bower<\/a>\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">npm install -g yo grunt-cli bower<\/pre>\n<p>\u6b21\u306b\u3001Yeoman\u3067AngullarJS\u3084AngularJS\u306e\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u306a\u3069\u306e\u3072\u306a\u5f62\u3092\u751f\u6210\u3059\u308b\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">npm install -g generator-angular<\/pre>\n<p>\u4ed6\u306b\u3082\u3044\u308d\u3044\u308d\u306a\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u304c\u3042\u308a\u3001\u691c\u7d22\u306f\u00a0npm search generator \u3067\u691c\u7d22\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<p><a href=\"http:\/\/sass-lang.com\/\">Sass<\/a>\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f<a href=\"http:\/\/compass-style.org\/\">Compass<\/a>\u306e \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u306e\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">gem install compass<\/pre>\n<h2><\/h2>\n<h4>AngularJS\u306e\u3072\u306a\u5f62\u4f5c\u6210<\/h4>\n<p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\u3089\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u79fb\u52d5\u3002<\/p>\n<p>yo \u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u3063\u3066\u3072\u306a\u5f62\u3092\u751f\u6210\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">yo &lt;generator&gt; &#x5B;arguments] &#x5B;--help]<\/pre>\n<p>yo \u3092\u5165\u529b\u3059\u308b\u3068\u5bfe\u8a71\u5f0f\u306b\u4ee5\u4e0b\u306e\u69d8\u306a\u611f\u3058\u3067\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/d6b5d2323985c7dc1e0ef3ba156ad3a9.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webcyou.com\/wp-content\/uploads\/d6b5d2323985c7dc1e0ef3ba156ad3a9.png\" alt=\"\" title=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2014-04-20 15.52.17\" width=\"343\" height=\"103\" \/><\/a><\/p>\n<p>\u4eca\u56de\u306f\u3001AngularJS \u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5165\u529b\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">yo angular APP_NAME<\/pre>\n<p>APP_NAME\u306f\u4efb\u610f\u306e\u30a2\u30d7\u30ea\u30cd\u30fc\u30e0\u3092\u5165\u529b\u3002<\/p>\n<p>\u3057\u304b\u3057\u3001\u3053\u306e\u307e\u307e\u3060\u3068minify\u6642\u306b\u30a8\u30e9\u30fc\u304c\u51fa\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067\u5165\u529b\u3002<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">yo angular --minsafe<\/pre>\n<p>\u3053\u306e\u3088\u3046\u306b\u3001\u2013minsafe\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001minify\u6642\u306b\u30a8\u30e9\u30fc\u304c\u51fa\u308b\u3068\u3044\u3046\u3053\u3068\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3068Bootstrap\u3092\u4f7f\u3046\u304b\u3001AngularJS\u306e\u5404\u7a2e\u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u4f7f\u3046\u304b\u7b49<\/p>\n<p>\u805e\u304b\u308c\u308b\u306e\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5408\u308f\u305b\u3066 Yes\/No\u3092 \u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u305d\u308c\u3067\u306f\u307e\u305f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3069\u3082\u3002 \u304a\u3072\u3055\u3057\u3073\u308a\u3067\u3059\u3002 \u3068\u3044\u3046\u3053\u3068\u3067\u3001\u6700\u8fd1\u306f\u3082\u3063\u3071\u3089TypeScript +\u00a0AngularJS\u3067\u30b5\u30a4\u30c8\u3092\u5236\u4f5c\u3059\u308b\u6bce\u65e5\u3067\u3001 \u300c\u3042\u308c\u3002\u3042\u308c\u3069\u3046\u3060\u3063\u305f\u3051\uff1f\uff1f\u300d\u3068\u51fa\u3066\u304f\u308b\u306e\u306f\u5fc5\u7136\u3067\uff08\u7b11\uff09 \u5fd8\u308c\u306a\u3044\u69d8\u306b\u3001\u4eca\u56de\u306fAngular [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[171,177,168,176,40,166,37,47,179,50,46,44,45,95,39,178,138,78,114,118],"class_list":{"0":"post-5415","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-javascript","7":"tag-android","8":"tag-css3","9":"tag-html","10":"tag-html5","11":"tag-ios-sdk","12":"tag-iphone","13":"tag-iphone-","14":"tag-javascript-2","15":"tag-jquery","16":"tag-jquery-mobile","17":"tag-js","18":"tag-web","20":"tag-95","21":"tag-39","22":"tag-178","23":"tag-138","24":"tag-78","25":"tag-114","26":"tag-118"},"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/5415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5415"}],"version-history":[{"count":9,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/5415\/revisions"}],"predecessor-version":[{"id":5444,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/5415\/revisions\/5444"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}