JavaScriptでコメントアウトする方法をサンプルコード付き解説!

この記事では、JavaScriptでコメントアウトする方法を解説しています。コードの中身をわかりやすくしたりするために有効なコメントアウトですが、JavaScriptではどのように書くのでしょうか?サンプルコードも載せていますので参考にしてください!

コンテンツ [表示]

  1. 1JavaScriptでコメントアウトする方法
  2. 1.1JavaScriptの1行のコメントアウト
  3. 1.2JavaScriptの複数行のコメントアウト
  4. 1.3HTMLの中にJavaScriptを書くときのコメントアウト
  5. 2コメントアウトのショートカット

JavaScriptでコメントアウトする方法

Javascriptでコメントアウトする方法を紹介します!

JavaScriptの1行のコメントアウト

1行のコメントアウトの書き方は、文章の前に//をつけます。

コメントアウト

//ここはコメントアウトです

JavaScriptの複数行のコメントアウト

複数行のコメントアウトの書き方は、コメントアウトしたい部分を/**/で囲みます。

コメントアウト

/*
ここは
コメントアウトです
*/

HTMLの中にJavaScriptを書くときのコメントアウト

HTMLの中に<script>要素としてJavaScriptが入っているときも同様の方法でコメントアウトできます。

HTMLの中のJavaScriptのコメントアウト

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="index.css">
    <title>サンプルコード</title>
</head>
<body>
  <p>サンプル</p>
  <script>
    //ここはコメントアウトです。
    /*
    ここは
    コメントアウト
    です。
    */
  </script>
</body>
</html>

コメントアウトのショートカット

多くのエディターでは、Ctrl+/もしくは⌘+/でコメントアウトできます。
このショートカットキーを使用すると、素早くコメントアウトすることができるので、たくさんコメントアウトするときは使用してみることをおすすめします!

今だけ
無料

【7月31日まで】全カリキュラム無料で提供中!

Qumeru

Qumeru[クメル]ではプログラミング学習が出来るカリキュラムを7月31日までの期間限定で無料で提供しています。

無料登録することで、すぐにプログラミング学習を始められます。ぜひカリキュラムをお試し下さい!

関連記事

【期間限定】全カリキュラム無料で提供中!

Qumeru[クメル]ではプログラミング学習の全カリキュラムを7月31日まで期間限定で無料で提供しています。

無料登録することで、すぐにプログラミング学習を始められます。ぜひお試し下さい!

目次

まゆ
ライター

まゆ

 主にHTML,Bootstrapの記事を描いています。