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

Ebd60ccc96d5c538398b4c9121c64317?s=47 Sayaka Nakatsuka
November 19, 2018
Technology
0
120

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

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

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

Ebd60ccc96d5c538398b4c9121c64317?s=128

Sayaka Nakatsuka

November 19, 2018
Tweet

More Decks by Sayaka Nakatsuka

See All by Sayaka Nakatsuka
Ebd60ccc96d5c538398b4c9121c64317?s=48 sayanaka
3
1.3k
Ebd60ccc96d5c538398b4c9121c64317?s=48 sayanaka
1
180
Ebd60ccc96d5c538398b4c9121c64317?s=48 sayanaka
0
310

Other Decks in Technology

See All in Technology
Ac099b28fee346b831ba8afcdb9e7d06?s=48 ericgpks
0
130
4615930de72ec08f99d3227761ace0d8?s=48 yenlung
2
460
48a351a06897d7cc9721e2ddb7198e8a?s=48 dougpuob
0
110
66fabad28b40a99387ab582cd0e94a2d?s=48 hiromaaa03
1
110
3dc29e8cfc6ef333e2b41a1b0e826b57?s=48 cortinico
5
260
8a84268593355816432ceaf78777d585?s=48 dena_tech
0
2.2k
30d97c8383a531c459ac210540b4eace?s=48 ry
1
220
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
1
230
F68a145ec870bf173a932bc409b20fab?s=48 jyamamoto
0
360
A645e7c3a6635ead8fa323c583769591?s=48 hololab
0
300
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
220
Ace15f29f740e60d42f7a3ff03a4952d?s=48 curanosuke
1
100

Featured

See All Featured
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
265
16k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
766
190k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
256
24k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
7.4k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
144
19k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
7.6k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
283
110k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
236
9.7k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.1k

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. ΊͬͪΌָʹ࡞ΕΔͷͰ ͥͻ΍ͬͯΈ͍ͯͩ͘͞ʂ