コマンドプロンプトとは何かについてまず解説します。コマンドプロンプトを理解するうえで知っておきたい単語の意味についてもまとめました。また、Windowsでコマンドプロンプトを使う方法も説明しています。

### コマンドプロンプトはパソコンに特定動作を行わせるためのもの

*コマンドプロンプトはパソコンに特定動作を行わせるためのソフトウェアであり、Windowsパソコンに標準でインストールされています。*コマンドプロンプトからコマンドを打ち込むことによって、パソコンに直接指示を出すことが可能です。

コマンドプロンプトはエンジニアなら必ずといって良いほど使うものです。また、他の職種であってもコマンドプロンプトを活用することで業務効率化を図れる可能性があります。

コマンドプロンプトについて理解するにはGUIとCUIの意味を知る必要があります。

GUIは「Graphical User Interface」の略で、マウスなどによってパソコンを操作できるインターフェースを指します。たとえばブラウザを開く際は、パソコンのデスクトップにあるアイコンをクリックしますが、この際は特にコマンドなどは使わずマウス操作のみでソフトウェアを起動させておりGUIに該当します。

**対してCUIは「Character User Interface」の略で、コマンドによってパソコンを操作できるインターフェースを指します。**WindowsのコマンドプロンプトはCUIに該当します。開発者やエンジニアはCUIを好んで活用します。CUIは特定コマンドを覚えないといけないため最初は大変ですが、慣れてくればGUIよりも素早く操作することができるからです。

GUIとは？CUIとの違いやメリット・デメリットをエンジニア向けに解説！

### Windows10・11でコマンドプロンプトを使う方法

コマンドプロンプトを起動させるには、Windowsのスタートメニューから「Windows システムツール」をクリックしてください。*次に「コマンドプロンプト」を選択することで黒い画面が立ち上がります。*これがコマンドプロンプトと呼ばれるものです。

また、Windowsのタスクバーに「cmd」と入力することでも、コマンドプロンプトを開くことが可能です。どちらの方法を使っても問題はありません。今後コマンドプロンプトを使っていく方は、ショートカットをデスクトップに作成しておくと良いでしょう。

Windows11のコマンドプロンプトはどこにある？ない時の出し方

## コマンドプロンプトでできること

コマンドプロンプトはパソコンにあらゆる命令を出すことができます。コマンドプロンプトでできることの中でも代表的なものを4つ紹介します。

*コマンドプロンプトを活用することで、パソコンのファイルを整理することが可能です。*ファイルを整理する場合、フォルダを作成しその中にファイルを1つずつ移動させたり、ファイルの中身を確認し必要なファイルかどうか確認したうえで削除したりしている方がほとんどでしょう。コマンドプロンプトなら、それらの操作をコマンド入力によってすぐ行うことが可能です。

たとえば「mkdir」というコマンドでフォルダを作成したり、「more」というコマンドでファイルの中身を確認したりすることができます。パソコンのファイルの整理が面倒でできていない方は、コマンドプロンプトの使い方を覚えると良いでしょう。

Windowsでプログラミングを行う場合、コマンドプロンプトは必ず使うことになります。ソースコードを記述したファイルは、コマンドプロンプトによって実行します。たとえばPythonのソースコードを実行する場合「Python  ｛ファイル名｝」とコマンドを打ちます。また、C言語のようなコンパイル言語の場合、コンパイルもコマンドプロンプトによって行います。

**ほかにも、ファイルのバックアップを取ったり、データベースを操作したり、ソースコードの差分を確認したりする際にもコマンドプロンプトが使われます。**そのため、プログラマーを目指すならコマンドプロンプトの勉強はしておいた方が良いでしょう。

Python入門：はじめの一歩から基本構文までまとめて解説！

*Windowsのシステム設定もコマンドプロンプトによって行うことが可能です。*システム設定を行う場合、複数の画面を開かないといけない場合もあり、複雑な設定を行う場合どの画面で何を設定しているか分からなくなる場合もあるでしょう。システム設定を行うコマンドを知っておけば、コマンドプロンプトだけで簡単に設定を行うことが可能です。

バッチファイルを作成する際もコマンドプロンプトが欠かせません。バッチファイルとは複数のコマンドが一連の処理として1行ずつ記述されてあるファイルのことであり、拡張子は「.bat」です。バッチファイルは毎日決められた時間に作動させることが可能です。たとえば、毎朝他のファイルから特定の文字列が含まれた情報を取得し、1つのファイルにまとめるといったことができます。

