ITエンジニアの皆さんの多くは、1度はHTMLについて学んでいることでしょう。また、実際にWebプログラマーとして、日常的にHTMLを使いこなしている方もいるはずです。しかし、HTMLについて尋ねられた際に、きちんと説明するのを難しく感じてしまう方も多いのではないでしょうか。

この記事では、HTMLとはどういった言語なのか、何ができるのかを解説し、CSSやJavaScriptとの関係性についてもまとめました。特に日常的にHTMLを活用するフロントエンドエンジニアを目指す方は、ぜひ最後まで読み進めてください。

【初心者必見】HTMLとCSSの違いは？基本知識と学習方法も解説！

### HTMLは様々なWebサイトやCMSで活用されている

*世界中のWebサイトのほとんどはHTMLで作られています。*しかしながら「Webページは作ったことはあるけれど、HTMLは使わなかった」という方も多いでしょう。近年ではCMS（コンテンツマネジメントシステム）が普及しており、HTMLを自分で記述しなくてもWebページが作れるようになっています。

ただし、HTMLの技術が不要になったわけではありません。有名なCMSであるWordPressも、HTMLの仕組みを用いてWebページを生成しています。Webページの微調整、色の調整など、細かい部分はHTMLで直接記述するケースもあります。そのため、HTMLのスキルを身に付けておくと、さまざまな場面で役に立ちます。

<center>[エンジニア転職を成功させるため<br/>ぜひ*『マイナビIT エージェント』*をご活用ください！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)</center>

ここでは、HTMLとはどういった言語なのかを具体的に解説します。また、併せて簡単にできるWebページの作成方法やHTMLを活用するITエンジニアの年収についてもまとめました。

HTMLは、「Hyper Text Markup Language」の略語です。これをそのまま直訳すると「高度なテキストに目印を付けるための約束事」です。Languageは「言語」を意味しますが、ここでは文法やルールと考えてください。　

HTMLはマークアップ言語であり、プログラミング言語ではありません。私たちが日常的に目にするWebページは、WebデザイナーやWebプログラマーが視覚的に分かりやすく、タイトル・文字・画像などを配置しています。

しかし、コンピュータからすれば単なるコードの羅列でしかありません。そこで登場するのがHTMLです。**HTMLがコンピュータと人間の間を取り持つ、翻訳者の役割を果たしています。**HTMLはWebページに表示する画像サイズの指定や、文字のフォント・サイズ・配置を指示するといった役割を担ってくれます。

HTML入門：基本から学ぶHTMLの構造と構成要素を解説！

「Hyper Text Markup Language」の語句の意味について更に深掘りしていきましょう。ハイパーテキスト（HyperText）は、直訳すると「超テキスト」です。通常のテキストを超越したテキストということになりますが、何が「超」なのでしょうか？

Webページにはハイパーリンクが頻繁に登場します。このハイパーリンクは、ある語句に関してさらに深く知りたい時に、その語句から直接、関連文章や説明文書を呼び出すという機能を持っています。このように語句や文章を「関連づける」ことをハイパーリンクと称し、ハイパーリンクの機能を持つ文書を「ハイパーテキスト」と呼んでいます。

HTMLの特徴がハイパーテキストであることは理解できましたが、ではマークアップ（Markup）とは何のことを指すのでしょう？*マークアップとは「タグ」と呼ばれる記号で文章を囲い、文章に「目印をつけて」意味を持たせることです。*

マークアップ言語によって見出しがどこなのかを把握したり、どこまでが引用した部分なのかを確認したりすることが可能です。人間であれば目で見て理解できることでもコンピュータが人間と同じように理解することは難しいため、マークアップ言語を使用して理解させます。

また、マークアップ言語で見出しを大きく太字にしたり、段落を1段落ごとに改行して表示させたりすることで、ユーザが読みやすいサイト作りを行うことができます。

マークアップエンジニアとは？仕事内容や年収、将来性について解説

