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

Tweet

Tweet

Slide 1

Slide 1 text

Angular ϥΠϒϥϦ։ൃ ng-japan OnAir sayanaka (2018-11-19)

Slide 2

Slide 2 text

sayanaka • ฌݿݝग़਎ɺେࡕ෎ࡏॅ • ng-kyoto ୅ද • JavaScriptྺ 3೥ɺAngularྺ 2೥ • Twitter @zilch8

Slide 3

Slide 3 text

AngularͷϥΠϒϥϦͬͯ Ͳ͏΍ͬͯ࡞Δͷʁ

Slide 4

Slide 4 text

Angular CLI 6.x Ҏ߱

Slide 5

Slide 5 text

Angular CLI 1.x ·Ͱ • ϥΠϒϥϦ͸ະαϙʔτ • ࣗྗͰwebpack.conﬁgΛ࡞Δ • ng-packagrΛʢखಈͰʣಋೖ͢Δ • ޙड़

Slide 6

Slide 6 text

ng-packagrʁ

Slide 7

Slide 7 text

ng-packagr • https://github.com/ng-packagr/ng- packagr • AngularͷPackage FormatʹԊͬͯ  Α͠ͳʹϏϧυͯ͘͠ΕΔϥΠϒϥϦ • 2017/08/31 - v1.0.0 ϦϦʔε

Slide 8

Slide 8 text

ng-packagr • Angular CLIͰ࡞ͬͨϓϩδΣΫτ্Ͱಈ͘ • Ұݸਓʢ@dheresʣ͕࡞ͬͨϥΠϒϥϦ

Slide 9

Slide 9 text

σϞ

Slide 10

Slide 10 text

ng-packagrͷखಈಋೖྫ • ௨ৗ • https://github.com/ng-packagr/ng- packaged • Nx Workspace • https://github.com/ng-packagr/nx- packaged

Slide 11

Slide 11 text

஫ҙ఺ • ~~.module.tsͷexportsʹɺ࢖Θ͍ͤͨ componentΛ໌ه͢Δ • AoTϏϧυඞਢ • ܦݧஊʢҼՌෆ໌ʣ • import fromͰɺʮ~~/indexʯΛলུ • ϏϧυΤϥʔΛు͍ͨʢ[email protected]ʣ

Slide 12

Slide 12 text

ΊͬͪΌָʹ࡞ΕΔͷͰ ͥͻ΍ͬͯΈ͍ͯͩ͘͞ʂ