質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.33%
Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

.NET Core

.NET Coreは、マネージソフトウェアフレームワークでオープンソースで実装されています。クロスプラットフォームを前提に考えられており、Windows/Mac/Linuxで動くアプリケーションを作成することが可能です。

PostgreSQL

PostgreSQLはオープンソースのオブジェクトリレーショナルデータベース管理システムです。 Oracle Databaseで使われるPL/SQLを参考に実装されたビルトイン言語で、Windows、 Mac、Linux、UNIX、MSなどいくつものプラットフォームに対応しています。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

意見交換

2回答

525閲覧

WEBサービスを開発している皆さんへ!開発環境構築のアドバイスをいただきたいです!

sakaka

総合スコア20

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

.NET Core

.NET Coreは、マネージソフトウェアフレームワークでオープンソースで実装されています。クロスプラットフォームを前提に考えられており、Windows/Mac/Linuxで動くアプリケーションを作成することが可能です。

PostgreSQL

PostgreSQLはオープンソースのオブジェクトリレーショナルデータベース管理システムです。 Oracle Databaseで使われるPL/SQLを参考に実装されたビルトイン言語で、Windows、 Mac、Linux、UNIX、MSなどいくつものプラットフォームに対応しています。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

0グッド

2クリップ

投稿2025/01/28 01:16

WEBサービスを開発している皆さんへ!開発環境構築のアドバイスをいただきたいです!

現在、Angularを学ぶために開発環境を構築しています。ただ、自分の構築方法が最善なのか判断がつかず、不安を感じています。
Dockerなどの便利なツールが普及している中で、下記の手順が適切かどうか、アドバイスをいただけると嬉しいです。
また、今後この環境を他のメンバーにも簡単に共有できる形にしたいと考えています。ぜひご指摘ください!

環境条件

フロントエンド:Angular バージョンはとりあえず最新
バックエンド:.NET 8 WEB API
データベース:PostgreSQL バージョンはとりあえず最新
サーバー:Windows Server バージョン未定

構築手順

1.仮想環境の作成
Hyper-Vを使用し、Windows 11のISOファイルをもとに仮想マシンを作成。

2.PostgreSQLのインストール
以下の公式サイトから最新版をダウンロードしてインストール。
PostgreSQL公式ダウンロードページ

3.Visual Studio 2022のインストール
.NET 8の開発環境を利用するためにインストール。

4.Visual Studio Codeのインストール
フロントエンド開発のためのエディタとして利用。

5.Node.jsのインストール
以下の公式サイトから最新版をダウンロードしてインストール。
Node.js公式ダウンロードページ

6.開発の開始
上記の環境でフロントエンド(Angular)、バックエンド(.NET)、データベース(PostgreSQL)の開発を行います。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

回答2

#1

Mugheart

総合スコア2352

投稿2025/01/28 11:52

最善かどうかは場合によると思いますが、「今後この環境を他のメンバーにも簡単に共有できる形にしたい」のであればDockerfile、compose.yamlを書いてGit管理するのが最も簡単ではないでしょうか?
各種ソフトウェアのインストールもDockerfileで記述しておけば、それぞれのメンバーはgit cloneした後にコンテナをただ立ち上げるだけで開発環境が完成するという状態にできるかと思います。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#2

miyabi-sun

総合スコア21222

投稿2025/02/03 09:16

下記の手順が適切かどうか、アドバイスをいただけると嬉しいです。

わかりました
とはいえ、手探りでもなんでも
独学で手を動かしながら環境構築出来ただけで90点以上の花丸です


また、今後この環境を他のメンバーにも簡単に共有できる形にしたいと考えています。ぜひご指摘ください!

Windowsにはライセンス認証があるのをご存知ですか?
普段我々はWindowsマシンを購入するときに、新しいレジストリキーをもらうわけですが
それの利用規約に違反した使い方をすると利用規約違反となります

確か自分ひとりで使う分には良いけど
別の人と一緒に使い回すみたいなやり方はNGだったと思います
業務用の複数人で使う用途のプロダクトキーがあったような……そういうの使えば問題なさそうではある
私はこの辺うろ覚えなので、一度調べてみてください

これがあるから仮想マシンに開発用のWindowsマシンを包んで配布という手段は使いづらい

Vagrantという仮想マシンを良い感じに使って仮想環境を構築するツールがありまして
MS社がちょっとしたテストならば使っていいよ的にフリーのWindowsを提供してくれていたような気がしますが
ライセンス上の問題で何度も潰して立ち上げ直すみたいな事が必要で、何十日間も抱えて作業し続けるような用途には向きません

一般的にはOSにライセンスが不要なLinuxを使ったり、Linuxの力を借りる方向が無難といえるでしょう

1.Hyper-Vを使用し、Windows 11のISOファイルをもとに仮想マシンを作成。

実際の本番環境はWindows想定なんですか?
Webの業界だとLinuxマシンが標準で、このWindowsアプリをWeb化したいんだよなぁという強い要望がない場合は
Linuxマシンで開発して、Linuxマシンのサーバーを借りて動かす方が無難です

そのためにWindowsマシンはWSL2を使って
Ubuntuなどの仮想Linuxマシンを立ち上げてそちらにあれこれを導入するのが良いと思います

2.PostgreSQLのインストール

前章からの続きになりますが、LinuxマシンにはDockerという選択肢があります

Docker Hub上で公開されているpostgresイメージを落としてきて
コンテナという形で仮想マシンを実行、それにSQLで接続して使うやり方がお手軽だしおすすめです

Dockerとはなんぞやを解説し始めると日が暮れるので触りの部分だけの共有になりますが、
極めて仮想マシンっぽく振る舞うけど、実際はただの1プロセス内だよって挙動です
これによりオーバーヘッドが小さいので、Docker越しに仮想マシンを何十台と稼働させるような使い方がしやすくなっています

3.Visual Studio 2022のインストール
.NET 8の開発環境を利用するためにインストール。

そんなにC#でバックエンド作りたいんですか?
チャレンジングで面白い選択肢だとは思いますが、angularの勉強じゃなくね?

もちろん、あなたが元々Windowsマシンのアプリ開発に慣れていてC#が一番手に馴染む
だからC#でWeb API用意したいなぁという話なら良いと思いますが
一から勉強するならNode.jsのWebフレームワークを探してきて、Web APIを構築したほうが良いんじゃないかなと思います

4.Visual Studio Codeのインストール
5.Node.jsのインストール

この2つはローカルのWindowsマシン上になくてはならないものなので
私であればメインマシンに直接インストールする形にします

Hyper-V越しに入れたWindowsの仮想マシンは応答速度や操作性が雑魚なので
あんまりこの中で動かすという流れにはしたくないですね

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

この意見交換はまだ受付中です。

会員登録して回答してみよう

アカウントをお持ちの方は

関連した質問