マークアップとは「タグ」を使って文章に目印をつけることだと説明しました。「タグ」とはWebページ上で何をどう表示させるかを指定する「命令文」であり、テキストをその意味ごとに<>で囲んで作成していきます。**このタグをコンピュータが読み取って、人に分かりやすい表示に変えてくれるのです。**

例えば、見出しであれば階層の上から &lt;h1&gt;~&lt;h6&gt; を用います。大見出しの場合は、&lt;h1&gt;大見出し&lt;/h1&gt; と記述します。

本文であれば、段落を表す &lt;p&gt;本文&lt;/p&gt; を用います。

その他、画像は&lt;img&gt;タグを用いて、&lt;img src="画像ファイル名"/&gt; のように記述します。

HTMLタグとは？HTMLタグ一覧など初心者向けに解説！ 

メモ帳のようなテキストエディタを用いて、文章や画像にタグを付けるだけで簡単にWebページを作れることが分かりました。

このようにHTMLは主にWebページ作成に使われていますが、実は他にもHTMLが活用されているものがあります。Webページを含めて、大きく3つの場所でHTMLが利用されているので、順に見ていきましょう。

世界中のWebサイトのほぼすべてがHTMLによって作られています。実際のWebサイトを見てHTMLの記述を確認してみましょう。今ご覧になっているこのサイトでも構いません。

Webページが実際にHTMLで記述されていることを確認するには、そのソースコードを見る必要があります。**Windowsのパソコンなら「CtrlとU」、Macを使っている方なら「⌘とOptionとU」を同時に押すとソースコードを表示ができます。**

このように、WebサイトはすべてHTMLで記述されているのです。

皆さんが普段利用しているEメールでも、HTMLが使われているケースが多いです。Eメールも当初はテキスト文字だけで構成されていましたが、近年のメールソフトは、OutLookのようにHTML対応が主流です。

*太字による強調・カラー装飾・画像の添付などがあるメールは、HTMLメールです。*ビジネスメールではテキストメールがまだ主流ですが、メルマガや登録サイトのお知らせメールなどではHTMLメールが多いです。

HTMLメールはWebと同じくビジュアル性があり、訴求力が高いため、広告重視のメールなどでよく利用されています。

HTMLはOSに縛られない点が強みです。iOSであれAndroidであれ、HTMLは共通言語です。

スマホアプリを開発する際、iOSの場合はObjective-CやSwiftなどを用い、AndroidはJavaなどを使いますが、iOSとAndroidそれぞれに対応できるスマホアプリを作る場合には、個別に開発をしなければなりません。

しかし、**Webページに動きを与えるJavaScriptと、HTMLを使えば、iOSとAndoroidの両方で動くスマホアプリの開発が可能です。**

このようなアプリは「ハイブリッドアプリ」と呼ばれ、二重開発を避けることで開発コストの低減につながることが大きなメリットです。ハイブリッドアプリ構築の環境としては、Monaca・アドビ社のApache Cordova・マイクロソフト社のXamarin・FacebookのReact Nativeなどが知られています。

