systemjs を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月8日の記事です。 www.npmjs.com SystemJSはモジュールローダー、jspmはSystemJSのパッケージマネージャ、この辺りを見る jspm.io - Frictionless Browser Package Management gith…

ng-poly を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月6日の記事です。 www.npmjs.com インストール $ npm install -g generator-ng-poly $ yo ng-poly 何と言っても構成選択が多い ? What is the app's name? mkdir プロジェクト名して…

既に定番のangular を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月5日の記事です。 www.npmjs.com インストール $ npm install -g generator-karma generator-angular $ mkdir mydir && cd $_ $ yo angular 実行 $ grunt serve ブラウザ…

ngdoc を紹介する。ngdocと言ってもYEOMANジェネレータの。AngularのngDocの書き方に従えば自プロジェクトを良いようにドキュメント化してくれる。このエントリーは「Yeoman Advent Calendar 2015」12月4日の記事です。 www.npmjs.com ngDoc ngDocの書き方は…

hottowel を紹介する。何と言ってもこれJohn Papaさんが作ったジェネレータでテンプレートとかが超参考になる。このエントリーは「Yeoman Advent Calendar 2015」12月3日の記事です。 www.npmjs.com John PapaさんはAngularスタイルガイドをまとめた人。Angu…

angular-winjs を紹介する。このジェネレータはAngularとWinJSを使ったものでWinJSプラグインのangular-winjsを利用している。このエントリーは「Yeoman Advent Calendar 2015」12月2日の記事です。 WinJSとは "Windows Library for JavaScript"でMicrosoft…

angular2-gulp-webpack を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月1日の記事です。 www.npmjs.com 構成 Angular2 typescript gulp webpack インストール $ npm install -g generator-angular2-gulp-webpack $ mkdir agw && cd $_ $ y…

Angularでさくっと何か作ってみます。"5 min quickstart"のようなものです。このエントリーは「AngularJS Advent Calendar 2015」12月12日の記事です。 Step0: 作成するファイルの構成 Step1: 環境の作成 作業ディレクトリを作りindex.htmlを用意する $ mkdi…

Angular2に対するUI Bootstrap(ng-bootsrap)の開発も始まったが、Angular1に対するUIもまだまだ開発が進んでいます。Bootstrap以外にもUIコンポーネントがあってAngularUIというところにまとまってます。IDEのプラグインなんかもあったり。このエントリーは…

AngularはCSSなコンポーネントは用意していません。なのでBootstrapやUIkitなどのCSSフレームワークを利用するとさくっとそれなりのUIが作れます。ただこうしたCSSフレームワークで定義されているイベント(JavaScriptで書かれた部分)との連携には一工夫必要…

Angular1で作ったモジュールをTypeScriptを使ったものに変更してます。このエントリーは「AngularJS Advent Calendar 2015」12月3日の記事です。 まだ余計なところ書き方が間違っているところがありますが、慣れたらそんなに面倒でも無いと思う。個人で開発…

以前にも書きましたがAngularを使ったYEOMANジェネレータを作ってます。このエントリーは「AngularJS Advent Calendar 2015」12月4日の記事です。 albatrosary.hateblo.jp 使い方 $ npm i -g generator-angular-eggs $ mkdir sampleapp && cd $_ $ yo angula…

Angular2のチュートリアルは何か無いかなということで"Try Angular 2"というのがありましたのでざっと見てみます。このエントリーは「AngularJS Advent Calendar 2015」12月2日の記事です。 Try Angular 2 これは"Angular Korea Meetup"の資料のようです。綺…

何はともあれ、ささっとAngular2を動かしてみたい！というときのためのYEOMANジェネレータを使ってAngular2を動かしてみる。このエントリーは「AngularJS Advent Calendar 2015」12月5日の記事です。 node.jsのインストール もうフロントエンド開発では常識…

Angular 2 のサイトが公開されています。Angularのロゴも微妙に変わったようで縁のグレーっぽいところがなくなりスマートなデザインになっています。そしてサイトのはじめに「Angularは、モバイルとデスクトップのWebアプリケーションを構築するための開発プ…