初心者向け！Visual Studio(Express)の使い方を現役エンジニアが解説
統合開発環境の【Microsoft Visual Studio(ビジュアルスタジオ)】の使い方を初心者向けに解説した記事です。無料版のExpressを使ってインストール方法から、プロジェクトの作成方法までを紹介します。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
ソフトウェアを開発する際に使用すると大変便利な統合開発環境ですが、今回はその一つであるMicrosoft Visual Studio（ビジュアルスタジオ）の使い方を紹介します。
Visual Studioは通常10万円以上する比較的高価なソフトですが、無料版のCommunityも存在していますので、まずはそちらを体験してみるのがいいでしょう。
インストール方法も説明するので、初心者でこれから入門したい方はこれを参考に使ってみてください。
なお、今回の説明にはVisual Studio Community 2019 (Windows版)を使用していますが、基本的に今回の内容であればどのVisual Studioでも大した違いはありません。また、日本語にも対応しています。
なお本記事は、TechAcademyのオンラインブートキャンプの内容をもとにしています。
なお、今回の記事の内容は動画でもご覧いただけます。
テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。
今回は、プログラミングに関する内容だね！
どういう内容でしょうか？
Visual Studio(Express)の使い方について詳しく説明していくね！
お願いします！
目次
- Visual Studioとは
- Visual Studioを使うメリット
- Visual Studioのインストール
- Visual Studioでプロジェクトを作成する
- Visual Studioと一緒に使うと便利なツール
Visual Studioとは
Visual Studioは様々なプラットフォームのアプリケーションを開発できる総合開発環境です。
Visual Studioを使うと以下のようなアプリケーションを開発できます。
Webアプリケーション
Webサーバー側で動作するバックエンドアプリケーションとフロントエンドの開発を両方行うことが可能です。ASP.NETと呼ばれるフレームワークを使用します。
クラウドサービス
Microsoftのクラウド環境であるAzure上で動作するサービスを開発できます。
Python、Node.jsのサポート
Pythonは現在広く利用されているプログラミング言語です。
またNode.jsはJavaScriptでサーバーサイドアプリケーションを構築するフレームワークです。
これらもVisual Studioではサポートしています。
Windowsアプリケーション
WindowsOSで動作するデスクトップアプリケーションを開発できます。
スマートフォンのアプリ
AndroidとiOS両方のアプリを開発できます。
ゲームの開発：Unityという、広く利用されているゲーム開発プラットフォームをサポートしています。
マルチプラットフォームサポート
Xamarinという技術を使用して、WindowsやAndroid、iOSなど、複数のプラットフォームで動作するアプリケーションを開発できます。
このように、とても幅広い開発を行えるのがVisual Studioの特徴です。
またVisual Studioは以下のプログラミング言語をサポートしています。
C#
バックエンドやWindowsアプリケーションの開発で使用されます。Unityを使用した開発でも用いられます。
C++
Windowsアプリケーションの開発で用いられます。Windows自体もC++で開発されており、Windowsの機能をフルに利用した高速なアプリケーションが開発できます。
HTML、CSS、JavaScript
フロントエンドの開発で用いられているプログラミング言語です。
その他
VB、F#、SQLなどをサポートしています。
Visual Studioを使うメリット
Visual Studioは上記のように幅広いプラットフォームに対応しています。
むしろ膨大すぎて最初は戸惑ってしまうことでしょう。
Visual Studioを使用すると以下のようなメリットがあります。
強力な開発支援機能
Visual Studioは統合開発環境（IDE）と呼ばれる開発に必要なものが一式揃っているプログラミングツールです。
アプリケーションのひな形作成、ソースコードを書く時にヒントなどを提示する支援機能、ソースコードのバージョン管理機能など、様々な開発支援機能が備わっています。
充実したデバッグツール
アプリケーションの開発で大変なのがデバッグです。
Visual Studioでは一般的なステップ実行やブレークポイントなどのデバッグ手法に加え、メモリ使用状況の解析や、遠隔の環境で動作しているアプリケーションのデバッグなど、現代の複雑な実行環境に対応したデバッグを行うツールが多く用意されています。
Windowsネイティブアプリケーションの開発が可能
Windows環境に特化したネイティブアプリケーションを開発するならVisual Studio一択です。
C++やC#を使用した高速なアプリケーションを開発できます。
パソコンOSにおけるWindowsのシェアは依然として非常に高く、これからも各種ツールやドライバーなど、Windowsアプリケーションの開発にVisual Studioは用いられることでしょう。
Visual Studioのインストール
まずはインストールを行います。
Visual Studio Communityのページにアクセスしましょう。
「Visual Studio のダウンロード」と書かれているところをクリックします。
するとダイアログ等が出現すると思いますので、そのままダウンロードを行います。
ダウンロードしたセットアップファイルを起動すると以下のような画面になります。
この中から必要なものにチェックを付けてInstallボタンをクリックするとインストールが行われます。
Webアプリケーションを開発するのであれば「ASP.NET and web development」、Windowsアプリケーションを開発するのであれば「.NET desktop development」にチェックをつけるといいでしょう。
※Visual Studio Community 2019は、対応するOSがWindows10バージョン1703以上以上となっているので、ご注意ください。
コスパとタイパ、両方結果的に良くなる良くなる学び方とは？
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか？
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
Visual Studioでプロジェクトを作成する
実際にVisual Studioを使ってプロジェクトを作成していきましょう。
Visual Studioを起動すると、サインインが求められます。
サインインがなくても無料で使えますが、そのままでは30日で使用できなくなってしまいます。
Microsoftアカウントでサインインしておけばずっと無料で使えますので、素直にサインインしておきましょう。
「サインイン」をクリックします。
アカウント選択画面が表示されます。
アカウントを選択します。「別のアカウントを使用する」をクリックすることで、別のアカウントでサインインすることも可能です。
なお、Microsoftアカウントを持っていない場合は、別途作成しておきましょう。
次に環境を設定する画面が表示されます。
開発設定は「全般」、配色テーマは好きなものを選択すると良いでしょう。
エンジニアの間ではダークモードが流行しているため、今回は濃色を選択しました。
「Visual Studioの開始」をクリックします。
以下のようにスタートページが表示されます。
では、早速プロジェクトを作成してみましょう。
「新しいプロジェクト」をクリックします。
今回はWebアプリケーションを作成します。
プロジェクトテンプレートから「ASP.NET Web アプリケーション(.NET Framework)」を選択し、「次へ」をクリックします。
プロジェクト名などを設定する画面が表示されます。
名前などは任意のものに変更できますが、今回は既定値まま「作成」ボタンをクリックします。
どのようなWebアプリケーションを作成するか選択する画面が表示されます。
実際の開発現場で多く使われているのはMVCやWebAPI、シングルページアプリケーションです。
今回は「MVC」を選択して「作成」ボタンをクリックします。
これで無事プロジェクトが作成されました。
この状態で基本となるWebアプリケーションのテンプレートが作成されています。
早速実行してみましょう。
画面上部の「IIS Express(Google Chrome)」と書いてある部分をクリックします。
このような画面が表示されれば成功です。
みなさんも無償のVisual Studio Communityを使ってアプリケーションを開発してみてくださいね。
Visual Studioと一緒に使うと便利なツール
最後にVisual Studioと一緒に使うと便利なツールをご紹介します。
Google Chrome
広く利用されているブラウザであるChromeですが、デベロッパーツールと呼ばれる開発者向けの機能が充実しています。
Visual Studioと組み合わせることで効率よくWebアプリケーションの開発が行えるようになります。
Git
ソフトウェアのバージョン管理システムです。
Visual Studioには最初からバージョン管理システムであるGitのクライアント機能が組み込まれています。
GitHubという世界最大級のリポジトリ（バージョン管理しているファイルなどを格納しておく場所）と連携すると、チームで効率よく開発を行えます。
Unity
3Dなどのゲームを開発するソフトウェアであるUnityとの連携も魅力的です。
Unityの開発言語であるC#のエディタをVisual Studioとすることで、コード補完機能などを活用した効率良い開発が可能となります。
監修してくれたメンター
| 太田和樹（おおたかずき）
ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握、音声認識を活用したヘルプデスク支援システム、ロボットアプリの開発、大規模基幹系システムの開発・導入マネジメント。著書「知識ゼロからの機械学習入門（技術評論社）」。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。 |
他の統合開発環境として、Eclipseもあるので合わせてチェックしてみてください。
内容分かりやすくて良かったです！
ゆかりちゃんも分からないことがあったら質問してね！
分かりました。ありがとうございます！
TechAcademyでは、初心者でも12週間で東京のIT企業へエンジニアとして転職を目指せるオンラインブートキャンプを開催しています。
現役エンジニアとキャリアカウンセラーが学習から転職までサポートいたします。
また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
