Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular歴3ヶ月がAngularと本気で向き合ってみた
Search
yae
December 07, 2019
Technology
0
130
Angular歴3ヶ月がAngularと本気で向き合ってみた
【We Are JavaScripters! 3周年記念】 WeJS Festival ! (2019/12/07)の登壇資料です。
yae
December 07, 2019
Tweet
Share
More Decks by yae
See All by yae
KPI and Chart Libary
eyaegashi
1
430
The differences of English skills which can be acquired between Sier and Service Company
eyaegashi
0
440
Other Decks in Technology
See All in Technology
助けて! XからWaylandに移行しないと新しいGNOMEが使えなくなっちゃう 2025-07-12
nobutomurata
2
200
Transformerを用いたアイテム間の 相互影響を考慮したレコメンドリスト生成
recruitengineers
PRO
2
440
「現場で活躍するAIエージェント」を実現するチームと開発プロセス
tkikuchi1002
3
350
Microsoft Defender XDRで疲弊しないためのインシデント対応
sophiakunii
1
320
ゼロから始めるSREの事業貢献 - 生成AI時代のSRE成長戦略と実践 / Starting SRE from Day One
shinyorke
PRO
0
110
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
230
An introduction to Claude Code SDK
choplin
2
1.1k
Amazon SNSサブスクリプションの誤解除を防ぐ
y_sakata
3
190
ソフトウェアテストのAI活用_ver1.25
fumisuke
1
610
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
coconala_engineer
1
4.4k
ABEMAの本番環境負荷試験への挑戦
mk2taiga
5
1.3k
無理しない AI 活用サービス / #jazug
koudaiii
0
100
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
Writing Fast Ruby
sferik
628
62k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
282
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Docker and Python
trallard
45
3.5k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Transcript
Angularྺ3ϲ݄͕Angularͱ͖߹ͬͯΈͨ WeJS Festival! (2019.12.07) Emi Yaegashi
About me • Name: Emi Yaegashi • Softwere Engineer (Python,
Rails, Angular) • Organizer of We are Javascripters! • Twitter: @yae19921110 • Favorite: United Kingdom, Disney (Donald Duck), Travel✈, Japanese Sake • Today is the first LT in WeJS!!
Agenda • Angularͷҹ(νʔϜϝϯόʔɺstack overflowͷsurvey) • ࠓͷϓϩδΣΫτʹೖͬͯ಄Λ๊͑ͨ͜ͱ2બ • ࠓͷϓϩδΣΫτͰAngularͷྑ͞Λ׆͔͢ʹ • ࠷ޙʹ
Angularͷҹ
Angularͷҹ(νʔϜϝϯόʔ) • ϝϯλʔ (from India) Angular͍ͬͯΖΜͳॴʹίʔυ͕ࢄΒΔ͔Βۤखɻ৽ نػೳVueʹ͍ͨ͠ͳ͋ɻ • ྡͷ੮ͷνʔϜϝϯόʔ (from
Philippine) Angularܦݧ͋ΔΑʂ݁ߏίʔυ͕ࠞͬͪ͟Ό͏͔Β͠ ͍ΑͶɻ
Angularͷҹ(Stack OverflowͷSurvey) • Stack Overflowͷ͖ͳwebϑϨʔϜϫʔΫ2019൛ ग़య: https://insights.stackoverflow.com/survey/2019#key-results
*PJʹؔͯ͠ิ ɾը໘छྨ͔͠ͳ͍(େنͰͳ͍) ɾڞ௨͢Δύʔπ͕গͳ͍(࠶ར༻Λੜ͔ͤΔ෦͕গͳ͍) ͳͥ͜ͷPJAngularΛ͍ͬͯΔΜͩ?
ࠓͷϓϩδΣΫτʹೖͬͯ಄Λ๊͑ͨ͜ͱ2બ
ίʔυ͕ࢄΒ͔͍ͬͯΔ ίϯϙʔωϯτ ࢠίϯϙʔωϯτA άϥϑ1දࣔ Data A Data B Data(API͔ΒҰׅͰऔಘ) Data
A άϥϑ1༻Option ࢠίϯϙʔωϯτB άϥϑ2දࣔ Data B άϥϑ2༻Option ࢠίϯϙʔωϯτC جຊใΛදࣔ Data C Data C
ϥΠϒϥϦ͕ࠞࡏ(Angular༻ίϯϙʔωϯτͱૉͷJS) ίϯϙʔωϯτ ࢠίϯϙʔωϯτA NVD3 (d3.jsΛѻ͍ͨ͘͢͠ϥΠϒϥϦ) *Angulary༻ίϯϙʔωϯτΛ༻ ଙίϯϙʔωϯτa άϥϑ1 ଙίϯϙʔωϯτa άϥϑ2
ࢠίϯϙʔωϯτB D3.jsͷϨʔμʔνϟʔτ༻ͷϥΠϒϥϦ *ૉͷJSϥΠϒϥϦΛ༻ ଙίϯϙʔωϯτ Ϩʔμʔνϟʔτ NVD3ͷAngular༻WrapperϥΠϒϥϦ: https://github.com/krispo/ng2-nvd3 D3.jsͷϨʔμʔνϟʔτϥΠϒϥϦ: https://github.com/alangrafu/radar-chart-d3
ࠓͷϓϩδΣΫτͰAngularͷྑ͞Λ׆͔͢ʹ
ϓϩδΣΫτͰ಄Λ๊͑ͨ͜ͱ ʮίʔυ͕ࢄΒ͔͍ͬͯΔʯͷରԠ 1. ڞ௨ύʔπͱͯ͠ѻ͑ͳ͍͔ݕ౼͢Δ 2. ίϯϙʔωϯτ͔Β͢σʔλΛཧ͢Δ ίϯϙʔωϯτ ࢠίϯϙʔωϯτA άϥϑ1දࣔ Data
A Data B Data(API͔ΒҰׅͰऔಘ) Data A άϥϑ1༻Option ࢠίϯϙʔωϯτB άϥϑ2දࣔ Data B άϥϑ2༻Option ࢠίϯϙʔωϯτC جຊใΛදࣔ Data C Data C 1 άϥϑ1༻Option? άϥϑ2༻Option? 2
ϓϩδΣΫτͰ಄Λ๊͑ͨ͜ͱ ʮϥΠϒϥϦ͕ࠞࡏʯͷରԠ 1. Angularͷίϯϙʔωϯτ͕͋Δɺ༷ʑͳνϟʔτλΠ ϓʹରԠͨ͠ϥΠϒϥϦͷ༻Λݕ౼͢Δ ྫ: NG2 Charts (https://github.com/valor-software/ng2-charts) 11
Angular Component Libraries You Should Know In 2019Ͱհ͞Ε͍ͯΔ (https://blog.bitsrc.io/11-angular-component-libraries-you-should-know-in-2018-e9f9c9d544ff) ίϯϙʔωϯτ ࢠίϯϙʔωϯτA NVD3 (d3.jsΛѻ͍ͨ͘͢͠ϥΠϒϥϦ) *Angulary༻ίϯϙʔωϯτΛ༻ ଙίϯϙʔωϯτa άϥϑ1 ଙίϯϙʔωϯτa άϥϑ2 ࢠίϯϙʔωϯτB D3.jsͷϨʔμʔνϟʔτ༻ͷϥΠϒϥϦ *ૉͷJSϥΠϒϥϦΛ༻ ଙίϯϙʔωϯτ Ϩʔμʔνϟʔτ 1
࠷ޙʹ
AngularͷJob Offerଟ͍Β͍͠(2019ใ) ग़య: https://programmingwithmosh.com/javascript/what-javascript-framework-you-should-learn-to-get-a-job-in-2019/
Thank you for listening!