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 Schematicsを利用した アプリ量産体制
Search
Hayato OKUMOTO
September 29, 2022
Programming
0
210
Angular Schematicsを利用した アプリ量産体制
Startup Angular #5での発表資料です
https://voicy.connpass.com/event/269162/
Hayato OKUMOTO
September 29, 2022
Tweet
Share
More Decks by Hayato OKUMOTO
See All by Hayato OKUMOTO
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
1
590
推し活を支えるAngularアプリ 量産体制
falcon8823
0
43
推し活の ハイトラフィックに立ち向かう Railsとアーキテクチャ - Kaigi on Rails 2024
falcon8823
8
5.7k
Angular x Auth0 複数サービス展開での認証基盤を考える
falcon8823
0
580
iOSとIonicとHEIF画像
falcon8823
0
360
Ionicアプリのビルド自動化
falcon8823
0
34
Firebase Authentication - Ionic Meetup #12 Tokyo
falcon8823
0
300
IonicアプリをAuth0で認証する - Ionic Meetup #16 in Online
falcon8823
0
420
Other Decks in Programming
See All in Programming
A comprehensive view of refactoring
marabesi
0
970
事業戦略を理解してソフトウェアを設計する
masuda220
PRO
22
6.2k
Benchmark
sysong
0
230
ドメインモデリングにおける抽象の役割、tagless-finalによるDSL構築、そして型安全な最適化
knih
11
1.9k
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
Cline指示通りに動かない? AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
kamomeashizawa
1
560
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
380
無関心の谷
kanayannet
0
180
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
2
630
関数型まつりレポート for JuliaTokai #22
antimon2
0
130
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
390
SODA - FACT BOOK
sodainc
1
1.1k
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
How to train your dragon (web standard)
notwaldorf
92
6.1k
A designer walks into a library…
pauljervisheath
206
24k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Side Projects
sachag
455
42k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
The Cult of Friendly URLs
andyhume
79
6.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
920
RailsConf 2023
tenderlove
30
1.1k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Transcript
Angular SchematicsΛར༻ͨ͠ ΞϓϦྔ࢈ମ੍ גࣜձࣾTwoGate औకCTO Ԟຊ൏
2 ࣗݾհ Ԟຊ൏ w גࣜձࣾ5XP(BUFɹڞಉۀऀऔక$50 w ܦྺ w ߴઐˠ๛ڮٕज़Պֶେֶग़ w
5XP(BUFۀ։ൃຊ෦ w ݄ΑΓ
ࣄۀ༰ ɾ৽نࣄۀྖҬͷϞόΠϧΞϓϦ8FCΞϓϦͷ։ൃ͕ಘҙͳձࣾ ɾσβΠϯ͔ΒΠϯϑϥ·ͰҰؾ௨؏Ͱ։ൃ 3 ձࣾ֓ཁ https://twogate.com/ ઃཱ ɾ݄ઃཱʢظʣ ɾνʔϜͱͯ͠ ɾ໊த໊ͷߴઐੜͰۀɹݱࡏɺϑϧλΠϜ໊نʹ
4 5XP(BUFͷٕज़ελοΫ αʔόαΠυ ϑϩϯτΤϯυ ։ൃڥ Πϯϑϥ
5XP(BUFͷϓϩμΫτ
6 /PDPEF-PXDPEFιϦϡʔγϣϯ ϞόΠϧΦʔμʔ (ΞϓϦ) ΦϯϥΠϯΨνϟ (Web) ެࣜΞϓϦ (ΞϓϦˍ̬eb) Nocode Low
code
7 σδλϧίϯςϯπ৴ιϦϡʔγϣϯ ԻίϯςϯπΞϓϦ ϘΠείʔϧ৴ NFTൃߦ Coming soon…
Angular SchematicsΛར༻ͨ͠ Low codeΞϓϦྔ࢈ମ੍
w λϨϯτΞʔςΟετ͚ͷαΠτΞϓϦ w ෳͷΞʔςΟετͱಉډͨ͠αΠτ·Εʹ͍͘ w ݸผαΠτݸผΞϓϦͷχʔζ͕ߴ͍ w େ΄Ͳࡉ͔͍ݸผཁٻʹରԠ͕ඞཁͳέʔε͕͋Δ w ্هΛຬͨͭͭ͠খνʔϜͰ։ൃɾอकΛ͍ͯ͘͠ʹɺ͕ඞཁ
23 എܠ
w αΠτ͝ͱʹڞ௨෦ͱݸผ෦Λ࡞Ͱ͖ΔΑ͏ͳϓϩδΣΫτߏΛ࣮ݱ͍ͨ͠ w ํ๏ w "ݩͷίʔυΛGPSLͯ͠ݸผίʔυʹ͢Δ w #ςϯϓϨʔτԽͯ͠ݸผίʔυʹ͢Δ w $ϥΠϒϥϦԽͯ͠෦తʹݸผίʔυʹ͢Δ
w %ϊʔίʔυԽͯ͠ڞ௨ίʔυʹ͢Δ 24 ΞʔΩςΫνϟ
w αΠτ͝ͱʹڞ௨෦ͱݸผ෦Λ࡞Ͱ͖ΔΑ͏ͳϓϩδΣΫτߏΛ࣮ݱ͍ͨ͠ w ํ๏ w "ݩͷίʔυΛGPSLͯ͠ݸผίʔυʹ͢Δ w #ςϯϓϨʔτԽͯ͠ݸผίʔυʹ͢Δ w $ϥΠϒϥϦԽͯ͠෦తʹݸผίʔυʹ͢Δ
w %ϊʔίʔυԽͯ͠ڞ௨ίʔυʹ͢Δ 25 ΞʔΩςΫνϟ
26 "OHVMBS4DIFNBUJDT
w "OHVMBSϥΠϒϥϦ͚ͷίʔυδΣωϨʔλ w OHBEEOHHFOFSBUFOHVQEBUF࣌ʹΔεΫϦϓτ w ύοέʔδΛՃͨ͠ͱ͖ɺ/H.PEVMFͳͲʹఆٛΛೖΕͯ͘ΕΔͭ w ϥΠϒϥϦͷΞοϓσʔτͰΠϯλʔϑΣʔε͕มΘͬͨͱ͖ʹɺࣗಈஔͯ͠ ͘ΕΔͭ 27
"OHVMBS4DIFNBUJDT https://angular.jp/guide/schematics
w ॳظঢ়ଶͷςϯϓϨʔτϑΝΠϧ܈ w OHBEE͢ΔͱࣗಈͰՃ͞ΕΔ w ͦͷଞϑΝΠϧஔมߋͷͨΊͷεΫϦϓτ ࣮Մೳ w ςϯϓϨʔτΤϯδϯ༻ҙ͞Ε͓ͯΓɺมλ άΛຒΊΔͱϓϩδΣΫτݻ༗ͷʹ߹Θͤͯࣗ
ಈઃఆͰ͖Δ 28 OHBEE༻ςϯϓϨʔτ
w ৽ػೳՃվमޙʹɺ֤ϓϩδΣΫτͷίΞϥΠϒϥϦͷΞοϓσʔτ͕ඞཁ w طʹಈ͍͍ͯΔίʔυͰɺίʔυ͝ͱʹՃ͞Ε͍ͯΔ෦͕ੜͯ͘͡Δ w ࠩύονͷద༻͕ඞཁ w ͜ΕΛղܾ͢ΔΈ4DIFNBUJDTͰߟྀ͞Ε͍ͯΔʢ༏लʣ 29 OHVQEBUF͚TDIFNBUJDT
30 OHVQEBUF͚TDIFNBUJDT w Ξοϓσʔτલޙͷόʔδϣϯ͔Βɺඞཁͳ ύονεΫϦϓτ͕࣮ߦ͞ΕΔ
31 ͍ํΠϝʔδ Angular Project ng new awesome-gacha-site w ۭͬΆͷ"OHVMBSϓϩδΣΫτΛ࡞
32 ͍ํΠϝʔδ Angular Project Angular Library ίΞػೳ ng add @twogate/slashkit-plus
w ίΞػೳͷೖͬͨ"OHVMBS-JCSBSZΛՃ w 4DIFNBUJDTʹΑΓपลઃఆ͕શͯࣗಈηοτΞοϓ w 'JSFCBTF1SPKFDU࡞ʴڥมઃఆ w ඪ४$44ςʔϚϑΝΠϧઃஔ w (JU-BC$*ఆٛϑΝΠϧઃஔ CSS Config Assets ͔͜͜ΒɺαΠτݻ༗ͷΞηοτઃఆΛม͑Δ͚ͩɻ
33 ͍ํΠϝʔδ Angular Project git push … w (JU-BC (JU-BC$*ͰࣗಈϏϧυˍϦϦʔε
w ࣾͰҰ࿈ͷྲྀΕΛσβΠφʔͳͲඇΤϯδχΞ͕Ϧ Ϧʔε·ͰͰ͖Δঢ়ଶʹ git push … Deploy
34 ͍ํΠϝʔδ Ұ੪Ξοϓσʔτ w (JU-BC$*ͷఆظ࣮ߦͰɺOHVQEBUFΛ(JU-BCͷϦϙδτϦʹద༻͢ΔεΫϦϓτΛ࣮ ɻ w όʔδϣϯ͕࠷৽Ͱͳ͔ͬͨΒɺ.FSHF3FRVFTUΛࣗಈ࡞ɻ
w ݱࡏσϞςφϯτ߹ΘͤΔͱɺϦϙδτϦ΄Ͳͷنʹ w ݸผχʔζʹԠ͑ΒΕͭͭɺӡ༻ίετͦΕͳΓʹ͘ରԠͰ͖͍ͯΔ w طଘͷςφϯτ͕͔ͤͰΞοϓσʔτͰ͖ͳ͔ͬͨέʔε΄΅ແ͠ w ҰํͰɺͦ͜·ͰΧελϚΠζཁ͕ͳ͍έʔε͋ΔͷͰɺڞ༗ϓϥοτϑΥʔ Ϝ൛༻ҙ͢Δ͜ͱΛݕ౼͍ͯ͠Δɻ 35
ӡ༻ͯ͠Έͯ
w "OHVMBS4DIFNBUJDTΛ׆༻ͨ͠-PX$PEFαΠτྔ࢈ମ੍ w $*׆༻ͨ͠΄΅ࣗಈͰͷӡ༻ମ੍ w 8FBSFIJSJOH w ΤϯλϝྖҬશྗͰϓϩμΫτΛ։ൃ͍ͨ͠ɺ w "OHVMBSΤϯδχΞΛืू͍ͯ͠·͢
36 ·ͱΊ