**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文の概要と使い方

JavaScriptは、プログラミング言語として言語固有の基本機能や構文が定められています。その構文に従って、処理する手続きを記述していきます。*if文は、ある条件が満たされる場合に処理を実行し、示す条件に応じて処理を制御することができます。*

文法は簡単で、以下のように使用します。

```
if (条件)
  文;
// または次のように1行で表します
if (条件) 文;
```

上の例では、条件が真（true）の場合に文を実行します。条件が条件が成立する真（true）の場合と条件が不成立の偽（false）の場合、それぞれに実行分を設定する場合は、else節を文に追加します。

```
if (条件)
  条件が成立する場合（true）の文;
else
  条件が不成立の場合（false）の文;
```

### JavaScriptのif文で複数の文を実行させる

ここでは、if文の基本構文をさらに発展させて、複雑な処理を行うための構文を学びます。複雑な処理は、単一ステートメントでは記述できないために、複数の文を組み合わせる必要があります。*その場合は、文全体を波括弧”{}”で囲んでブロック文とします。*

```
if (条件) {
  条件が成立する場合（true）の文1;
  条件が成立する場合（true）の文2;
     ：
} else {
  条件が不成立の場合（false）の文1;
  条件が不成立の場合（false）の文2;
     ：
}
```

【参考】：[MDN Web Docs: if...else](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/if...else)
【参考】：[MDN Web Docs: ブロック](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/block)

### JavaScriptのif文でelse節を活用する

*if文で条件が不成立の場合、else節を使用してさらにif文を追加することができます。*これによって、複数条件がある場合に処理を細かく分岐して実行することができます。例えば3種類の条件があり、それぞれで異なる処理をさせる場合は次のように記述します。

```
if (条件1)
  条件1が成立する場合（true）の文;
else
  if (条件2)
    条件2が成立する場合（true）の文;
  else
    if (条件3)
      条件3が成立する場合（true）の文;
    else
      すべての条件が不成立の場合（false）の文;
```

ここで示されるelse節は直前のif節と対になっているので、わかりやすくインデントを追加しておきます。メンテナンス性を考慮すると、次のように波括弧で囲っておくと良いでしょう。

```
if (条件1) {
  条件1が成立する場合（true）の文;
} else {
  if (条件2) {
    条件2が成立する場合（true）の文;
  } else {
    if (条件3) {
      条件3が成立する場合（true）の文;
    }  else {
      すべての条件が不成立の場合（false）の文;
    }
  }
}
```

### JavaScriptで「else if」構文を使うには

これまでにelse節の使い方を学びました。if節とelse節の組み合わせは、多少面倒な部分だと感じる人もいるでしょう。ここでは構文をシンプルに記述するために、elseとifの組み合わせ構文について学びます。

*JavaScriptでは他のプログラミング言語のような「elseif」構文が定義されていないので「else if」のように「else」と「if」間にスペースを入れて使用します。*

先に学んだelse節は、次のようにすっきりと表すことができます。

```
if (条件1) {
  条件1が成立する場合（true）の文;
} else if (条件2) {
    条件2が成立する場合（true）の文;
} else if (条件3) {
    条件3が成立する場合（true）の文;
} else {
    すべての条件が不成立の場合（false）の文;
}
```

*比較演算子とは、条件式における論理的な真偽を返す演算子です。*if文などの条件分岐に用いて真偽によって処理を分岐させる役割を持ちます。基本的な考え方は、前後の2つを比較した場合に等しいか、大小の差があり等しくないかなどの条件式で判別に使用します。

AとBが等しい場合は「A == B」で表します。同様にAがBより小さい場合は「A < B」、AがBよりも大きい場合は「A > B」で表します。AがBより小さいか等しい場合は「A <= B」、AがBより大きいか等しい場合は「A >= B」、AとBが等しくない場合は「A != B」で表します。

「A == B」ですが、データ型も一致しているか確認する場合は「厳密等価演算子」の”===”を用いて、「A === B」で条件式を記述します。同様に「A != B」についても、データ型も確認する場合は、「A !== B」と「厳密不等価演算子」を用いて記述します。

