AngularJS 事始め

かれこれ 10 年近く開発の現場からは遠ざかっていたので、その間に世間はすっかり様変わりしているようなんですが、STORES.jp があまりに痒いところに手が届かなさすぎて、痒くて仕方ないので、AngularJS を勉強しようと思った次第です。

まあ、その労力を、ヤフーなり、楽天なり、売れるプラットフォームに引っ越す、ということに費やしたらどうか、と言われそうなのですが、袖振り合うも多生の縁といいますし、もう少し踏ん張ってみうというか、前向きに何かできることをしてみよう、と思ったりしたわけです。

とはいえ、あまりに久しぶりなので、習うより慣れろじゃあないですが、とにかく動かしてみて、理解を深めていこうと思います。

出典 http://www.oreilly.co.jp

出典 http://www.oreilly.co.jp

もう、ハコフグ本 も買ったので、後には引き返せません。

昔の感覚が今でも通用するかはわかりませんが、それでいえば、Oreilly から本が出て、そして、邦訳されている時点で、AngularJS は腐っている、旬は過ぎていると思われますので、今更感が強いんですよね。

そういう意味では、Aurelia.JS あたりで始めたほうがいいようにも思うんですが、STORES.jpAngularJS なんで、それは一旦忘れておこうと思います。

なんせ、税別 2,400 円もしたのですから、多少は元を取りたいと思います。

とりあえず、最初の最初のサンプルをトライしてみたんですが。。。全く動きませんでした。

仕方がないので、次のコードで動きましたけど、いきなり、最初のサンプルで動かない状態なので、先が思いやられます。

<html ng-app="myApp">
<head>
<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
<script>
var myApp = angular.module('myApp',[]).
    controller('HelloController', ['$scope',
        function($scope) {
            $scope.greeting = { text :'Hello'};
        }]);
</script>
<body>
<div ng-controller="HelloController">
<input ng-model="greeting.text" />
<p>{{greeting.text}}, world!</p>
</div>
</body>
</html>

とりあえず、ボチボチ頑張って勉強しようと思います。

にほんブログ村 ライフスタイルブログ 薪ストーブ暮らしへ
にほんブログ村 ライフスタイルブログ 薪ストーブ暮らしに参加しています。 励みになりますので、足あとがわりに、ランクアップにご協力下さい。

Leave a Reply