VBAとはMicrosoft Officeで提供されているプログラミング言語で、「Visual Basic for Applications」の略称です。**VBAでは、特別な開発環境を用意せず、手軽にOfficeアプリケーションにおける業務効率化などを図ることができます。**

この記事では、VBAがどんなものか気になっている人のために、VBAの基本的な知識や、Officeにおける「マクロ」との関係、VBAを使ってできること、VBAを使うメリット、VBAに関する資格などについて解説していきます。

VBAは、もともとMicrosoftが手がけたプログラミング言語である「Microsoft Visual Basic」を、同社のOffice製品に搭載したものです。そのため、Visual Basicと同等の機能を持つ本格的なプログラミング言語であると言えます。

VBAは、Excel・Word・Access・PowerPoint・Outlookなどで使用することができます。*VBAを使えば、これらのOfficeアプリケーションの機能を拡張して、手作業で行っていた繰り返し作業を自動処理させるなど、作業の時間や労力を削減するのに役に立ちます。*

Officeアプリケーションで作業を自動化するものとして、「マクロ」もよく知られています。マクロとは、そもそもコンピュータの操作を自動化する機能を指し、Officeアプリケーションに限らない一般的なデジタル用語です。

それでは、VBAとマクロの違いとは何でしょうか。Officeにおけるマクロは、Officeアプリケーション上の操作を自動化する「機能」のことを指します。そして、マクロの中身は、自動化機能を実現するためのプログラムがVBAで書かれています。*VBAはマクロの機能を実現するためのプログラム言語ということです。*

これを確認する方法として、例えばExcelの「マクロの記録」で登録したマクロを編集しようとすると、VBAを記述するためのVBE（Visual Basic Editor）が起動し、そのマクロの中には記録した操作を再現するためのVBAのプログラムが生成されていることが分かります。

RPAとマクロの違いは？特徴と用途に応じた活用方法を解説！

## VBAでできること・できないこと

VBAでは定型的な作業の他に、ユーザーフォームを作成したり他のOfficeアプリケーションとの連携も可能です。一方で、VBAでできないことも確認しておきましょう。

### Officeアプリケーションを使用した作業の自動化

VBAは、Officeアプリケーションを使用した作業を自動化することができます。特に、ユーザーがデータを集計・分析するExcelと相性が良く、毎月定期的に行う業務や、決まった手順を誤りなく繰り返す必要がある処理をVBAで自動化することで、業務の効率が大きく向上します。

例えば、以下のようなことが可能です。

*1.Excelの情報を項目別にシートごと、またはファイルごとに転記する*
*2.1ヶ月記入した従業員の勤務状況を表にしてグラフにまとめる*
*3.複数の表の内容を比較して条件が合致するデータだけを抽出する*

また、Excel以外でも、それぞれのOfficeアプリケーションに応じた自動化を行うことができます。

例えばOutlookのVBAでは以下のようなことができます。

*1.メールの件名や本文に、メール作成日の日付を自動的に挿入する*
*2.メール転送の宛先を簡単に追加する*
*3.メール作成時にファイル添付忘れを防ぐため、ファイル添付ダイアログを自動的に開くようにする*

### PDFやCSVファイルを取り込んだ帳票や報告書の作成

ExcelでVBAを使用すれば、Excel以外のWordやPowerPointで作成したファイル、PDFファイルやCSV形式のファイルを読み込むこともできます。

*手動で行うと複数のアプリケーションやファイルの読み込みの操作を行う必要があり、煩雑で人為ミスが起こりやすい作業ですが、VBAを使用すれば手を煩わせることなく自動的に帳票や報告書を作成することができます。*

*VBAを使用すると、ExcelやAccessでユーザーフォームやダイアログボックスを作成することができます。*

例えば、画面上に文字を入力するテキストボックスと、プログラムを実行するためのボタンを配置してオリジナルのユーザーフォームを作成し、処理ごとに変化する条件を与えて自動化処理を行うことができます。