【参考】：[MDN Web Docs: 式と演算子](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators)
【参考】：[MDN Web Docs: コードでの意思決定 — 条件文](https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks/conditionals)
【参考】：[MDN Web Docs: 厳密等価 (===)](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Strict_equality)
【参考】：[MDN Web Docs: 厳密不等価 (!==)](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Strict_inequality)

*if文で記述する条件式は、論理演算子で複数の条件を評価することができます。*

ANDを意味する「&&」はそれぞれの条件がすべて真（true）の場合に真（true）となります。ORを意味する「||」は記述する複数の条件の中でいずれかが真（true）の場合、最初の真（true）となった時点で、条件式全体を真（true）とします。論理演算の結果を反転させるには、NOTを表す「!」を追加します。

例えば、条件1と条件2のいずれかが成立すれば処理をするOR条件の場合は、次のように記述します。合わせて条件3と条件4のいずれも成立するAND条件の場合も記載しておきます。

```
if (条件1 || 条件2) {
  条件1あるいは条件2のいずれかが成立する場合（true）の文;
} else {
    if節の条件式が不成立の場合（false）の文;
} 

if (条件3 && 条件4) {
    条件3と条件4いずれも成立する場合（true）の文;
} 
} else {
     if節の条件式が不成立の場合（false）の文;
} 
```

【参考】：[MDN Web Docs: 式と演算子](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators)
【参考】：[MDN Web Docs: コードでの意思決定 — 条件文](https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks/conditionals)

## JavaScriptでif文を実際に使ってみる

*ここでは、学んだ構文を使って実際にif文を使っていきます。*if文の条件分岐を比較できるように、関数を定義して使用します。

この例では、引数が ”りんご” の場合は ”食べ過ぎに注意しましょう" を表示して、戻り値1を返します。比較演算子は、数字や文字列などデータ型を気にせずに使用できます。

```
function check(parm) {
    if (parm == "りんご") { // 文字列の比較もできます
        console.log(parm,"の食べ過ぎに注意しましょう")
        ret = 1;
    }
    else {
        console.log("引数は",parm,"です")
        ret = 0;
    }
    return ret;
}
i=check("りんご"); // "りんご の食べ過ぎに注意しましょう"が表示されます
j=check("バナナ"); // "引数は バナナ です"が表示されます
k=check(9999);     // "引数は 9999 です"が表示されます
console.log("結果は",i,j,k); //"結果は 1 0 0"が表示されます
```

“りんご” 、 ”バナナ” 、数字の9999を引数で与えると ”りんご” のみがif文の条件式で真（true）となっていることがわかります。

### JavaScriptの比較演算子で条件を設定する

*続いて「else if」節の構文を使って、比較演算子の条件を追加します。*この例では、 ”バナナ” を条件に追加し、 ”体に良いよ” と表示し、戻り値2を返します。実行すると、3つの入力値でそれぞれ分岐処理がされていることがわかります。

```
function check(parm) {
    if (parm == "りんご") {      // 文字列の比較もできます
        console.log(parm,"の食べ過ぎに注意しましょう")
        ret = 1;
    }
    else if (parm == "バナナ") { // 文字列の比較もできます
        console.log(parm,"は体に良いよ")
        ret = 2;
    }
    else {
        console.log("引数は",parm,"です")
        ret = 0;
    }
    return ret;
}
i=check("りんご"); // "りんご の食べ過ぎに注意しましょう"が表示されます
j=check("バナナ"); // "バナナ は体に良いよ"が表示されます
k=check(9999);     // "引数は 9999 です"が表示されます
console.log("結果は",i,j,k); //"結果は 1 2 0"が表示されます
```

### JavaScriptの論理演算子で複数条件を設定する

最後に、*JavaScriptの論理演算子で複数条件を設定してみます。*次の例では、関数の引数が ”りんご” もしくは ”バナナ” の場合、 ”食べ過ぎに注意しましょう" を表示して、戻り値1を返すように論理演算子で複数条件を設定します。

