TypeScript・AngularJS・Jade・Stylusでサンプルコード
最近Web系の勉強してて、Node.js・Express・Redis・Herokuなどサーバーサイド周り弄ってたけど、そろそろフロントエンドもという感じで色々やってみた。
サンプル置いとく
AngularJSはけっこうリッチなライブラリで、全部身につけるのはしばらくかかりそうだけど、今日主要な機能はざっくり書けるようになった感( ´・‿・`) Vue.jsと迷ったけど、borisyankov/DefinitelyTypedにまだ無かったし、とりあえず今メジャーなAngularJSやっとこうか、という感じ。
JadeとStylusは記法いくつか覚えらればわりとサクサク書けて、気に入った。これ系いくつかあるけど、どれがいいんですかね。あまり比較検討せずに決めてしまった。
- AngularJS: MVW(Model-View-Whatever)フレームワークというらしい。Whatever=厳密に定義しない、みたいな意味らしい。JS・HTML周りのスパゲッティコード解消。MV*とかはともかく、とりあえずバインディング機構あるのが嬉しい。
- Jade: HTMLの簡易記法 + αの機能
- Stylus: SASS・LESSの後発版みたいな感じ?
資料
- AngularJS使い方メモ - Qiita
- AngularJS - お前のAngular.jsはもうMVCではない。と言われないためのTutorial - Qiita
- AngularJSのMVWパターンを理解する - Qiita
- AngularJS: Developer Guide: Conceptual Overview
- Node.js - Jadeの記法について(あまりまとまっていない) - Qiita
- Jade Template Syntax Documentation by Example
一気に色々やると破綻しそうかと心配だったけど、意外とスムーズに出来たのは良かった。
AngularJS、AngularJS使い方メモ - Qiitaの「ページの一部に動的にテンプレートを読み込む」くらいまでで、まだシングルページアプリケーション周りの機能は終えてないから、また続きやろう(´-ω-`)