【参考】：[Monaca](https://ja.monaca.io/)
【参考】：[Apache Cordova](https://cordova.apache.org/)
【参考】：[Xamarin](https://learn.microsoft.com/ja-jp/xamarin/get-started/what-is-xamarin)
【参考】：[React Native](https://reactnative.dev/)

iPhone(iOS)アプリ開発は難しい？必要な準備と開発の流れを解説！

HTMLでできることについて、具体的な作業に即して見ていきましょう。以下では、HTMLでできることの中から、代表的な例を3つ挙げてみました。

HTMLでできることは少ない？できないことやタグも一覧でまとめた

HTMLの重要な機能として、「文章の見出し」を作る機能があります。後ほど具体的な記述例を紹介しますが、*見出しの定義には &lt;h1&gt;から&lt;h6&gt; までのタグが使われます。*

見出しタグによって、コンピュータはその文章が見出しであると認識するのです。見出しタグがないと、コンピュータは単なるテキスト文であると認識し、見出しとして表示されません。

HTMLはハイパーテキストを作成できるため、外部サイトや他のページへ移動するためのリンクを設定できるという特徴があります。HTML上では、*リンクを貼る部分にタグとして &lt;a&gt; を使います。*コンピュータは<a>タグをリンクの命令だと認識します。

HTMLの特徴として、表の作成機能があげられます。*表を作成する際には &lt;table&gt;や&lt;tr&gt;、&lt;td&gt; などのタグが用いられます。*これらのタグによって列や行ができ、表を作成することができるのです。

こういったHTMLのスキルはエンジニア職以外でも日々活用されています。HTMLがきっかけでプログラミングに興味を持った場合は、研修制度が充実している企業を選んでスキルを磨くことをおすすめします。

## HTMLで簡単にできるWebページの作成方法

以上で確認したことを、実習しながらおさらいしてみましょう。**WebページはHTMLで構成が定義されており、テキストの羅列がタグによってマークアップされて意味のあるものになっています。**

ここでは、Windowsのメモ帳を使ってHTMLを記述し、簡単なWebページを作ってみましょう。以下をメモ帳で記述してみてください。

```
<title>タイトル-世界の山</title>
<h1>大見出し-富士山</h1>
<h2>中見出し-富士山の画像</h2>
<p>本文-富士山の画像をフリー画像のpixaby.comから拾ってきました。</p>
<img src="https://cdn.pixabay.com/photo/2014/10/07/13/48/mountain-477832_1280.jpg" >
```

メモ帳に入力したら、ファイル名を「富士山」、拡張子は「html」として保存するとHTMLファイルが完成します。HTMLファイルとは、この保存した「富士山.html」というファイルのことで、ダブルクリックすると次のように表示されます。

~~【図】：「富士山.html」として作成したWebページ~~

上記のように、HTMLを使って簡単にWebページが作成できます。

上記のように簡単な構造のWebページであれば、初心者でもいくつかのタグを使うだけで簡単に作成することができます。しかし、より高度なWebページを作るには、さらに知識やスキルを磨いていく必要があります。ここでは、HTMLの学習方法について解説します。

*HTMLはWeb開発で広く使われる言語であるため、教本や参考書も豊富にあります。*できるだけお金をかけずに学びたい、自分の生活に合わせたペースで勉強したい、といった場合はこういった書籍を使って独学するのも1つの方法です。

また、インターネット上にも多くの情報があるため、不明点などがあれば調べやすいのもHTMLのメリットです。自分で情報を集めて学習を進めるのが得意な方には、このような独学がおすすめです。

初学者必見！HTMLを勉強するのにおすすめの本を5つ厳選

HTML/CSSを費用をかけずに学べるおすすめの入門書15選！

書籍やインターネット上の情報を使って簡単に学習できるとは言っても、中には自分1人で学習を進めるには苦手だ、という方もいるでしょう。そういう場合には、有料のオンライン講座のスクールなどで学習するのがおすすめです。

*きちんとしたカリキュラムがあるため、体系的に効率よくスキルを身に付けられるのが講座やスクールのメリットです。*また、わからないことが出てきた際も、プロの講師に教えを乞うことができます。

### 実際に記述して慣れていくことが大事

独学する場合も、オンライン講座などを受ける場合も、実際に手を動かしてHTMLの記述に慣れていく、という作業を怠らないことが大切です。知識ばかり詰め込んでも、実際に記述できなければスキルが身に付いているとは言えません。

*色々なWebサイトのソースコードを模写してみたり、オリジナルのWebページを作ってみたりして、実践で理解を深めていきましょう。*

## HTMLとセットで覚えたいCSSとJavaScriptとは

HTMLは人の顔に例えると、目や鼻などのパーツに該当します。人は口・目・鼻があることで顔として認識します。コンピュータにしてみると、目も鼻も口も単なるパーツにしかすぎませんが、それぞれのパーツに意味を持たせ、配置させることをコンピュータに知らせるのがHTMLの役割です。

しかし、それだけでは味気ない顔になってしまいます。目を大きくしたり、鼻を小さくしたりすることはできますが、それ以上の作り込みはできません。そこで、**顔にメイクアップを施して表情を与え、個性豊かに仕上げる役割を果たしてくれるのが、CSSやJavaScriptです。**

HTML・CSSとは何か？使い方やできること、独学方法を解説！

### CSSはメイクアップのようなもの

単に目・鼻・口があるだけの顔にメイクを施すのがCSSの役目です。CSSとは「Cascading Style Sheets」の略語であり、人間の顔で言えば瞳を茶色にしてサイズを大きくし、パッチリ目にするというようなメイクができます。

元々あるHTMLの文章を、よりキャッチーでカラフルな、デザイン性の高い1つの作品として仕上げることができます。

CSSとは？概要や基本書式、具体的な記述方法について解説！

### JavaScriptは表情を豊かにしてくれる

多くのWebサイトには、動きがあってインパクトのあるページをよく見かけます。このようなページでは、JavaScriptを用いています。

JavaScriptは、顔で例えると笑顔や怒った顔など、顔の表情を豊かにしてくれる働きを持っています。**JavaScriptを使うと、アニメーションやスライド形式のページを作ったり、対話型で応答するページを作ったりすることが可能です。**

JavaScriptの特徴とは？何ができるのか、メリット・デメリットも解説

「HTMLとは何？」と質問をされると、エンジニアの皆さんでも説明が難しいと感じてしまう人がいるかもしれません。HTMLはWebページの作成に必要な言語で、WebページはほぼHTMLから成り立っています。このWeb開発に欠かせないHTMLについて、この記事でわかりやすく解説します。

HTMLはWebページの構造を定義するマークアップ言語で、Web開発の基本

HTMLはWebサイトだけでなくEメールやアプリ開発にも使われている

フロントエンドエンジニアを目指すなら、まずはHTMLから習得するべき

HTMLとは？特徴やできることなど基礎知識を初心者向けに紹介

## Windows11の時計をカスタマイズする

**Windows11の時計は、タスクバーのシステムトレイの「時刻と日付」表示を活用します。**タスクバーの表示を見たり、カーソルを合わせて詳細を表示させたりして利用します。ここでは、Windows11の時計をカスタマイズする方法について学んでいきます。

Windows11のタスクバーは移動できない？便利なカスタマイズ方法を紹介

*タスクバーの「時刻と日付」表示は、Windows11で時計とカレンダーを表示させる機能です。*「時刻と日付」は、タスクバーのシステムトレイに表示されます。下の図は、タスクバー右側のシステムトレイを拡大表示したものです。

~~　【図】：タスクバーに表示される「時刻と日付」~~

赤枠で囲んだ部分が、「時刻と日付」が表示される領域です。「時刻と日付」はデフォルト設定で表示される状態であり、追加設定することなく使用できます。

*Windows11の時計表示は、単に表示だけを行うものではなく追加機能があります。*表示領域にカーソルを合わせると、日付情報がポップアップ表示されます（①②）。また表示領域をクリックすると、カレンダーが表示されます（①③）。

~~　【図】：Windows11の時計の使い方~~

これらの機能は、さらに右クリックメニューを表示することで表示の設定やカスタマイズを行えます。

Windows 11の右クリックメニューはどこへ？使い方と変更方法を解説

*時計表示をカスタマイズするには、「日時を調整する」を使います。*カスタマイズの設定画面を表示するには、次の図のように、「時刻と日付」の表示部分を右クリックし、メニューを表示します。この右クリックメニューで、「日時を調整する」をクリックします（①②）。

~~　【図】：「日時を調整する」を使う~~

「日時を調整する」をクリックすると、「設定」アプリの「日付と時刻」が表示されます。

~~　【図】：「設定」アプリの「日付と時刻」~~

この画面は、「設定」アプリから「時刻と言語」「日付と時刻」を選択して直接表示することもできます。

*時計の表示時刻がずれているような場合は、時刻を合わせることができます。*時刻の設定は、自動あるいは手動で調整できますが、自動的に設定するのが便利です。デフォルトでは、自動的に設定するように設定されています。

設定するには、「設定」アプリの「日付と時刻」を使用します。

~~　【図】：「時刻を自動的に設定する」の設定~~

上の図のように、「時刻を自動的に設定する」の項目を確認し、「オン」になっていることを確認すると良いでしょう（①）。

*タスクバーの時計表示がいらない場合は、非表示に設定できます。*非表示に設定するには、「システム トレイに時刻と日付を表示する」を、「オン」から「オフ」に変更します。

~~　【図】：「システム トレイに時刻と日付を表示する」の設定~~

ここで次の図のように、「システム トレイに時刻と日付を表示する」を、「オン」から「オフ」に変更してみます（①②）。その結果、タスクバーの表示は「時刻と日付」が非表示に変更されたことがわかります（③④）。

~~　【図】：「時刻と日付」を非表示にする~~

「時刻と日付」を再度表示するには、再度「設定」アプリの「時刻と言語」「日付と時刻」の「システム トレイに時刻と日付を表示する」を「オン」に戻します。

### 時計表示をカスタマイズする

*タスクバーの時計表示をカスタマイズするには、「地域」ツールの設定画面を開きます。*「地域」ツールを開くには、最初に「設定アプリ」の「時刻と言語」「日付と時刻」の「言語と地域」をクリックします（①）。

~~　【図】：「地域」設定画面を開く~~

続いて次の図のように、表示されている「設定アプリ」の「時刻と言語」「言語と地域」から「管理用の言語の設定」をクリックします（①）。

~~　【図】：「地域」ツールを起動する~~

「地域」ツールは、コントロールパネルの「時計と地域」「地域」から起動することもできます。具体的な「時刻と日付」の表示のカスタマイズは、「地域」ツールを使用して行います。

*時計の日付表示は、デフォルト設定では曜日が表示されません。*日付表示に曜日を追加するには、「地域」ツールを用います。次の図のように、「地域」ツールのタブで「形式」をクリックすると、「形式」のタブが表示されます（①②）。

~~　【図】：「地域」ツールの「形式のカスタマイズ」を開く~~

続いて、「追加の設定」をクリックすると「形式のカスタマイズ」画面が表示されます（①②）。ここでは、「データ形式」の入力欄を使って変更を行います。

~~　【図】：「時刻と日付」の表示形式を変更する~~

具体的には、「データ形式」の表記をカスタマイズして任意の表示に変更します。

日にちは ”d” 、 ”dd” で表しており、曜日は ”ddd” 、 ”dddd” で表します。初期設定では、 ”yyyy/MM/dd” に設定されており、年月日が表示されます。

ここで次の図のように、「短い形式」を ”yyyy/MM/dd” から ”yyyy/MM/dd/dddd” に変更すると（①②）、タスクバーの表示に曜日が追加されます（③④）。この例では ”火曜日” が表示されました。

~~　【図】：「時刻と日付」に曜日を追加する~~

続いて、「短い形式」を ”yyyy/MM/dd/ddd” に変更すると（①）、タスクバーの表示に曜日が ”火” と1文字表示されます（③）。この書式はシングルクォーテーションで追記が可能です。

ここでは、「短い形式」を ”yyyy/MM/dd'('ddd’)’” に変更すると（②）、タスクバーの表示に曜日が ”(火)” とカッコつきで表示されたことが分かります（④）。

~~　【図】：「時刻と日付」に曜日を追加する（続き）~~

このように、任意の書式で「時刻と日付」をカスタマイズできます。

### 日付表示を西暦から和暦に変更する

*日付表示を西暦から和暦に変更するには、曜日の表示追加と同様に「形式のカスタマイズ」画面を使用します。*この場合は、「データ形式」ではなく、「カレンダー」項目をカスタマイズします。

次の図のように、「カレンダー」の「カレンダーの種類」を「西暦」から「和暦」に変更してみます（①②）。

~~　【図】：「時刻と日付」を西暦から和暦に変更する~~

この設定で、タスクバーの表示は和暦に変更されます（③）。この他にも、「週の最初の曜日」を設定したり、カレンダー表示する年範囲を設定したりすることもできます。

### 時刻表示に秒表示を追加する

*初期設定では「時刻と日付」には秒表示がないですが、設定で追加できます。*秒表示の設定は、「設定」アプリから「個人用設定」「タスクバー」と順に開いて行います。

次の図のように、「設定」アプリの「個人用設定」「タスクバー」に表示される「システム トレイの時計に秒を表示する」を使います。

~~　【図】：「時刻と日付」に秒表示を追加する~~

「システム トレイの時計に秒を表示する」をチェックすると、タスクバーの時刻表示に秒が追加されます（①②③④）。

~~　【図】：~~秒表示を追加した時のタスクバーの表示

この機能は、以前はレジストリの設定が必要でしたが、現在は「設定」アプリから操作できます。なお、チェックボックスの「システム トレイの時計に秒を表示する」には「（電力消費が増加します）」と追記されています。

表記からわかるように、常時更新される秒表示は消費電力が多いので設定する際には、このことを理解した上で設定しましょう。

### 時計表示に複数の時計を表示する

*「時刻と日付」には、複数の時計を表示する機能があります。*「時刻と日付」に複数の時計を表示するには、「日付と時刻」ツールを用います。「日付と時刻」ツールは、「設定」アプリの「時刻と言語」「日付と時刻」の「その他の時計」をクリックして表示します。

~~　【図】：「時刻と日付」に複数の時計を表示する~~

「日付と時刻」ツールは、コントロールパネルの「時計と地域」「地域」から起動することもできます。

「日付と時刻」ツールが開いたら、次の図のようにタイムゾーンや表示名を設定します（①②）。標準設定された時計にさらに2つ追加できます。この例では、日本とハワイを追加しました。変更内容の保存は、「OK」あるいは「適用」をクリックします。

~~　【図】：複数の時計の追加例~~

実際の表示は、時計表示にカーソルを合わせるかクリックすることで確認が可能です（①②③）。

~~　【図】：複数の時計の表示例~~

Windows 11のコントロールパネルはどこ？格納場所と起動方法

*Windows11の時計表示だけでは物足りない場合は、時計のアプリを使うことができます。*「クロック」は標準でWindows11に搭載されているアプリで、追加インストールすることなく使用できます。さらに必要なアプリをインストールして使用することもできます。

### 「クロック」アプリの使い方

*「クロック」アプリは、Windowsスタートメニューの「すべてのアプリ」「クロック」をクリックして実行します。*「クロック」をクリックすると、次の図のようにアプリが起動します。

~~　【図】：「クロック」アプリを開く~~

Windows11の時計は、タスクバーのシステムトレイに表示されます。表示をながめて利用できるほか、カーソルを合わせて詳細を表示させたり、クリックしてカレンダーを表示したりすることができます。ここでは、時計表示の使い方や設定、カスタマイズ方法を解説します。

Windows11では、デフォルト設定でタスクバーのシステムトレイに時計が表示されます

時計は、「時刻と日付」の組み合わせで表示されます

表示形式をカスタマイズできるほか、要望に合わせて時計アプリを導入することもできます

Windows11の時計の使い方！設定やカスタマイズ方法を解説

## Windows11でのマルチディスプレイを設定する

デスクトップが広く使えるマルチディスプレイ環境は、仕事の効率を高めるための有効な手段の1つです。Windows10ではマルチディスプレイにまつわるトラブルが少なくなかったこともあり、諦めた方もいたのではないでしょうか。

例えば、本体のディスプレイと解像度が異なるディスプレイを利用すると、ディスプレイ間のカーソル移動がうまくいかなかったり、ディスプレイがうまく認識しなかったり、悩まされた方も多いでしょう。

こうしたWindows10特有の弱点は、Windows11では大きく改善されています。*既に外部ディスプレイを持っている方、これから外部ディスプレイを入手予定の方は、ぜひWindows11のマルチディスプレイ環境を試してみることをおすすめします。*

当記事では、Windows11のマルチディスプレイの設定方法、メリットなどについて解説しますので、ぜひ参考にしてください。

【参考】：[Windows11 で複数のモニターを使用する方法  |  Microsoft サポート](https://support.microsoft.com/ja-jp/windows/windows-で複数のモニターを使用する方法-329c6962-5a4d-b481-7baa-bec9671f728a#Category=Windows_11)

マルチディスプレイについて、改めて確認しておきましょう。マルチディスプレイとは、1台のパソコンに2台以上のディスプレイを接続して、デスクトップの領域をディスプレイの数だけ広げて使用できるようにするものです。

例えば、2台のディスプレイを接続すると、デスクトップの領域は2倍になり、複数のウィンドウを同時に表示したり、広い画面で作業したりすることができるため、**作業の効率が上がり、より快適になるといった効果が期待できます。**

*■ マルチディスプレイの2つの接続方法*
マルチディスプレイには、主に「拡張モード」と「ミラーモード」の2種類の接続方法があります。

「拡張モード」は複数のディスプレイを並べて1つの大きなデスクトップとして使用し、「ミラーモード」はすべてのディスプレイに同じ画面を表示します。接続方法は、パソコンとディスプレイの性能や用途によって選択します。

*■ マルチディスプレイで注意すべきこと*
マルチディスプレイを使用する場合は、以下の点に注意する必要があります。

*▪グラフィックカードの性能*
マルチディスプレイを使用するには、十分なグラフィックカードのパワーが必要です。グラフィックカードの能力が低いと、動画やゲームの表示が不安定になります。

*▪ディスプレイの互換性*
ディスプレイによっては、すべての機能がWindows11でサポートされない場合がありますので、ディスプレイ購入時にWindows11に対応しているか否かを確認しましょう。

*▪ケーブル*
マルチディスプレイを使用するには、DisplayPortケーブルやHDMIケーブル、USBケーブルによる接続方法があります。パソコン本体と外部ディスプレイの接続方法をあらかじめ確認しておく必要があります。

近年では、ノートパソコンでもマルチディスプレイが可能なモデルが増えています。ノートパソコンの拡張性を高め、作業効率を向上させたい場合は、マルチディスプレイを検討してみるのもいいでしょう。

## マルチディスプレイを使用するメリットとデメリット

マルチディスプレイ機能を利用する前に、そのメリットとデメリットを確認しておきましょう。*マルチディスプレイはさまざまなメリットが期待される反面、デメリットも少なからずあります。*これらを理解した上で適切に導入することをおすすめします。

### マルチディスプレイのメリット

マルチディスプレイの一般的なメリットを4項目挙げます。1つずつ確認をしていきますので、自分が主に何を目的にマルチディスプレイを利用するのか、明確にしておきましょう。

*■ 作業効率の向上*
複数のウィンドウを同時に表示できますので、作業効率が向上します。例えば、コードを書きながら資料を参照したり、複数のブラウザを開いたりすることが容易にできます。

*■ 広い画面での作業*
1つの画面で複数の画面を開いて作業を行うと、操作性が悪くなりますが、広い画面で作業ができることで、資料の作成や画像編集などの作業が快適になります。

*■ マルチタスク環境の整備*
マルチタスク環境が整い、複数の作業を同時に進めやすくなります。例えば、片方の画面ではメールの処理を行い、同時にもう一方の画面ではExcelで作業を行うといったことが容易に行えます。

*■ 快適なゲームや動画視聴環境*
マルチディスプレイでは用途に合わせて大画面のディスプレイを接続でき、動画の視聴やゲームのプレイを大画面で楽しめるようになります。仕事以外に趣味でも楽しめるのは魅力です。

### マルチディスプレイのデメリット

マルチディスプレイにはさまざまなメリットが期待できる反面、次のようなデメリットもあります。デメリットをよく理解した上で、最適なマルチディスプレイ環境を実現させましょう。

*■ 別途費用が必要*
マルチディスプレイを使用するには、追加のディスプレイやディスプレイケーブルが新たに必要です。ディスプレイの価格は以前と比べて下がっていますが、決して安くはないためよく検討してから購入しましょう。

*■ 設置スペースが必要*
マルチディスプレイを設置するには、デスク上に十分なスペースが必要です。ディスプレイの形状次第では、デスクに乗らないこともあります。その場合、ディスプレイ専用台やラックなどが必要になりますので、設置スペースを十分考慮してからディスプレイを選定しましょう。

*■ パフォーマンス低下*
ディスプレイの性能によっては、PCのパフォーマンスが低下することがあり、期待していた効果が得られないこともあります。特にWindows11のシステム要件をかろうじて満たしたような古いタイプのパソコンでは注意が必要です。

## Windows 11でマルチディスプレイを設定する方法

Windows11でマルチディスプレイを設定するには、以下の手順に従って操作していきます。

パソコンと外部ディスプレイの電源は切っておきます。外部ディスプレイを設置したら、パソコンのHDMIポート、もしくはDisplayポートとディスプレイを適切にケーブルで接続します。必要に応じて、アダプターまたは変換ケーブルを使用します。

パソコン本体と外部ディスプレイをケーブルで接続できたら、外部ディスプレイの電源を入れます。（モバイルタイプの外部ディスプレイでは、パソコンから接続ケーブルで給電されるタイプのものもあります）

### Windowsがディスプレイを検出するのを待つ

次にパソコンの電源を入れ、パソコンを起動します。Windows11が立ち上がると、外部ディスプレイが自動的に検出され、「新しいディスプレイが検出されました」と表示されます。

**ディスプレイが検出されない場合は、［設定］→［システム］→［ディスプレイ］に移動し、［ディスプレイの検出］をクリックします。**

~~【図】：設定>システム>ディスプレイ>検出　~~

それでも、検出されない場合は以下の点を確認してみましょう。

▪ディスプレイが正しく接続されているか
▪ディスプレイの電源が入っているか
▪ディスプレイのケーブルが破損していないか
▪コンピューターのビデオカードドライバーは最新か

上記の確認をしても問題が解決しない場合は、コンピュータのメーカーまたはディスプレイのメーカーのサポートに問い合わせましょう。

### ディスプレイの設定を調整する

Windows11のデスクトップ画面をマウスで右クリックし、ポップアップ表示されたメニューの中から「ディスプレイ設定」の項目をクリックします。

~~【図】：デスクトップ>右クリック>ディスプレイ設定　~~

続いてディスプレイ選択のメニューから「表示画面を拡張する」を選択します。

~~【図】：ディスプレイ設定>表示画面を拡張する　~~

「ディスプレイの設定を維持しますか？」の変更確認画面が表示されたら、［変更の維持］をクリックします。これで、複数のディスプレイにそれぞれ異なるウィンドウが表示されるようになります。

~~【図】：ディスプレイの設定変更確認画面>変更の維持　~~

ここまでの操作で、マルチディスプレイが利用できるようになりました。

ここからは、**マルチディスプレイを快適に利用する方法について紹介します。**

### マルチディスプレイの表示位置変更

マルチディスプレイの設定画面では、物理的な配置とディスプレイ設定画面の配置を合わせることが可能です。例えば、外付けディスプレイをラックなどを利用して、デスクの上に設置した場合、設定画面上でも同様に外付けディスプレイをマウス操作でドラッグしながら上に配置させることができます。

お役立ち記事