**バッチファイルを作成することで毎日の雑務が減るメリットがあります。**ただしバッチファイルを一度設定すると絶えず動き続けてしまうため、正しく動作するかしっかり確認しなくてはいけません。

## コマンドプロンプトの代表的なコマンド

コマンドプロンプトには多くのコマンドがあり、それらを一度に覚えるのは大変です。そこで、コマンドプロンプト利用者が頻繁に使うコマンドを10つまとめました。ひとまずこれらのコマンドを覚えておき、それからさまざまなコマンドを勉強していくのが良いでしょう。

*「cd」は現在の作業フォルダを変更できるコマンドです。*コマンドプロンプトでファイル操作を行う場合、「cd」によって作業フォルダを変更することが多いです。たとえば「cd 【フォルダ名】」と入力することで、そのフォルダを作業フォルダに指定することができます。

**「dir」は現在の作業フォルダにあるファイル・フォルダを表示できるコマンドです。**「cd」と並んで多く使われるコマンドです。また「dir 【フォルダ名】」と入力することで、そのフォルダ内のファイルを表示させることができます。

*「copy」はファイルをコピーできるコマンドです。*「copy 【コピー元】 【コピー先】」と入力することで、コピー元のファイルをコピーすることができます。

**「move」はファイルを移動できるコマンドです。**「move 【ファイル名】 【移動先パス】」と入力することで、移動先パスにファイルを移動させることができます。

「del」はファイルやフォルダを削除できるコマンドです。「del 【ファイル名】」と入力するとファイルを削除することができます。*一度削除したファイルは元に戻せないので気をつけましょう。*

**「mkdir」はフォルダを新規作成できるコマンドです。**「mkdir 【フォルダ名】」と入力するとフォルダを新規作成することができます。

「more」はファイルの中身を表示するコマンドです。「more 【ファイル名】」と入力するとファイルの中身が表示されます。*ファイルをいちいち開かなくても中身を素早く確認できます。*

「find」は特定のファイルがあるか検索できるコマンドです。「find 【ファイル名】」と入力すると現在の作業フォルダにそのファイルがあるか検索できます。**フォルダにファイルが多すぎて探しにくくなった場合に便利です。**

*「sort」はファイルの中身をソート表示できるコマンドです。*「sort 【ファイル名】」と入力すると行単位でファイルの中身を並びかえることができます。また、「sort  -r 【ファイル名】」と入力すると逆順にも並びかえが可能です。

「ipconfig」はIPネットワーク設定を確認できるコマンドです。**パソコンとルーターが正常に繋がっているか、IPアドレスはどうなっているか、などを確認したい場合に便利です。**

## コマンドプロンプトの勉強方法

*コマンドプロンプトを習得したい場合、リファレンスを見ながら実際にコマンドを実行してみるのが良いです。*手を動かすことによって記憶に定着しやすくなります。各コマンドの使い方はMicrosoft社の公式サイトにも掲載されていますし、書籍も多く販売されています。コマンドはすべて覚える必要はなく、ある程度覚えたら後は実際に開発を行いながら少しずつ覚えていくのが良いでしょう。

