Develop Components with Angular

Develop Components with Angular

893f54413c2bd9ba41d11d753aacaf2c?s=128

Yosuke Kurami

December 23, 2016
Tweet

Transcript

  1. 2.

    About me • @Quramy (Yosuke Kurami) • Frontend Web Developer

    at WACUL INC. • develop SPA with Angular(1 and 2) • झຯͰTypeScript༻ͷVimϓϥΪϯ։ൃ͠·͢ • http://vimawesome.com/plugin/tsuquyomi 

  2. 5.

    UI and Application • ModuleΛ໌ࣔతʹ෼ׂ • UI Module: ݟͨ໨ʹಛԽ͢Δ. ΞϓϦͷ஌ࣝ͸࣋ͨͳ͍

    • Application Module: UIΛར༻͢Δ͚ͩ. ෳࡶͳCSS͸ॻ͔ ͳ͍ UI Module Application Module
  3. 10.

    Ͳʔ΍ͬͯ࡞Δͷ͔ • 1 UI ComponentʹରԠͯ͠ 1UI Guide ComponentΛ࡞Δ • Guide

    ComponentͷΫϥεͷ഑ྻΛ࡞ͬͯGuide Moduleͷ entryComponents ʹಥͬࠐΉ • ComponentResolverFactory + ViewContainerRef Λ࢖ͬ ͯɺGuide ComponentΛಈతʹϚ΢ϯτ͢Δ • ιʔείʔυදࣔ͸srcσΟϨΫτϦΛͦͷ··Webαʔόʹ ಥͬࠐΜͰ͓͍ͯɺHttp ServiceͰऔಘ͢Δ͚ͩ