Upgrade to Pro — share decks privately, control downloads, hide ads and more …

b-html 〜怒りのテンプレート〜

bouzuya
August 30, 2015
410

b-html 〜怒りのテンプレート〜

2015-08-30 の ng-kyoto Angular Meetup #2 ( http://ng-kyoto.connpass.com/event/17663/ ) での LT 資料の PDF 版です。

HTML 版は次の URL (暫定)
https://ng-kyoto-2-b-html.herokuapp.com/

bouzuya

August 30, 2015
Tweet

Transcript

  1. A n g u l a r J S のテンプレート

    どうしていますか?
  2. m o d u l e . e x p

    o r t s = c o n t r o l l e r : c l a s s C o n t r o l l e r @ $ i n j e c t : [ ] c o n s t r u c t o r : - > c o n t r o l l e r A s : ' c ' s c o p e : { } t e m p l a t e U r l : ' m e s s a g e . h t m l ' # t e m p l a t e : ' ' ' # < p > < s p a n n g - b i n d = " c . m e s s a g e " > < / s p a n > < / p > # ' ' '
  3. 例 < m y - s p e c i

    a l - d i r e c t i v e m e s s a g e = " ' H e l l o , n g - k y o t o ! ' " > < / m y - s p e c i a l - d i r e c t i v e >
  4. これが < p @ c l a s s u

    s e r < s p a n @ c l a s s u s e r - n a m e @ n g - b i n d c . u s e r . n a m e
  5. こうなる < p c l a s s = "

    u s e r " > < s p a n c l a s s = " u s e r - n a m e " n g - b i n d = " c . u s e r . n a m e " > < / s p a n > < / s p a n > (formatted)
  6. いいとこ オフサイドルー ル < / x x x > も

    = " " も不要 表記ブレしない
  7. Atom, Vim → あるよ CLI, gulp, browserify → あるよ Emacs,

    WebStorm, webpack → カモン Mithril, React 対応→ いま進めてる