Angular ライブラリ開発 /ng-japan-onair

ng-japan OnAir (2018/11/29) での発表資料です。

デモがメインですので、下記アーカイブと合わせてご覧ください。
https://youtu.be/SALxOI9D33E

Transcript

1. Angular ϥΠϒϥϦ։ൃ ng-japan OnAir sayanaka (2018-11-19)
2. sayanaka • ฌݿݝग़਎ɺେࡕ෎ࡏॅ • ng-kyoto ୅ද • JavaScriptྺ 3೥ɺAngularྺ 2೥ • Twitter @zilch8
3. AngularͷϥΠϒϥϦͬͯ Ͳ͏΍ͬͯ࡞Δͷʁ
4. Angular CLI 6.x Ҏ߱
5. Angular CLI 1.x ·Ͱ • ϥΠϒϥϦ͸ະαϙʔτ • ࣗྗͰwebpack.configΛ࡞Δ • ng-packagrΛʢखಈͰʣಋೖ͢Δ • ޙड़
6. ng-packagrʁ
7. ng-packagr • https://github.com/ng-packagr/ng- packagr • AngularͷPackage FormatʹԊͬͯ
 Α͠ͳʹϏϧυͯ͘͠ΕΔϥΠϒϥϦ • 2017/08/31 - v1.0.0 ϦϦʔε
8. ng-packagr • Angular CLIͰ࡞ͬͨϓϩδΣΫτ্Ͱಈ͘ • Ұݸਓʢ@dheresʣ͕࡞ͬͨϥΠϒϥϦ
9. σϞ
10. ng-packagrͷखಈಋೖྫ • ௨ৗ • https://github.com/ng-packagr/ng- packaged • Nx Workspace • https://github.com/ng-packagr/nx- packaged
11. ஫ҙ఺ • ~~.module.tsͷexportsʹɺ࢖Θ͍ͤͨ componentΛ໌ه͢Δ • AoTϏϧυඞਢ • ܦݧஊʢҼՌෆ໌ʣ • import fromͰɺʮ~~/indexʯΛলུ • ϏϧυΤϥʔΛు͍ͨʢCLI@1.xxʣ
12. ΊͬͪΌָʹ࡞ΕΔͷͰ ͥͻ΍ͬͯΈ͍ͯͩ͘͞ʂ