【参考】：[Windows のコマンド | Microsoft Docs](https://docs.microsoft.com/ja-jp/windows-server/administration/windows-commands/windows-commands)

## コマンドプロンプトを使う際の注意点

コマンドプロンプトで行った処理は、取り消しが不可能な場合もあるので注意が必要です。たとえば、「del」コマンドによって削除されたファイルは復元させることができません。ファイルはゴミ箱に移動するのではなくすぐに削除されてしまうからです。

**そのため、「この操作でどのような結果が発生するか」しっかり確認してからコマンドを打つことをおすすめします。**処理内容がよく分からないコマンドは使うべきではないでしょう。また、重要なファイルに対して処理を行う際は、一度テストファイルやフォルダに対してコマンドを使ってみて、問題ないかどうか確認した方が良いでしょう。

## コマンドプロンプトを使いこなすことで仕事ができるようになる

本記事ではコマンドプロンプトとは何かについて解説しました。*コマンドプロンプトを使いこなすことで、ファイル整理など面倒な業務を効率化することができ、コア業務に集中することが可能です。*

コマンドプロンプトを扱える方はそこまで多くないため、基礎を知っているだけでも他の人よりも仕事ができるようになるでしょう。コマンドプロンプトを使いこなしたい方は、まずは本記事で紹介した10つのコマンドの使い方を覚えるところから始めると良いです。本記事がコマンドプロンプトについて知見を深めたい方にとって有意義なものとなれば幸いです。

ITエンジニアになるにはどうしたらいい？目指す方法や疑問点を解説！

コマンドプロンプトの存在は知っているものの、使ったことはないという方も多いのではないでしょうか。コマンドプロンプトを使いこなすことで、業務効率化が図れる可能性もあります。当記事では、コマンドプロンプトとは何か、基本的な使い方やできることについて解説します。

コマンドプロンプトはパソコンに特定動作を行わせるためのもの

コマンドプロンプトを使うことでファイル整理やプログラミングが可能になる

ファイル削除などの操作は取り消すことができないので注意が必要

コマンドプロンプトとは？できることや使い方をわかりやすく解説！

AWS Fargateとは、AWSが提供するコンテナ向けのサーバーレスコンピューティングエンジンを指します。読み方は、ファーゲートです。動作環境は、Amazon Elastic Container Service (ECS) と Amazon Elastic Kubernetes Service (EKS) の2種類に対応しています。

【参考】：[AWS Fargate](https://aws.amazon.com/jp/fargate/)

AWS Fargateは 、インスタンスの選択やクラスター容量のスケーリングなどの設定をすることなく、適切なコンピュート資源が割り当てられます。わかりやすく言うと**AWS Fargateとは、サーバー管理不要のコンテナ実行環境で、アプリケーション開発や構築の効率向上を可能にするAWSのサービスを意味します。**

AWSのコンテナについて初心者にも分かりやすく解説！

AWS Fargateの特徴ですが、コンテナ実行環境の管理が不要な点が挙げられます。具体的には、*サーバー運用で必要となるOSのメンテナンスやパッチ管理が不要となります。*リソース要求に基づき、コンピューティングのスケールが自動的に行われます。

AWS Fargateはサーバーレスのため、ワークロード使用量に応じて課金されます。そのため料金プランは無駄がなく、オーバープロビジョニングが発生しません。

AWS Fargateでは、コンテナの一般的な用途全般に対応しています。具体的には、コンテナを活用し、既存アプリケーションのリフト&シフトによる移行が可能となります。また、定型的なジョブを反復実行することが可能で、バッチ処理に活用することもできます。マイクロサービスに対応するアプリケーションを分散実行することも主要用途の1つです。

このように、*コンテナを活用したアプリケーション開発と運用を効率的に行い、CI／CD（継続的インテグレーション／継続的デリバリー）を実践することができます。*

*AWS Fargateの料金体系は従量課金制となっており、使用量に応じた料金が発生します。*具体的にはコンテナ化されたアプリケーションで消費される vCPU およびメモリリソース・ストレージリソースに対する料金が発生します。

Savings Plans を利用して、1年間または 3年間、特定量のコンピューティング使用量契約により、使用料金を最大 50% 節約することも可能です。

【参考】：[AWS Fargate の料金](https://aws.amazon.com/jp/fargate/pricing/)

AWSの提供サービスは、リージョン毎に異なります。AWS Fargateの提供リージョンですが、*Amazon ECSについてはアジアパシフィック（東京）、アジアパシフィック（大阪）ともにサービス提供されており、LinuxコンテナおよびWindowsコンテナともに支障なく利用することができます。*

【参考】：[AWS リージョン別のサービス](https://aws.amazon.com/jp/about-aws/global-infrastructure/regional-product-services/?p=ngi&loc=4)
【参考】：[Supported Regions for Amazon ECS on AWS Fargate](https://docs.aws.amazon.com/AmazonECS/latest/userguide/AWS_Fargate-Regions.html)

Amazon EKSは提供リージョンが限定されており、2022年8月時点ではアジアパシフィック（東京）で利用できますが、アジアパシフィック（大阪）ではまだ提供されていません。

AWSのリージョンとは？リージョン一覧と日本のリージョンを解説！

AWSのリージョンとは？提供サービスをリージョン一覧から解説！

*AWS Fargateを利用するにあたり、Amazonのサービスと連携する必要があります。*そのため、いくつか関連するサービスについて用語の理解が求められます。ここでは、それぞれの用語とその違いについて解説していきます。

Amazon EC2とは、Amazon Elastic Compute Cloudの略で、AWSの主要コンピューティングサービスを指します。*AWSはサーバーサービスで用いるコンピュータ資源の種類が豊富で、ニーズに合わせた関連サービスが多数提供されています。*

【参考】：[Amazon EC2](https://aws.amazon.com/jp/ec2/)

Amazon EC2では、コンピュートリソースを仮想サーバーとして切り出し、サービス提供します。SLAに応じて幅広いインスタンスが提供されており、業務に応じたキャパシティとスケールを確保することができます。

ITエンジニアなら知っておくべきAWS入門とAmazon EC2

Amazon ECSならびにAmazon EKSがコンテナを起動する方法としては、Amazon EC2とAWS Fargateのいずれかが必要です。*AWS FargateとAmazon EC2ともにコンテナの実行環境（データプレーン）に使用します。*

違いですが、Amazon EC2は通常の仮想サーバーとしてコンテナ実行環境に利用します。AWS Fargateの場合は、サーバーレスコンテナとしてホストマシンを意識せずにコンテナを実行することができる点に違いがあります。

Amazon ECSとは、Amazon Elastic Container Serviceの略で、*Amazon EC2インスタンスやAWS Fargateを用いてDockerコンテナを管理するサービスを指します。*

【参考】：[Amazon Elastic Container Service (Amazon ECS)](https://aws.amazon.com/jp/ecs/)

マネージドクラスターでアプリケーションを実行しますので、自前でクラスター管理ソフトウェアのインストールや管理を行う必要がありません。ECSでは関連するAWSサービスと連携し、可用性を高めることもできます。

Amazon EKSとは、Amazon Elastic Kubernetes Serviceの略で、*オープンソースのKubernetesを用いてDockerコンテナを管理するサービスを指します。*自前でKubernetesのコントロールプレーンやワーカーノードをインストールすることなく、管理を容易にします。

【参考】：[Amazon Elastic Kubernetes Service (EKS)](https://aws.amazon.com/jp/eks/)

オープンソースのKubernetesが用いられているため、通常のKubernetes環境で動作するアプリケーションと互換性があります。

コンテナ化を楽に！KubernetesとDockerの違いを解説

Amazon ECSとEKSの違いですが、ともにコンテナをコントロールする機能（コントロールプレーン）として使用し、コンテナの稼働や停止などの管理を行います。コンテナのスケールやロードバランスを行い、アプリケーション構築や運用を簡素化し、環境を適切に維持します。ご使用の環境に合わせて選択することができます。

選択方法の違いは、*Dockerコンテナを管理する際にはECSを使い、Kubernetesを用いる場合はEKSを使う点が異なります。*すでにAWSを利用しており、AWSの環境を最大限活用する場合も、ECSが候補となります。EKSはオンプレミス環境でKubernetesをすでにお使いの方や、Kubernetes向けアプリケーションをクラウド環境へ移行する際に有効です。

AWS Fargateの使い方ですが、*あくまでコンテナの実行環境ですので、コンテナをコントロールするAmazon ECSまたはEKSが必要です。*EKSはKubernetesを用いるため、Kubernetes自体の知識が必要となります。ここではECSを用いてAWS Fargateの使い方を解説していきます。

【参考】：[AWS スタートアップのためのコンテナ入門 – AWS Fargate 編](https://aws.amazon.com/jp/blogs/startup/techblog-container-fargate-1/)
【参考】：[AWS Fargateとは?](https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/userguide/what-is-fargate.html)

AWS Fargateを始めるために、ECSでクラスター作成を行います。AWS マネジメントコンソールから作業を開始します。*Amazon ECSでは、Amazon Linux 2およびWindows Server 2019 Full・Windows Server 2019 Coreのコンテナがサポートされています。*

【参考】：[Amazon ECS User Guide for AWS Fargate](https://docs.aws.amazon.com/AmazonECS/latest/userguide/what-is-fargate.html)
【参考】：[AWS マネジメントコンソール](https://aws.amazon.com/jp/console/)

*Fargateを用いたクラスターのセットアップを行います。*Amazon ECS コンソールを開き、「クラスター」「クラスターの作成」を選択します。CLIを利用するには、先行してAmazon ECS CLIをインストールしておきます。

【参考】：[Amazon ECS デベロッパーガイド チュートリアル: Amazon ECS CLI を使用して Fargate タスクのクラスターを作成する](https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/ecs-cli-tutorial-fargate.html)
【参考】：[Amazon ECS デベロッパーガイド Amazon ECS CLI をインストール](https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/ECS_CLI_installation.html)

AWS CLIのインストール手順から使い方まで解説！

### クラスターテンプレートの選択

*クラスターの作成を簡略化するために、クラスターテンプレートが用意されています。*テンプレートで「AWS Fargateを使用」の記載がある「ネットワーキングのみ」を選択し、「次のステップ」をクリックします。

クラスター名を設定し、「作成」をクリックします。「起動ステータス」が表示され、クラスター作成が完了します。その後、*コンテナのイメージをAmazon ECR（Elastic Container Registry）に格納するか、Docker Hubを活用します。*

【参考】：[Amazon Elastic Container Registry (Amazon ECR)](https://aws.amazon.com/jp/ecr/)
【参考】：[Docker Hub](https://hub.docker.com/)

Amazon ECS コンソールを開き、「タスク定義」で起動タイプに「FARGATE」を選択し、「次のステップ」をクリックします。そこで「タスク定義名」を設定し、「コンテナの追加」をクリックします。*「コンテナの追加」では、ECRのリポジトリあるいはDocker Hubに格納したイメージを指定します。*同様に、コンテナで実行するコマンドを記載します。

Amazon ECSマネジメントコンソールを開き、「タスク定義」に表示されている作成済みのタスク定義を選択し、「タスクの実行」をクリックします。起動タイプは「FARGATE」を選択し、「タスクの実行」をクリックします。これでタスクが実行されました。*実行結果は、タスクの詳細から確認できます。*

## サーバーレスのメリットを享受できます

AWS Fargateでは、サーバーレスのコンテナ実行環境が提供されます。ホストマシンを意識せずにコンテナを実行でき、OSの管理やパッチ運用から開放されます。ワークロードのキャパシティ要件に応じてスケールするので、コンテナアプリケーションの構築と管理に専念できます。**Dockerの知識習得とともに、AWS Fargateの情報収集をおすすめします。**

Docker入門！メリットや用途を交えて基本情報を解説！

AWS Fargateとは、AWSが提供するサーバー管理不要のコンテナ実行環境を指します。Amazon ECSとEKSの両サービスに対応し、アプリケーション開発や構築の効率向上を可能にします。ここでは、概要から関連用語の意味や違い、使い方まで解説していきます。

AWS Fargateとは、コンテナ向けのサーバーレスコンピューティングエンジンを指します

ホストマシンを意識せずにコンテナを実行でき、OSの管理やパッチ運用から開放されます

Amazon ECSとEKSに対応し、アプリケーションの開発・構築に専念することができます

AWS Fargateとは？サーバー管理不要のコンテナ実行環境を解説！

2022年7月、vitejs.devは**フロントエンドのビルドツール「Vite」の最新バージョンである「Vite 3.0」をリリースしました。**

Viteは高速動作を特徴とし、サポート対象をVue.js・React・Svelteとするフロントエンドのビルドツールです。リリースされたVite 3.0では、Viteの高速テストを可能とするcreate-viteテンプレートに、今回新たなドキュメントに則った新たなテーマが追加されています。

そのほか、Vite CLIのデフォルト開発サーバポートは「5173」となり、プレビューサーバポート「4173」をリッスンするように変更され、Viteと他のツールとの衝突回避を図っています。複数の変更が施されています。

また、Vite 3.0ではデフォルトの接続スキームが変更され、シナリオのほとんどで直ちにWebSocket接続が使用できるとともに、静的インポートされた先頭のモジュールをクロールする際、プラグインによるインポートの注入で、コールドスタート中の完全なリロードが回避されるようになっています。

このようにVite 3.0はViteの弱点や問題点を克服し、さらに強力なフロントエンドのビルドツールに進化しています。

*【参考】：[Vite 3.0 is out！](https://vitejs.dev/blog/announcing-vite3.html)*
*【参考】：[Vite | 次世代フロントエンドツール](https://ja.vitejs.dev/)*

Vue.jsとは？すぐに分かる概要から特長・使い方まで解説！

Reactの将来性はVue超え？できることやメリット・デメリットも解説

Viteは「ヴィート」と発音し、フランス語の「速い」を意味する言葉です。Viteは2020年発表の新しいフロントエンドのビルドツールです。ビルドツールとは、ソースコードから実行可能アプリケーションまでの作成を自動化するツールのことです。

Viteの開発者は、Vue.jsの作者と同じEvan You氏ですが、ViteはVue.jsのツールではありません。**ViteはJavaScriptから流行のフレームワークであるVue.js・Svelte・Reactまで、さまざまな環境で利用可能な汎用ツールです。**

フロントエンドのビルドツールであるViteは、どのような特徴を持っているのでしょうか？特徴をつかむことで、よりViteのイメージを明確にしていきましょう。

Viteの大きな特徴は、その実行スピードの速さにあります。従来のビルドツールでは、プロジェクト内の全てのファイルをバンドルして1つのプログラムにまとめます。バンドルとはコンパイル・結合によって、数あるソースをひと塊にすることを意味します。

プロジェクトの規模が大きくなればなるほど、このバンドル処理に時間を要するようになり、これが従来のビルドツールのネックでした。

Viteではこの弱点に着目し、モジュール分割の仕組みである「ES Modules」を利用して、修正や変更が加えられたソースだけをコンパイルしてブラウザに送るようになっています。これにより、**大規模プロジェクトでも起動や更新が高速で行えるようになっています。**

なお、ES Modulesでは、ブラウザとしてIE11（Internet Explorer 11）が利用できないという制約があります。

### 設定不要でライブラリの使用が可能

「out of the box」（箱から出してすぐに使える）がViteの主要コンセプトです。このコンセプト通り、**Viteでは基本的に開発における面倒な設定がほぼ不要で、JavaScriptだけのシンプルなウェブページからVue.jsとTypeScriptによる本格的ウェブアプリケーションまで、ほぼ同じ早さで開発を始められます。**

また、開発中にファイルを変更する場合でも、ホットリロード機能によって、その差分検知によるブラウザーのリロードが行われ、ページの変更に関係しない部分への影響を与えることがありません。

### IEを含めたプロダクションビルドが可能

ビルドには開発の際に使用されるDevelopment Buildと、本番アプリケーション作成に使用されるProduction Build（本番ビルド）があります。

Viteを使った開発（Development Build）のデバッグ起動ではIE11を使用できませんが、ビルド結果はIE11でも動かせます。

開発時にViteはES modulesを使い、高速に動作しますが、ビルドする際に最終的にはこれまでのバンドラーと同様に、すべてのファイルを1つにまとめてくれます。このため、**「ES Modules」では動作しなかったIE11が、本番では動作が可能です。**ただし、IE11向けのビルドには追加の設定が必要になる点は注意が必要です。

## Vue.jsのプロジェクトをViteで作成する

ここでは、Vue.jsのプロジェクトを作成するのにViteを用いる手順について紹介します。Vue.jsはWebアプリケーションにおける主にUI開発で使われる、JavaScriptのフレームワークです。Vue.jsはJavaScript用のフレームワークとして最も高い採用率を誇っています。

手順としては、最初にJavaSript実行環境のNode.jsをインストールし、続いてVue.jsをインストールします。**JavaScriptの開発環境が整ったところで、「Vite 3.0」をインストールするという流れです。**

*【参考】：[Vue.js](https://jp.vuejs.org/index.htmll)*

Viteを利用するためには、**Node.js（npm）がインストールされていることが前提なので、まずはNode.jsをインストールします。**

Node.jsは、JavaScriptの実行環境で、これを自分のパソコンやサーバにインストールするとJavaScriptを用いたWebアプリケーションの開発、モバイルアプリケーション開発、フロントエンド開発環境の構築が行えるようになります。

インストールの手順を以下、簡単に紹介します。（ここではWindows10もしくはWindows11を前提にしています。）

*STEP1.*
Node.jsのインストーラーを入手します。下記のNode.js公式サイトにアクセスし、「Download for Windows（x64）」の左下にある［16.16.0.LTS］（数字はバージョンで、時々変動します）をクリックしてインストーラーをダウンロードします。

*STEP2.*
Node.jsのインストーラーを起動します。インストールはNode.jsのインストーラーが自動で行ってくれます。基本的に特別なオプション指定は不要で、［Next］ボタンを数回クリックするだけでインストール作業は終わります。最後に［Finish］ボタンをクリックすれば完了です。

*STEP3.*
Node.jsがインストールされたことを確認します。

［Windows］+［R］で「ファイル名を指定して実行」のダイアログを開き、「cmd」と入力して、「コマンドプロンプト」を開きます。

続いて、コマンドプロンプトで、

と入力すると、インストールされたNode.jsのバージョンが表示されます。

と表示されれば正しく最新バージョンのNode.jsがインストールされています。

*【参考】：[Node.js](https://nodejs.org/en/)*

Node.js入門！メリットやインストール方法・学習方法を解説

Node.jsのインストールが済んだら、続いてJavaScriptのフレームワーク、Vue.jsをインストールします。以下、インストール手順を紹介します。ここでは**vue-cliを利用したインストールについて解説します。**

*STEP1.*
コマンドプロンプトを開き、

「-g」を入力し忘れるとエラーが発生しますので注意が必要です。

*STEP2.*
インストールが終わったら、コマンドプロンプトに

と表示されれば、Vue.jsのインストールは完了です。

*【参考】：[Vue.js](https://jp.vuejs.org/)*

Vue.jsのインストールが完了したら、実際にVue.jsを起動してみましょう。

*STEP1.*
コマンドプロンプトを開き

を入力します。ここではプロジェクト名を仮にtest-vueとします。

*STEP2.*
画面上にいくつか選択肢が表示されますが、デフォルトを選択しますので、そのままEnterキーを押してください。

と表示されたら、「test-vue」フォルダにプロジェクトが作成されています。

*STEP3.*
続いて、「test-vue」フォルダに移動します。コマンドプロンプトで

*STEP4.*
「test-vue」に移動したら、

と入力します。以下のように表示されたら、プロジェクトが正常に起動しています。

`DONE  Compiled successfully in 6221ms       
  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.0.20:8080/
  Note that the development build is not optimized.
  To create a production build, run npm run build.`

*STEP5.*
ブラウザを起動し、「http\://localhost:8080/」にアクセスし、

Node、jsとVue.jsのインストールが無事に終わったら、最後にViteをインストールしてみましょう。

*STEP1.*
Vite 3.0をインストールします。コマンドプロンプトを開き

を入力します。ここではプロジェクト名を仮にtest-viteとします。

*STEP2.*
続いて、プロジェクトフォルダ「test-vite」に移動します。コマンドプロンプトで

*STEP3.*
test-viteフォルダに移動したら、

と表示されたらプロジェクトを起動します。

 `Dev server running at:
  > Network:  http://192.168.0.20:3000/
  > Local:    http://localhost:3000/`

と表示されたら、ブラウザを起動して「http\://192.168.0.20:3000/」にアクセスしてください。

**「Hello Vue 3.0 + Vite」と表示されていたら、Vite 3.0がインストールされ、プロジェクトが起動しています。**

2022年7月、vitejs.devは高速処理を特徴とするフロントエンドのビルドツール「Vite」の最新バージョンである「Vite 3.0」をリリースしました。この記事では「Vite 3.0」の特徴とインストール方法、実行環境の構築方法などについて解説します。

vitejs.devは、フロントエンドのビルドツールViteの最新バージョン「Vite 3.0」をリリースした

「Vite 3.0」はビルドにおいて負荷の掛かるバンドル処理を廃止し、ビルドの高速化を実現した

「Vite 3.0」の実行環境構築には、Node.jsやVue.jsなどがインストールされている必要がある

「Vite 3.0」とは？最新フロントエンドビルドツールを解説！

Azure ADとは*Microsoft社が提供するクラウドサービスAzure上の認証サービス*です。ADはActive Directoryの略であり、読み方は「アジュールアクティブディレクトリ」です。Active Directoryは複数のWindows PCユーザーの認証情報やアクセス権限を一元管理できる機能であり、Azure ADはそのクラウド版という位置付けです。

しかし、ただクラウド化しただけではなく、クラウド特有の多く新機能やメリットが存在しています。**本記事ではこのAzure ADについて提供される機能やメリットなどをわかりやすく解説していきます**。

クラウドエンジニアを目指す方必見！Azureを分かりやすく紹介！

### 従来のActive Directoryとの違い

前述したように*Azure ADは従来のActive Directoryのクラウド版*という位置付けですが、実態として異なる点がいくつかあります。まず、従来のActive Directoryはオンプレミスでサーバー本体を施設内に設置するのに対し、**Azure ADはクラウド上のサーバーを利用する**という点が大きく異なります。

また、使用目的として、従来のActive Directoryが施設内にあるため、社内のローカルネットワークに接続されているサービスのみを対象としていました。一方、**Azure ADはクラウド上に構築されるため、社内外問わずクラウドサービス全般を対象**とすることができます。

ほかにも、認証プロトコルについてActive Directoryが「Kerberos」と「LDAP」を使用するのに対し、**Azure ADでは「SAML」や「WS-Federation」など様々なプロトコルに対応している**という違いもあります。

気になる料金体系はどうなっているのでしょうか。*Azure ADには下記の4つのプラン*が用意されています。

AzureやDynamics 365などの他のサブスクリプションを契約すると自動的に付加されるプランです。

Office 365のE1、E3、E5、F1、F3プランを契約すると自動的に付加されるプランです。Freeプランに対してユーザーによるセルフサービスパスワードリセット機能などが追加されています。

Azure及びOffice 365ユーザーが追加プランとして購入することができ、**1ユーザーにつき毎月6ドル**となっています。高度なセキュリティ機能である「Azure AD 条件付きアクセス」を利用することができます。

Azure及びOffice 365ユーザーが追加プランとして購入することができ、**1ユーザーにつき毎月9ドル**となっています。P1よりもさらに高度な「リスク ベースの条件付きアクセス」を利用することができます。

[参考：Azure ADの料金体系](https://azure.microsoft.com/ja-jp/pricing/details/active-directory/#pricing)

*クラウドに対応したActive DirectoryであるAzure AD*では実際にどのようなことができるのでしょうか。**下記で具体例を見ていきましょう**。

### クラウドサービスのアカウント管理とシングルサインオン化

Azure ADの主たる機能は*クラウドサービスのアカウントを一元管理*できることです。対象のサービスはMicrosoftが提供するものに限らず、「Box」や「Google Workspace」などの他社製品に対しても管理することができます。

さらに、あるサービスへのログインで使用した認証情報を利用し、他のサービスへログイン作業を不要化する「シングルサインオン」も適用することも可能です。従来、**社内でしか適用できなかったActive Directoryの機能を社外のクラウドサービスに利用できるようになる**イメージでしょう。

### アプリケーションごとのアクセス制限

クラウドサービスを利用するユーザーの認証情報を管理できるだけでなく、Azure ADは*アクセスも管理*することができます。ユーザー単位もしくは属性ごとにアプリケーションへのアクセス権を設定できるため、情報漏洩リスク低減や効率的なユーザー管理を期待できます。「Azure AD 条件付きアクセス」で知られる本機能は**有料のPremiumプランでないと使用できない点**に注意しましょう。

Azure ADの管理者は*サインインログと呼ばれるアクセスログ*を閲覧することも可能です。このログを閲覧することで、

・ユーザーのサインインにどのようなパターンがあるか

・1週間で何人のユーザーがサインインを行ったか

・何が原因でサインインエラーが発生したか

などを把握することができ、不正アクセス検出の役に立ちます。こちらの機能も**アプリケーションごとのアクセス制限と同様に有料のPremiumプランでないと使用できないこと**には注意しましょう。

Azure ADではユーザーごとに認証情報を管理できるだけでなく、*接続するデバイスごとで管理することも可能*です。これはデバイスIDと呼ばれるオブジェクトによってどのようなデバイスが接続できるのかを管理している形です。

「Azure AD登録」と呼ばれる方法を用いれば、**社内のADドメインに参加していない個人所有のデバイスもAzure ADにて管理できるようになります**。本機能もまた有料のPremiumプランでないと利用できない点に注意しましょう。

[参考：Azure ADのデバイス管理](https://docs.microsoft.com/ja-jp/azure/active-directory/devices/overview)

**Azure ADでは様々なことができること**が分かりました。次に*実際に導入することでどのようなメリット*があるかを見ていきましょう。

### 環境規模の拡張・縮小が容易になる

Azure ADでは従来のオンプレミスのActive Directoryと異なり、*実際にサーバーを設置する必要がありません*。そのため、**システム規模を拡張したい場合にサーバー増築が不要となり、スピーディーな対応が可能**となります。管理しなければならないユーザーやデバイスが短期間で急激に増加した場合もAzure ADの管理画面上で設定を変更するだけで対応することができるということです。

### クラウド認証のコストを削減できる

前述のようにAzure ADではクラウド上のサーバーで認証サービスが提供される形であるため、自社内にサーバーを構築する必要がありません。そのため、*サーバー構築のための初期費用や外部委託費用などが一切不要*です。

サービス・ツール・技術の記事（52ページ目）