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
440
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
Unlocking the Power of AI Agents with LINE Bot MCP Server
linedevth
0
120
Create Ruby native extension gem with Go
sue445
0
130
機械学習を扱うプラットフォーム開発と運用事例
lycorptech_jp
PRO
0
670
テストを軸にした生き残り術
kworkdev
PRO
0
220
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
100
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
280
はじめてのOSS開発からみえたGo言語の強み
shibukazu
4
1k
Apache Spark もくもく会
taka_aki
0
140
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
550
20250913_JAWS_sysad_kobe
takuyay0ne
2
250
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
sh_fk2
3
460
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
lauchacarro
0
210
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Designing for Performance
lara
610
69k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Embracing the Ebb and Flow
colly
87
4.8k
Statistics for Hackers
jakevdp
799
220k
Speed Design
sergeychernyshev
32
1.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
530
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
A designer walks into a library…
pauljervisheath
207
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
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!