実行すると、引数が ”りんご” もしくは ”バナナ” の場合、条件式が真（true）となったことがわかります。

```
function check(parm) {
    if (parm == "りんご" || parm == "バナナ") { // 文字列の比較もできます
        console.log(parm,"の食べ過ぎに注意しましょう")
        ret = 1;
    }
    else {
        console.log("引数は",parm,"です")
        ret = 0;
    }
    return ret;
}
i=check("りんご"); // "りんご の食べ過ぎに注意しましょう"が表示されます
j=check("バナナ"); // “バナナ の食べ過ぎに注意しましょう"が表示されます
k=check(9999);     // "引数は 9999 です"が表示されます
console.log("結果は",i,j,k); //"結果は 1 1 0"が表示されます
```

## JavaScriptのif文は1度作成すれば理解できる

JavaScriptのif文は、考え方がシンプルです。条件式を、比較演算子と論理演算子で組み立てるだけで、使用することができます。1度簡単なコードを作成し、制御フローをチェックすると良いでしょう。**チェック済みのif文のJavaScriptコードは使いまわしができますので、理解も深まりおすすめです。**

JavaScriptの数値計算とは？演算子やライブラリの例を紹介

JavaScript入門者・中級者におすすめの技術本8選！

JavaScriptのif文を使うには、if文自体の構文と、if文で判断される条件式の理解が必要です。if文自体は難しくないため、条件式が理解できればプログラミングで活用することができます。ここでは、用いる構文と条件式を実際の使い方を交えて解説していきます。

JavaScriptのif文は、「if (条件) 文;」のようにシンプルな構造で示されます

「else」あるいは「else if」など複数条件に対応し、複雑な制御が可能です

条件式で用いる比較演算子と論理演算子を用いて、1度作れば理解が進みます

JavaScriptのif文を使うには？用いる構文と条件式を解説

様々な分野で活躍するプログラミング言語のPythonですが、「sleep」という関数を知っているでしょうか。C言語やVBAでも同じ関数があり、似た使い方ができると期待する方もいれば、何をする関数か分からない方もいるでしょう。

本記事では、sleep関数のPythonにおける概要や使い方を説明すると共に、具体的な使用例やsleepに関わる発展的な情報も紹介していきます。