また、VBAのプログラムで入力チェックを実装すれば、入力したデータが処理に必要なデータとして適切であるかどうかのエラーチェックを行い、自動でデータを訂正したり警告を表示させたりすることもでき、手作業による入力ミスを防いでさらに効率化を図ることもできます。

### Officeアプリケーションの連携

VBAを使用することで、Officeアプリケーション同士を連携させて作業を行うこともできます。業務上、Excel・word・Accessなど複数のアプリケーションを併用してデータを処理する必要がある場合には大きな効果を発揮します。

*例えば、Accessから読み込んだデータを使ってExcelでグラフを作成し、そのグラフをWordの文書に挿入することも可能です。また、ExcelのセルをWordに挿入し、Excel側で入力したデータをWordに反映させるということもできます。*

VBAはOfficeアプリケーション上であらゆる業務の効率化に使えますが、向いていないことやできないこともあります。

*VBAはOfficeアプリケーションの制限の範囲内でしかプログラムを動かせません。*例えばExcelのワークシートでは1,048,576行、16,384列までのデータを取り扱えますが、それ以上のデータの処理が必要になる場合、そもそもExcelが対応していないためVBAでの作業を行うことができません。

【参考】：[Excel の仕様と制限](https://support.microsoft.com/ja-jp/office/excel-%E3%81%AE%E4%BB%95%E6%A7%98%E3%81%A8%E5%88%B6%E9%99%90-1672b34d-7043-467e-8e27-269d656771c3#ID0EDBD=Newer_versions)

Excelで動作可能な範囲内であっても、大量の処理をVBAで行う場合、データ量が多くなるほど処理が重くなります。そのため、膨大な量のデータの処理を行う場合はAccessや他のデータベース管理ソフトウェアを利用するなどする方がいいでしょう。

また、VBAはOfficeアプリケーションで行えるあらゆる業務の自動化に使えますが、外部のシステムの構築やアプリケーションの開発はできません。

Office以外で動くアプリケーションを開発する場合はJavaやPythonなど、また、Webアプリケーションなどの開発はPHPやRubyなど、その分野を得意とする他のプログラム言語を使用する必要があります。

Javaとは？人気プログラミング言語Javaの将来性やメリットについて解説

Pythonとは？人気のPythonを学ぶ際に知っておきたいこと

PHPとは一体何か？他のプログラミング言語と異なるポイントを解説！

Rubyとは何か？Rubyの特徴やできることについて解説

VBAには、Officeアプリケーションの業務効率化を実現できるだけでなく、他にも多くのメリットがあります。

VBAはOfficeに備わっていて特別な環境設定も不要です。**また、マクロの記録で操作の大まかな流れを記録してからVBAのコーディングに移ることができるため、プログラミングの初心者でも容易に扱うことができます。**

### 動作が分かりやすく運用しやすい

VBAはプログラムを記述して、すぐにOfficeアプリケーション上で動作を確認することができ、実行結果を見ながらコーディングを進めていくことができます。*そのため他のプログラミング言語よりもコードの動作を直感的に理解しやすく、開発や運用がしやすいというメリットがあります。*

### 開発や運用のコストを抑えられる

VBAは、Officeアプリケーションがあれば特別な開発環境の構築や機能の追加購入なしで使用できるため、開発や運用のコストを抑えることができます。

*Officeアプリケーション以外に使うことはできませんが、一般的に日常業務での使用頻度が高いExcelやAccessなどで処理の効率化を行えるのは大きなメリットと言えるでしょう。*

### インターネット上に参考情報がたくさんある

VBAを使用していて困ったときには、様々なWebサイトに、OfficeアプリケーションごとのVBA活用例、VBAの用語の読み方や使い方の説明、VBAのコーディングのルール、VBAのサンプルコードなどが掲載されています。

*簡単なものであれば、日常業務で行いたい効率化の多くはインターネット上の情報を参考に実現できるでしょう。*

VBAの勉強を本格的にしたくなったときには、VBAの資格取得を目指すのも良いでしょう。VBAの資格には、オデッセイコミュニケーションズが主催する「VBAエキスパート」があります。

【参考】：[VBAエキスパート公式サイト](https://vbae.odyssey-com.co.jp/)

VBAエキスパート試験は、Excel・AccessのVBAスキルを評価する資格です。ExcelVBAベーシック・ExcelVBAスタンダード・AccessVBAベーシック・AccessVBAスタンダードの4種類の資格があり、Excel・Accessそれぞれのスタンダードは、ベーシックの上位試験となります。

*VBAエキスパート試験を受験することでVBAのスキルアップを目指し、日々の業務のさらなる効率化を目指すきっかけとなるでしょう。*

### テキストや参考書で勉強し、練習問題を解いて対策する

*VBAエキスパートを受ける場合、公式テキストやVBAの参考書を活用して勉強を行いましょう。*独学では不安な場合や、しっかりとスキルを身に付けたい場合は、対策講座を受講することもできます。

また、公式サイトにはサンプル問題が掲載されている他、練習問題を掲載している一般Webサイトや参考書も多数あります。多くの練習問題をこなして、試験の合格を目指しましょう。

【参考】：[学習するには｜VBAエキスパート公式サイト](https://vbae.odyssey-com.co.jp/study/)

## VBAを活用して業務の効率化を図ろう

ここまで、VBAについての様々な知識をご紹介してきました。VBAでどんなことができるか、どのようなメリットがあるかなど、イメージが湧いたかと思います。

**VBAは他のプログラミング言語に比べて始めやすく、日々の業務効率向上にも直接つなげやすい言語です。**実際に、自分が毎日Excelなどで面倒な手作業に時間をかけている心当たりがあれば、VBAの利用を検討してみてください。

PythonでできることにExcel操作や自動化があるって本当？

Microsoft ExcelやAccessなどで、VBAを使えば業務の自動化が可能です。ですが、VBAとは一体どのようなもので、同じく自動化の機能であるマクロとはどう違うのでしょうか。この記事ではこのような疑問に答えるため、VBAの基本的な知識やメリットなどを解説します。

VBAは「Microsoft Visual Basic」で、Officeアプリケーション上で使えるプログラミング言語である

VBAを使用することで、繰り返し作業や定型作業の自動化などの業務効率化を行うことができる

VBAのメリットは、初心者でも取り組みやすく、開発や運用に大きなコストがかからないことである

VBAとは？基本的な知識やできること、マクロとの違い、メリットを解説！

Juliaは機械学習やデータサイエンスに強い、新しいプログラミング言語です。

JuliaはPythonと同様に、統計処理、機械学習（ディープラーニング含む）、科学技術計算、ビジュアル描画などを行えます。またLLVMというコンパイラ基盤を用いてコンパイルすることで、Pythonなどのインタプリタ言語と比べて実行速度が高速なのが特徴です。

この記事では、**Juliaとはどんな言語か、Pythonとの比較、その将来性などを解説していきます。**

*【参考】：[The Julia Programming Language](https://julialang.org/)*

機械学習エンジニアの仕事内容とは？スキルや将来性についても解説

Julia（ジュリア）は、汎用プログラミング言語としての機能を持ち、高度な科学技術計算や数値解析まで対応しています。

Juliaは2009年から米国のマサチューセッツ工科大学（通称MIT）の開発者により開発が始まり、2012年2月にオープンソースのプログラミング言語として発表されました。

Juliaは先行する**PythonやMATLAB、R言語など機械学習や数値計算に強いプログラミング言語の影響を受けており、それらのいいとこ取りをし、さらにC言語の良さを加えた言語と言われています。**

R言語とは？特徴や何ができるのか、Pythonとの違いを解説

Juliaの特徴としては、**機械学習や科学技術計算との相性がよく、データ解析にも強い**という点にあります。

また、Juliaは記述が自然言語に近いスクリプト言語であり、シンプルな文法で覚えやすい、学びやすいという特徴もありますが、さらには処理が遅いインタプリタ言語の弱点を克服し、コンパイラ言語並みの処理速度の速さを実現している点も特徴です。

Juliaの人気度はどの程度なのでしょうか？プログラミング言語の人気ランキングを発表しているTIOBE※によると、**Juliaは25位にランクインしています。**まだ知名度は低いですが、リリースから10年で25位というのは、人気が高い言語であるといえます。

*【参考】：※[TIOBE Index for May 2022](https://www.tiobe.com/tiobe-index/)*

プログラミング言語を一覧でチェック！種類別・難易度別で紹介

Juliaは人気のPythonとほぼ同様の機能を有していますが、**Juliaの強み（メリット）が何であるのかについて、以下にまとめてみました。**

**Juilaの特徴的なメリットとしては、高速性にあります。**Juliaの開発者たちはブログ※で次のように述べています。「我々が必要な言語はこんな感じだ。ゆるいライセンスのオープンソースで、Cの実行速度とRubyの動的さがあることだ…。」

Juliaは実行時の速度を速めるために、LLVM※1というコンパイラ基盤のフレームワークを用いてJITコンパイル※2を行います。そのため、コンパイル言語であるC言語並みの処理速度を出せるのです。

*【参考】：※[Why We Created Julia](https://julialang.org/blog/2012/02/why-we-created-julia/)*

*【参考】：※1[The LLVM Compiler Infrastructure](https://llvm.org/)*

*【参考】：※2[JITコンパイラ｜weblio辞書](https://www.weblio.jp/content/JIT%E3%82%B3%E3%83%B3%E3%83%91%E3%82%A4%E3%83%A9)*

### 構文がシンプルで型宣言が不要

Juliaはシンプルな構文であり、型宣言が不要な動的型付け（あらかじめデータ型を決めずに定義する）プログラミング言語であるため、**プログラミングの自由度が高く、プログラミングがしやすい点が2つ目のメリットです。**

### 外部ライブラリと連携できる

Juliaは外部ライブラリと連携できる点が3つめのメリットです。Packageという外部モジュールを利用することでC言語やFortranで作られた外部ライブラリを使えます。

また、「PyCall.ji」ライブラリを使い、Pythonコードを呼び出したり、PythonとJuliaでデータ共有を行ったりすることも可能です。このように**外部ライブラリと容易に連携できる点がJuliaの3つ目のメリットです。**

JuliaはPythonの競合プログラミング言語として開発され、Pythonの弱点である実行速度の遅さを克服しています。AIやデータサイエンス分野では圧倒的な人気とシェアを誇るPythonですが、今後は速度や効率性をより求めるプロジェクトではJuilaが優勢になっていく可能性があります。

この**Juliaの将来性が期待できる点がメリットの4つ目です。**

ライバルであるC言語、Python、Ruby、MATLABの**いいとこ取りをしたとするJuliaですが、欠点やデメリットもあります。**ここではJuliaのデメリットについて見てみましょう。**

人気ランキングなどを見ても分かるように現段階では、Juliaの知名度、人気度はさほど高くはありません。そのため、PythonよりもJuliaが適した分野でも、Pythonによる開発が進められることがあります。実際に**Pythonエンジニアに対する求人は豊富にありますが、Juliaエンジニアの求人は少ないのが実情です。**

しかし、先行する米国の状況を見ると、Juliaに対する認知度は日本でも次第に上がってくると予想されます。今後、多くのプログラマーが習得に努める言語の1つになる可能性があります。

*【参考】：[公開求人検索｜マイナビAGENT](https://mynavi-agent.jp/jobsearch/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv02)*

### Juliaに関する情報が限られる

Juliaは認知度がまだ低いことから、Juliaに関する情報が多くはありません。Juliaのプログラミングで分からないことがあっても、**日本語での資料が少なく、調べるのに時間を要するでしょう。**ただし、こうした状況もJuliaの認知度が上がるにつれて解消されることでしょう。

Juliaは新しい言語であること、まだ認知度が高くはないことから、Pythonなどと比べて使えるライブラリがまだ多くはありません。しかし、**JuliaにはPythonやC言語との外部連携ができるため、ライブラリ不足で困ることは少ないでしょう。**

### 後発であるためアップデートが多発する可能性

Juliaは後発で発展途上の言語のため、登場して間もないフレームワークを中心に、アップデートが多発したり、仕様が大きく変わる可能性を否定できません。勉強で利用する場合は特に心配は要りませんが、**開発言語として利用する場合には慎重に進める必要があります。**

Pythonのライバルと目されるJuliaですが、**JuliaはPythonとは何が違うのか**について見ていきましょう。

JuliaとPytonの違いを明らかにするために、以下に比較表を作成してみました。**Pythonと比較してJuliaが勝っているのは、「処理速度」と「外部連携」の2つです**が、逆にJuliaがPythonの後塵を拝しているのは「ライブラリの種類」と「求人数」です。

「ライブラリの種類」に関して、Juliaは外部連携機能によって他言語のライブラリを利用できるため、解消される弱点です。また求人数の少なさは認知度の問題であり、今後は徐々に解消していくと考えられます。

	　　　　         　  　   Julia          Python

*学びやすさ：*	                 　　　〇	               ◯

*処理速度：*　　	                      ◯	               △

*ライブラリの種類：*              　    ✕	               ◯

*外部連携：*                                ◯	                △

*求人数：*                                   ✕                     ◯

*コミュニティ：*                          △                     ◯

*【参考】：[Python 公式サイト](https://www.python.org/)*

*【参考】：[公開求人検索｜マイナビAHENT](https://mynavi-agent.jp/jobsearch/)*

ここまで、Juliaの概要、Juliaのメリット・デメリット、JuliaとPythonの違いなどについて解説しましたが、ここでは**Juliaの勉強法を中心に解説します。**

歴史の浅いJuliaには認定資格制度がありません。そこで、**参考書などで自己学習を行い、実際にプログラム開発を経験することでスキルアップを図っていく**のがJuliaエンジニアになる早道と考えられます。

Juliaはまだ日本ではあまり知られていない言語であり、解説本や参考書は少ない状態にありますが、そんな中から**入門者におすすめの本を2冊紹介します。**

*■ 1から始める Juliaプログラミング*

Juliaのインストール方法、基本的な文法、使い方や、実践的な内容、標準ライブラリに含まれていない数値計算・データ可視化パッケージの活用までを網羅的に解説しています。*Juliaに興味を持ち、初めてJuliaに触れるプログラミング学習者や科学技術計算を手軽に高速で行ってみたい学生や研究者が対象です。*

▪著者：進藤 裕之、佐藤 建太
▪ページ数：206ページ
▪出版社：コロナ社
▪発売日：2020年3月26日

*【参考】：[1から始める Juliaプログラミング](https://www.coronasha.co.jp/np/isbn/9784339029055/)*

*■ Juliaプログラミングクックブック*

Julia初学者向けの解説書で、Juliaの良さを学べる一冊です。Juliaの言語仕様、データ分析、機械学習や数値計算まで、約90のレシピで広範囲のトピックをカバーしたクックブックです。

Juliaは数値計算や科学技術計算を得意とし、Cのように高速で、Python並みに書きやすく、高機能かつ近代的なオープンソース言語という目標をもとに開発されました。*先に前述の「1から始める Juliaプログラミング」を読んでおくと理解が早い*でしょう。

▪著者：Bogumił Kamiński、Przemysław Szufel（中田 秀基　訳）
▪ページ数：392ページ
▪出版社：オライリー・ジャパン
▪発売日：2019年10月

*【参考】：[Juliaプログラミングクックブック](https://www.oreilly.co.jp/books/9784873118895/)*

ここまで新しいプログラミング言語、Juliaについて解説しました。Juliaは機械学習や科学技術計算に強いプログラミング言語で、シンプルな構文と実行速度の速さなどが特徴でした。ただ、残念なことに日本ではまだ認知度は高くはなく、Juliaをメインとした求人が少ない状態です。

とはいえ、米国ではJuliaは人気が上昇しています。**日本でもJuliaはブレイクする可能性があり、早めに習得をしておくと、先駆者的なメリットが得られるかもしれません。**

機械学習エンジニア、データサイエンティストを目指す方は学んでおいて損はありませんので、Julia関係の求人数の動向を注視しながら、ぜひ積極的にチャレンジしてみてください。

データサイエンティストを目指すエンジニアがまず取得したい資格7選！

Juliaとは、機械学習に強くPythonの競合と目され、注目を集めている新しいプログラミング言語です。ここでは人気のPython言語と比較して、その強みと弱み・インストール方法や学習方法なども解説しますので、機械学習エンジニアを目指す方はぜひ参考にしてください。

Juliaは機械学習や科学技術計算との相性が良く、PythonやMATLAB、R言語、C言語などのいいとこ取りをした言語

Juilaのメリットとしては、高速性、構文のシンプルさ、外部ライブラリとの連携性にある

Juliaは知名度が低く、学習環境面や求人面などが弱いのがデメリットである

Juliaとは？Pythonの競合であるJuliaのメリットとデメリットを徹底解説！

**CSSはコメントアウトに対応しており、HTMLと合わせて使用します。**コメント機能の構文は、言語ごとに定義されており、CSSはHTMLと異なる構文が定義されています。

ここでは、CSSのコメントアウトを学び、実際にHTMLと組み合わせる際のコメントアウトの使い方を学んでいきます。

【参考】：[MDN Docs: CSS コメント](https://developer.mozilla.org/ja/docs/Web/CSS/Comments)

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

CSSでできること一覧！HTMLやJavaScriptとの違い、メリットも解説

*CSSのコメントアウトの書き方はシンプルで、”/＊”と”＊/”の間にコメントを入れるだけです。*言語仕様でいうと、1行のコメント機能と、複数行のコメント機能が同じ”/\* \*/”構文で定義されます。

1行のコメントは、以下のように記述します。

/\* この行はコメントです \*/
/\* この行もコメントです \*/

複数行のコメントは、次の通りで用法に違いはありません。

```
/* 
このように記述すると、
複数行にわたるコメントに
用いることができます
*/
```

CSS（Cascading Style Sheets：カスケーディングスタイルシート）は、ウェブで用いるHTMLやXMLのようなマークアップ言語の要素を修飾するための仕様です。

*わかりやすく言うと、CSSは見栄えの良いウェブページを作成するための仕様です。*この仕様は、World Wide Web Consortium（W3C）から仕様として勧告されています。

【参考】：[W3C Cascading Style Sheets](https://www.w3.org/Style/CSS/)
【参考】：[MDN Docs: CSS の第一歩](https://developer.mozilla.org/ja/docs/Learn/CSS/First_steps)
【参考】：[MDN Docs: CSS とは何か](https://developer.mozilla.org/ja/docs/Learn/CSS/First_steps/What_is_CSS)

コメントアウトとは、プログラミング言語ソースコードにコメント機能を用いて、コード解釈から除外する指示を追記することを表します。マークアップ言語においても、この機能が実装されています。

*コメント機能で追記した内容は実行処理から除外されるため、注釈をソースコードに入れたり、あらかじめ作成したデバッグコードを無効化したりする際に行います。*

コメントアウトは、ソースコードに注釈を入れたりコードを無効化したりするために利用します。*マークアップ言語で使用する際にも、注釈を入れることで保全性が高まります。*複雑なコードや大規模なプロジェクトでは重要な機能です。

コードレビューやメンテナンスに活用され、変更の目的や履歴がすぐに分かり、コードの品質を高めることができます。

CSSのコメントアウトは、上記メリットの他、最近ではライブ配信などにCSSを用いて、かわいいデザインなどのカスタマイズにも用いられます。

*統合開発環境（IDE）やエディタでは、コメント機能を使うためにショートカットキーを設定しています。*例えば、VSCode（Visual Studio Code）は、豊富なショートカットキーを搭載しています。

Windowsの場合は、コード編集時に範囲指定を行い「Ctrl」＋「/」をキー入力すると、コメントアウトができます。 詳しくは以下リンク先のショートカット一覧を確認しましょう。

【参考】：[Visual Studio Code](https://code.visualstudio.com/)
【参考】：[Visual Studio Code: Keyboard shortcuts for Windows](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf)
【参考】：[Visual Studio Code: Keyboard shortcuts for macOS](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)
【参考】：[Visual Studio Code: Keyboard shortcuts for Linux](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf)

IDEとは？詳細やメリット、おすすめのIDEを紹介します！

### CSSでコメントアウトする際の注意点

CSSのコメント機能は、”/\* \*/”で示すだけのシンプルな構文です。*最初の”/＊”がコメントの開始、最初の”＊/”でコメント終了となりますので、コメントの入れ子ができません。*次のような記述をしてしまうと、コメントアウトが効かないことで正しくコードが解釈されません。

/* 
ここでは複数行にわたるコメントに用いますが、
  /*
　このように、入れ子でコメントをいれることは、
　できません。
  */
入れ子にならないように、コードのチェックをしましょう。
*/

上の例では、最後の「入れ子にならないように、コードのチェックをしましょう。」以降は、実際の実行コードとして判断され、期待通りに解釈されずに誤った処理が行われます。

HTMLのコメント機能は、CSSと違いがあるものの使い方は簡単です。*HTMLでは、”<!\-\-”と”\-\->”で囲んだ部分がコメントと解釈されます。*具体的には、次のように使用します。

```


```

HTMLもCSS同様に、1行のコメント機能と、複数行のコメント機能に違いがありません。複数行のコメントアウトは次のように記述します。

```

```

HTMLの場合も、コメント機能の入れ子ができませんので、注意しましょう。

【参考】：[MDN Docs: HTML: ハイパーテキストマークアップ言語](https://developer.mozilla.org/ja/docs/Web/HTML)
【参考】：[MDN Docs: Comment](https://developer.mozilla.org/ja/docs/Web/API/Comment)

HTMLのコメントアウトの書き方は？使い方と注意事項を解説

**CSSとHTMLは、役割が定められています。**文章の情報構造や意味づけはHTMLが担当します。

HTMLはウェブの記述に用いる言語で、ハイパーテキスト記述言語（HyperText Markup Language）の略です。複数の文書や情報を参照するリンク（ハイパーリンク）機能を用いて、インターネット上のウェブコンテンツを表示したり自身のPCにあるHTML文書を表示したりすることができます。

CSSは、HTMLで表示されるページの文字の大きさや種類、色合いなど見栄えの指定を担当します。HTMLとCSSは組み合わせて使用し、デザイン性の高いウェブページに仕上げることができます。

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

## CSSのコメントアウトを実際に使ってみる

**ブラウザは、コンテンツを表示する際にCSSのスタイル情報と結合し、文書を表示させます。**ここからは、CSSのサンプルを使って実際にコメントアウトの仕方を解説します。

CSSの構文は、プロパティ: プロパティの値で記述します。プロパティは以下のようなものです。

・color（前面の色）
・background（背景色）
・border （枠線）
・margin （マージン）
・width（幅）
・height（高さ）
・font（フォント）
・font-size（フォントサイズ）
・font-style（標準・イタリック体・斜体の指定）など

ここからは、CSSを使って実際にHTMLの文字を修飾していきます。

【参考】：[MDN Docs: CSS 入門](https://developer.mozilla.org/ja/docs/Learn/CSS/First_steps/Getting_started)
【参考】：[MDN Docs: CSS の構成要素](https://developer.mozilla.org/ja/docs/Learn/CSS/Building_blocks)

### CSSのコメントアウトのサンプル

**ここでは、CSSのセレクターを用いてHTMLの要素をカスタマイズする方法を、サンプルで示します。**

次の例は、"\<p>"で示す色合いを変更する場合にコメントアウトを使います。色合いに複数の候補がある場合に、絞り切れない場合などは、コメントアウトの場所を入れ替えるだけで色調を代えることができます。

/\* 次のpの色はページの表示でどちらかを選択します \*/
/*
p {
  color: white;
}
*/
p {
  color: blue;
}

色調を変更する場合は、次のように該当部分をコメントで囲み直すだけです。

/\* 次のpの色はページの表示でどちらかを選択します \*/
p {
  color: white;
}
/*
p {
  color: blue;
}
*/

【参考】：[MDN Docs: CSS セレクター](https://developer.mozilla.org/ja/docs/Learn/CSS/Building_blocks/Selectors)

### CSSをHTMLと組み合わせてコメントアウトする

**ここでは、CSSを組み込んだHTMLの全体構成を示します。**CSSのコメントアウトは、CSSの"\<style>～</style>"、あるいはスタイルシートファイルで使用します。

次の例では、HTMLの"\<h1>"と"\<p>"をCSSセレクターで修飾していきます。コメントアウトの使い方は、先ほどの例と同じですが複数の場所をコメントするにあたって、CSSのコメント機能のほかHTMLのコメント機能も併用しています。

<!DOCTYPE html>
\<html>
\<head>
\<title>CSSをHTMLと組み合わせてコメントアウトする</title>
\<style>
body {
  background-color: lightgreen;
}

/\* 次のh1の色はページの表示でお好きなどちらかを選択します \*/
h1 {
  color: orange;
  background: white;
  text-align: center;
}
 
/*
h1 {
  color: red;
  background: yellow;
  text-align: center;
}
*/
 
/\* 次のpの色はページの表示でお好きなどちらかを選択します \*/
/*
p {
  color: black;
  font-size: 16px;
}
*/
 
p {
  color: blue;
  font-size: 16px;
}
 
\</style>
\</head>
\<body>
 
\<h1>CSSをHTMLと組み合わせてコメントアウトする</h1>
\
\<p>CSSのコメントアウトで色が変わります</p>
 
\</body>
\</html>

このように、コメントアウトは自由に使用することができます。ただし、入れ子ができないこと、そしてCSSのコメント機能とHTMLのコメント機能は異なるためにコメント文字が “/\* \*/”と”<!\-\- \-\->” で異なることに注意が必要です。

## CSSのコメントアウトはウェブデザインで効果を発揮する

CSSは、ウェブページの見栄えを高めてくれます。従来HTMLで表されたスタイル装飾などの役割を、CSSが担っています。HTMLのテキストにCSSで見栄えを調整するのは、一連の作業ととらえると良いでしょう。**この作業を効率的に行うためには、コメントアウトの活用がおすすめです。**

HTML・CSSは独学で習得できる？初心者におすすめな最短の勉強方法

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

CSSはコメントアウトに対応しており、HTMLの構文とは異なります。ここでは、CSSのコメントアウトの構文を学びます。さらに実際に使用するCSSとHTMLについて、サンプルを用いながらコメントアウトの書き方を学んでいきます。

CSSはコメントアウトに対応しており、”/\*”と”\*/”で囲んだ部分にコメントを入れます

HTMLでは、”<!\-\-”と”\-\->”で囲んだ部分がコメントのため、CSSとの違いがあります

CSSはHTMLと組み合わせて用いることから、混同しないように使い分けします

CSSのコメントアウトの書き方！HTMLとの違いについても解説

JavaScriptのif文は、条件を満たしている場合に実行される構文です。使い方は、「if (条件) 文;」の1行で表すことができます。ここで示す「条件」は論理的な条件式を表します。**if文を使うには、if文自体の構文と、if文で判断される条件式を学ぶことでプログラミングに活用することができます。**

【参考】：[MDN Web Docs: 文と宣言](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements)
【参考】：[MDN Web Docs: if...else](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/if...else)

JavaScriptの入門！その概要や文法の基礎について解説！

JavaScriptの書き方とは？初心者向けに基本から解説

## JavaScriptのif文の概要と使い方

プログラミング言語の記事（6ページ目）