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
420
Angularのライブラリ作成について /ng-kyoto-angular-meetup-8
Avatar for Sayaka Nakatsuka sayanaka
0
470

Other Decks in Technology

See All in Technology
JAWS DAYS 2026 楽しく学ぼう！ストレージ 入門
Avatar for Yoshiki Fujiwara yoshiki0705
2
100
Yahoo!ショッピングのレコメンデーション・システムにおけるML実践の一例 
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
110
DX Improvement at Scale
Avatar for ntk1000 ntk1000
3
350
楽しく学ぼう！ネットワーク入門
Avatar for Shota Shiratori shotashiratori
0
270
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
Avatar for daitasu daitasu
5
290
プロジェクトマネジメントをチームに宿す -ゼロからはじめるチームプロジェクトマネジメントは活動1年未満のチームの教科書です- / 20260304 Shigeki Morizane
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
130
Databricksアシスタントが自分で考えて動く時代に! エージェントモード体験もくもく会
Avatar for Takaaki Yayoi taka_aki
0
350
JAWS Days 2026 楽しく学ぼう！ 認証認可 入門/20260307-jaws-days-novice-lane-auth
Avatar for opelab opelab
9
1.5k
チームメンバー迷わないIaC設計
Avatar for hayama hayama17
5
4k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.4k
マネージャー版 "提案のレベル" を上げる
Avatar for konifar konifar
21
13k
vLLM Community Meetup Tokyo #3 オープニングトーク
Avatar for jpishikawa jpishikawa
0
200

Featured

See All Featured
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
380
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
250
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
150
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
430
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
96
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
380

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