【参考】：[sleep関数](https://docs.python.org/ja/3/library/time.html#time.sleep)

プログラミングの関数とは？役に立たない？学び方と実務で役立つスキル

Pythonの関数：基本的な使い方と組み込み関数を解説！

まずは、Pythonにおけるsleep関数の概要を説明していきます。**sleepは実行処理を指定された時間だけ一時停止させることができ、プログラム実行中に何もしない時間を作り出すことができます。**

sleepは標準ライブラリの1つであるtimeモジュールをインポートするだけで使うことができるため、追加のライブラリをインストールする必要もありません。sleep関数は以下のように、引数に秒単位の待ち時間を指定することで動作します。

また、以下のように小数点以下の数値を指定し、1秒未満でも待ち時間を指定できます。

引数もはっきりしており処理もシンプルであるため、実際の利用にあたって不明な点が出てくることはあまりないでしょう。

Pythonは組み込みプログラムの分野でも使用することがあり、時間的な高精度が求められることがあります。そうした背景から、sleep関数の待ち時間の精度が気になる方もいるでしょう。

まず、sleep関数の引数が秒単位であることから、マイクロ秒レベルの精度は少なくとも保証できないことは容易に想像できます。では実際の精度はどの程度なのでしょうか。

sleep関数における時間の測定には、OSに搭載されているタイマーを利用しています。例えばWindowsでは、このOSのタイマーの精度は約15ms程度です。したがって、*sleepでは15msより小さい単位での待ち時間を設定することはできません。*

もちろんこの15msという数字も正確に刻めるわけではありませんので、15ms間隔で例えば150msなら正確に測れるわけでもないことには注意しましょう。

Pythonにはsleep関数と似た機能を持つ「wait関数」が存在します。こちらも指定された秒数だけ処理を止める機能を提供しています。

両者の違いはただ1つであり、*wait関数は一時停止中には他の処理を実行できるのに対し、sleep関数は他の処理も停止させ、一切の動作をさせることができません。*これは、シンプルなプログラムでは使い分ける必要はありませんが、複数の処理を並列で動かすマルチタスクプログラムでは大きな違いが出てきます。

他方の処理の途中で一旦停止させ、もう片方の処理をさせたいという場合には、このwait関数で待たせることをしないと、もう片方の処理が一切進められなくなってしまうためです。

sleep関数の基本事項を解説してきましたが、実際にどのような場面で使用されるかイメージが付いていない方もいるでしょう。したがって、次にsleep関数を使用する場面を具体的に紹介します。

sleep関数の実行中は他の処理が一切行われないことを利用して、プログラムのアクセス先への負荷低減を行うことができます。もう少し具体的な例を考え、PythonでWebアプリを設計する際、スクレイピングなどで繰り返し外部へアクセスするような場面を例に挙げます。

指定された条件に合致するまで繰り返しアクセスを行う場合、sleep関数などで待ち時間を設定しなければ、プログラムは可能な限り高い頻度で外部サーバへアクセスしてしまいます。サーバ側もその頻度に合わせて応答をせざるを得ず、負荷は非常に高くなります。

よほど高い応答性を求めない限りは、sleep関数を実装し、アクセス頻度を指定間隔に制限することがいいでしょう。**このようにプログラムの動作を抑制し、外部への負荷を下げるというメリットがあります。**

Pythonのようなインタープリタ型ではコンパイルせずに、コードの一部分をデバッグすることもできます。動作結果のログもprintコマンドを実装すれば、簡単にIDE上で確認することもできます。

一方、処理内容に対してログが多いと、あっという間に画面がログで埋め尽くされて何を確認すればよいか分からなくなることもあります。そうした時にsleepを使えば、ログをじっくり確認しながらデバッグすることができます。

Webアプリなど外部との通信のやりとりをデバッグするような場面では、**sleepであえて通信周期を延ばし、通信内容が正常かを見るような使い方が考えられます。**

### 決められた周期で処理を実行する

決められた時間周期で処理を実行するような場合でもsleepは活用されます。

繰り返し処理の場合は、処理が終わるとすぐに次の処理を繰り返してしまいますが、決められた時間間隔で処理をさせたい時もあるでしょう。また、延々と一定間隔で同じ処理をさせたい場合も考えられます。そういった時にsleepは活躍します。

*意図的な周期を作りたい時には、sleep関数で待ち時間を指定し、処理の最後に記述すればよいでしょう。*注意点として、ミリ秒単位の精度で周期を守らせたい場合には、精度の問題もあり、sleepは適しません。

また、処理も含めて周期を決めたい場合には、sleepではなく、マルチスレッドによるバックグラウンドでの時間計測が必要になることも留意しておきましょう。

ここからは実際にsleep関数を実装したコードを紹介していきます。ここでは、より使用時のイメージがしやすいよう、具体的な処理内容に基づいたコードを記述しています。実装例を参考に自身のプログラムでも実装していき、どのような動作をしているかを確認していきましょう。

### 1秒間待ってから処理を実行

最も基本的な使い方としては数値を指定してsleep関数を実行する方法があります。前提として、*sleep関数を扱うためには、timeモジュールをインポートする必要があり、その後timeモジュールのメンバ関数であるsleepを呼び出します。*

以下のコードでは処理を1秒間停止した後に、次の行のprint処理が実行されます。前述したように小数点以下を指定してミリ秒単位の停止を行うこともできますが、OSに応じて精度に限界があるので注意しましょう。

import time
print("sleep start")
time.sleep(1)
print("sleep end")

### 1秒ごとに決められた処理を実行

sleep関数は、もちろんfor文などの繰り返し命令の中でも使用することができます。前述のように、*プログラム外への負荷を低減する目的やデバッグで繰り返し処理のログ出力を見やすくしたい時に活用します。*

以下のコードでは100回ループするfor文の中で繰り返し毎に1秒間処理を停止させてから、次の繰り返し処理を実行しています。1秒間を100回繰り返すため、合計で100秒間の処理時間がかかることが分かります。

import time
print("for start")
for i in range(100):
	print("start")
time.sleep(1)
print("end")

sleep関数の引数にはもちろん変数を指定することもできます。*これを利用すれば処理結果に応じて待ち時間を調整することも可能です。*例えば、ある処理の結果から得られた回数値に応じて5秒単位で待つプログラムは下記のように記述できます。

import time
wait_count = 2*4  #ここでは例として数値計算の結果とする
print("for start")
sleep(5*wait_count)
print("end")

最後にPythonのsleepに関する応用的な使い方を紹介していきます。sleep自体が非常にシンプルな関数であるので、応用とはいってもそこまで複雑ではありません。

sleep関数の引数に変数を使用できることを利用し、*指定された時刻まで待ってから次の処理を行うような応用的な使い方もできます。*Pythonではdatetimeモジュールにて現在の時刻を取得することも可能です。

また、同じくdatetimeモジュールで日時を指定することができるため、差分を取ることで指定日時まで待ち続けるプログラムを作ることが可能です。

import time
import datetime
now = datetime.now()
end_time = datetime.datetime(2024, 7, 23, 12, 0, 0, 0)
wait\_sec = (end_time - now).seconds
print("start wait")
sleep(wait_sec )
print("end wait")

### ミリ秒の精度でsleepするには

前述のようにPythonのsleep関数はOSタイマーに依存するため、ミリ秒単位での待ち時間を実現することはできません。では、Pythonで上記で実現するにはどうしたらいいでしょうか。

Pythonには様々なライブラリがあります。例えば、*「win-precise-time」というライブラリを使用すれば、特別な処理をすることなく、ミリ秒単位のsleepを実現できます。*このライブラリは、Windowsに搭載されている精密タイマーと連携することでミリ単位の精度をサポートしています。

実装に関しては、以下のようにまずpipでライブラリをインストールした後に該当のライブラリをインポートするだけです。sleepと同じ要領で使用することができます。

import win\_precise_time
win\_precise_time.sleep(0.001)

【参考】：[win-precise-time](https://pypi.org/project/win-precise-time/)

## sleep関数を使いこなし、Pythonのコーディングスキルを向上させよう

本記事ではPythonのsleep関数の概要から使い方、実装例などを紹介してきました。sleep自体は非常にシンプルな処理ですが、ユースケースは様々であり、実装のイメージをつけることができたのではないでしょうか。

Pythonには他にも様々な関数があり、アプリ開発をしていくためには、それらを使いこなす必要があります。**sleepは他の関数と比べて非常にわかりやすい処理のため、スムーズに使い方が理解できたと思いますが、より複雑な機能を持つ関数ではそうもいきません。**

実装例などを参考にしつつ関数の使い方を学び、着実なスキルアップを目指していきましょう。

Pythonのsplitとは？メソッドや関数で文字列を分割する方法

Pythonのラムダ式（無名関数）とは？特徴や便利な使い方を解説

Pythonには様々な関数がありますが、その中にsleepと呼ばれる関数があります。他の言語を学んだ方にとってはイメージしやすい関数かもしれません。本記事では、sleep関数のPythonにおける機能を説明しつつ、具体的なユースケースや実装例も紹介します。

Pythonのsleepは、プログラムを指定した秒数だけ停止させることができる

精度はOSのタイマー精度に依存するため、ミリ秒単位で待つことはできない

sleepは、サーバアクセス負荷を下げる、指定した周期で処理を繰り返す、などの使い方がある

Pythonのsleep関数とは？概要や使い方、応用例を解説

正規表現とは、文字列のパターンマッチングを行うための表記方法を示すものです。**正規表現は英語で「Regular Expressions」と呼び、Pythonで使用するには組み込みモジュールのreを用います。**reモジュールは、 ”import re” でライブラリを読み込み、必要な関数を使用することができます。

【参考】：[Python Docs: 正規表現 HOWTO](https://docs.python.org/ja/3/howto/regex.html)
【参考】：[Python Docs: re --- 正規表現操作](https://docs.python.org/ja/3/library/re.html)

Pythonのモジュールとは？概要と使い方をわかりやすく解説！

便利なPythonモジュールの一覧！おすすめ外部ライブラリも紹介

私たちの扱うデータには、単語や文字、文章など多くの種類があり、記号なども含めると膨大です。これらを扱うために、プログラミング言語では文字と文字列で表し、Pythonでは文字の集合体を文字列で表します。

正規表現は、このような膨大な文字列から任意の文字を抽出するために用いる1つの表記形式を指します。文字列の集合体から、決められたパターンのデータが含まれているか確認するために用います。*抽出が必要な文字列すべてを記載することなく、パターンとして与えることで、求める文字列を簡単に探せます。*

### 正規表現を必要とするケース

*データの処理で特定パターンに合致するパターンマッチングができると、効率的にデータの抽出ができます。*

例えばウェブページで見られる、 ”For more information, please call 0120-345-6789” のような文章があり、電話番号の数字だけ取り出したい場合、どうすればいいのでしょうか。このような場合に正規表現を用いると、簡単に数字を取り出すことができます。

ここでは、先の電話番号を取り出すケースのような、文字列から数字だけを取り出す場合を考えてみます。この場合、正規表現で任意の数字を表すには、 ”\d” あるいは ”[0-9]” が用意されています。

このような正規表現は文字の種類ごとに定義されており、波括弧（”{ }”）、角括弧（”[ ]”）、丸括弧（”( )”）や ”^$.?” などの特殊な文字を用いて表記されます。*Pythonの正規表現で用いる記法は、大まかに特殊文字と特殊シーケンスに分けられます。*詳しくは、以降で解説していきます。

*特殊文字は、それ自身が対象とする文字列に含まれているものではなく、文字列を代わりに表現するための置換文字を表します。*一覧で表すと次のように分類付けられており、用途に応じて記述が可能です。

ここでは、使用例も合わせて掲載しておきます。

~~　【表】：特殊文字の正規表現と使用例~~

### 特殊シーケンスの概要と一覧

*特殊シーケンスは、エスケープシーケンスと同様に特殊文字バックスラッシュ ”\” で表す正規表現です。*文字リテラルと同様に、バックスラッシュに続けてエスケープが必要な文字を指定します。バックスラッシュのみで正規表現が構成されるわけではなく、続く文字指定によってパターンを切り替えます。

具体的には次のようなものがあります。

~~　【表】：特殊シーケンスの正規表現と使用例~~

## Pythonで正規表現を使ってみる

*Pythonでは、組み込みモジュールを用いて正規表現を扱います。*正規表現で任意の数字を表すには、 ”\d” あるいは ”[0-9]” を使用します。ここでは、文字列が数字なのかパターンマッチングを行います。

例えば、文字列 "1234567890ABC" から先頭の数字のみを取り込む場合は、 ”^\d+” と記述します。 ”^” は先頭を意味し、 ”\d” は数字、数字の後の ”+” は1回以上の繰り返しです。なお、Pythonの文字列は、シングルクォーテーション（’）とダブルクォーテーション（”）で違いはありません。

パターンマッチングを実際に行うには、reモジュールの関数を用います。ここでは、re.match()関数を用いて以下のように求めることができます。

```
import re
textstr="1234567890ABC"
pattern="^\d+"

ret = re.match(pattern, textstr)
if ret: 
  print(ret)  # “<re.Match object; span=(0, 10), match='1234567890'>”が表示され、10文字目までマッチしたことがわかります
  print(ret.group())  # “1234567890”が表示されます
```

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