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

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

Avatar for Sayaka Nakatsuka Sayaka Nakatsuka
November 19, 2018
Technology
0
220

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

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

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

Avatar for Sayaka Nakatsuka

Sayaka Nakatsuka

November 19, 2018
Tweet

More Decks by Sayaka Nakatsuka

See All by Sayaka Nakatsuka
Angular 7 から 8にあげてみた /ng-kyoto-angular-meetup-10
Avatar for Sayaka Nakatsuka sayanaka
3
2.4k
HammerGestureConfigの
浅掘り /ionic-meetup-10
Avatar for Sayaka Nakatsuka sayanaka
1
410
Angularのライブラリ作成について /ng-kyoto-angular-meetup-8
Avatar for Sayaka Nakatsuka sayanaka
0
470

Other Decks in Technology

See All in Technology
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
310
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.4k
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.7k
Agent Skils
Avatar for ディップ株式会社 dip_tech
PRO
0
150
1,000 にも届く AWS Organizations 組織のポリシー運用をちゃんとしたい、という話
Avatar for kazzpapa3 kazzpapa3
0
220
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
690
22nd ACRi Webinar - NTT Kawahara-san's slide
Avatar for Nao Sumikawa nao_sumikawa
0
120
プロポーザルに込める段取り八分
Avatar for ShoheiMitani shoheimitani
1
730
今こそ学びたいKubernetesネットワーク ～CNIが繋ぐNWとプラットフォームの「フラッと」な対話
Avatar for Takuto Nagami logica0419
7
630
CDK対応したAWS DevOps Agentを試そう_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
530
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
260
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
250

Featured

See All Featured
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
150
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
440
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
180
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.8k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.2k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.6k

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ʯΛলུ • ϏϧυΤϥʔΛు͍ͨʢ[email protected]ʣ

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