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
210

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
450

Other Decks in Technology

See All in Technology
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
Avatar for iselegant iselegant
16
4.8k
あなたの声を届けよう！ 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
Avatar for kondoyuko kondoyuko
1
220
ひとり情シスなCTOがLLMと始めるオペレーション最適化 / CTO's LLM-Powered Ops
Avatar for Mitsuki Ogasahara yamitzky
0
390
Agentic Workflowという選択肢を考える
Avatar for takuya kikuchi tkikuchi1002
1
400
20250623 Findy Lunch LT Brown
Avatar for Brown 3150
0
800
[TechNight #90-1] 本当に使える？ ZDMの 新機能を実践検証してみた
Avatar for oracle4engineer oracle4engineer
PRO
3
140
rubygem開発で鍛える設計力
Avatar for Tomohiro Hashidate joker1007
1
140
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
Avatar for K.Osawa kkuv
1
240
強化されたAmazon Location Serviceによる新機能と開発者体験
Avatar for Yasunori Kirimoto dayjournal
2
160
OAuth/OpenID Connectで実現するMCPのセキュアなアクセス管理
Avatar for kura kuralab
5
880
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
Avatar for opelab opelab
8
820
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
Avatar for Yuya Takeyama yuyatakeyama
2
1.1k

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
700
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.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. ΊͬͪΌָʹ࡞ΕΔͷͰ ͥͻ΍ͬͯΈ͍ͯͩ͘͞ʂ