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
220
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
5
1.1k
推し活を支えるAngularアプリ 量産体制
falcon8823
0
46
推し活の ハイトラフィックに立ち向かう Railsとアーキテクチャ - Kaigi on Rails 2024
falcon8823
8
5.9k
Angular x Auth0 複数サービス展開での認証基盤を考える
falcon8823
0
590
iOSとIonicとHEIF画像
falcon8823
0
370
Ionicアプリのビルド自動化
falcon8823
0
37
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
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
160
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
3
440
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
8.5k
A2A プロトコルを試してみる
azukiazusa1
2
1.3k
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.9k
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
660
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
600
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
280
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
620
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
600
Featured
See All Featured
Fireside Chat
paigeccino
37
3.5k
For a Future-Friendly Web
brad_frost
179
9.8k
Gamification - CAS2011
davidbonilla
81
5.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
It's Worth the Effort
3n
185
28k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
Become a Pro
speakerdeck
PRO
28
5.4k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
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 ·ͱΊ