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.3k
HammerGestureConfigの
浅掘り /ionic-meetup-10
Avatar for Sayaka Nakatsuka sayanaka
1
370
Angularのライブラリ作成について /ng-kyoto-angular-meetup-8
Avatar for Sayaka Nakatsuka sayanaka
0
460

Other Decks in Technology

See All in Technology
EncryptedSharedPreferences が deprecated になっちゃった！どうしよう！ / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
Avatar for Yuki Anzai yanzm
0
230
これでもう迷わない！Jetpack Composeの書き方実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
320
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
Avatar for Kento Kimura aoto
PRO
0
360
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
Avatar for TomoyaIwata iwatatomoya
1
900
Practical Agentic AI in Software Engineering
Avatar for U-Zyn Chua uzyn
0
100
LLMを搭載したプロダクトの品質保証の模索と学び
Avatar for SmartHR 品質保証部 qa
0
1k
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
Avatar for Michiru Kato applism118
21
10k
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
130
ガチな登山用デバイスからこんにちは
Avatar for halka halka
1
240
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
Avatar for gowhich501 gowhich501
1
130
Firestore → Spanner 移行 を成功させた段階的移行プロセス
Avatar for a-thug athug
1
460
dbt開発 with Claude Codeのためのガードレール設計
Avatar for 10xinc 10xinc
2
1.2k

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.2k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
810
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k

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