## Windows11でコマンドプロンプトは使える？

Windows11は、企業のオフィスワークから個人向けエンターテイメントまで、グラフィカルな操作を活用して多様な用途に対応します。また操作に必要な設定も「設定」アプリと呼ばれるGUIで操作できるため、マウス操作やタッチ操作で多くの作業が完結します。

ところが何か問題が生じたり、詳細確認やシステム設定の修復が必要だったりすると、いまだにコマンド操作が必要となります。そこで役立つのが、コマンドプロンプトです。

既定のアプリがWindowsターミナルに変更となり、「Windows11でコマンドプロンプトは使えないのでは」と誤解している方も多いでしょう。実際には、**コマンドプロンプトは正式サポートされており、Windows11が起動しない場合もシステム管理で必要となる重要なツールです。**ここでは、コマンドプロンプトの起動方法を学んでいきます。

【参考】：[コマンド プロンプトと Windows Powershell for Windows11](https://support.microsoft.com/ja-jp/windows/%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89-%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88%E3%81%A8-windows-powershell-for-windows-11-6453ce98-da91-476f-8651-5c14d5777c20)

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

*コマンドプロンプトとは、OSへの指示や特定の操作や結果を確認するためのコマンドラインインターフェース（CLI）を指します。*テキストベースのコマンドを入力し、指示を送ります。Linuxではシェルを用いますが、Windowsでは「cmd.exe」というコマンドプロンプトというプログラムを使用します。

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

GUIは「グラフィカルユーザーインターフェース」であり、直観的な操作を行う場合に利用します。人間が感覚的に行う作業に適しており、誰でも簡単に利用することができます。

CUIは「キャラクターユーザーインターフェース」であり、キーボードなどによってテキスト文字を入力し、アプリケーションやOSコマンドを実行します。操作方法やコマンドを覚える必要がありますが、一連の操作コマンドはバッチファイル化することで作業の平準化や自動化が可能です。

*これらから、GUIはクライアント端末で一般的に用いられ、CUIはシステム操作やサーバの管理などに使われるなどの違いがあります。*

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

## コマンドプロンプトを起動する

*コマンドプロンプトは、Windows11において標準搭載されているシステムツールです。*Windows 10同様に利用できますが、バージョンアップに伴って変更点もあります。ここでは、Windows11の代表的なコマンドプロンプトの起動方法を図解していきます。

まずはじめに、「検索」機能を用いた起動方法を学びます。*「検索」機能は、「スタート」ボタンの右に見える検索アイコンもしくは検索ボックスをクリックして使用します。*

次のように検索ボタンをクリックすると、最上部に検索ボックスが表示されます（①②）。ここにコマンドプロンプトを示す「cmd」あるいは「コマンドプロンプト」などと入力すると、右側に検索結果が表れます（③）。

~~　【図】：「検索」機能を使用する~~

検索結果からコマンドプロンプトを起動するには、「開く」または「管理者として実行」をクリックします。

「管理者として実行」をクリックすると（①）、管理者権限で起動されるためユーザアカウント制御のダイアログが表示されます（②）。そこで、「はい」をクリックすると、管理者権限のコマンドプロンプトが開きます（③）。

~~　【図】：コマンドプロンプトを管理者として実行する~~

「開く」をクリックした場合はユーザ権限で起動されるため（①）、そのままコマンドプロンプトが開きます（②）。

~~　【図】：コマンドプロンプトを開く~~

「検索」機能は、検索結果の履歴が保存されており、便利です。再度「検索」機能を開くと、「最近」という履歴領域にコマンドプロンプトが表示されており、再検索は不要で起動できます。

表示されるコマンドプロンプトの表示をクリックすると（①）、ユーザ権限のコマンドプロンプトが開きます。管理者権限でコマンドプロンプトを開くには、ここで右クリックメニューを表示し、「管理者として実行」をクリックします（②）。

~~　【図】：「検索」機能の履歴を使用する~~

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

### スタートメニューから起動する

*スタートメニューからは、「検索」機能が利用できるほか、アプリ一覧から希望するアプリを直接実行することができます。*「スタート」ボタンをクリックし（①）、スタートメニューが表示されると、上部に検索ボックスが表示されます。検索ボックスの利用方法は、「検索」機能で解説した通りです。

~~　【図】：スタートメニューを開く~~

スタートメニューを見ると、「すべてのアプリ」の表示があります（①）。ここでは、コマンドプロンプトを直接実行する方法として、「すべてのアプリ」をクリックし（①）、「Windows ツール」をクリックします（②）。

~~　【図】：すべてのアプリから「Windows ツール」を開く~~

「Windows ツール」が表示されると、中央部分にコマンドプロンプトが表示されています（①）。ここで表示をダブルクリックすると、コマンドプロンプトがユーザ権限で開きます（①）。

表示から右クリックメニューを開くと「管理者として実行」が表示されており、クリックすることで管理者として開くことができます（②）。

Windows11のスタートメニューが使いにくい？カスタマイズ方法を紹介！

### Windowsターミナルから起動する

*コマンドプロンプトは、コマンドラインシェルを統合するWindowsターミナルから使用することもできます。*Windowsターミナルは、スタートメニューの右クリックメニューから起動することができます（①）。

Windows10までは、右クリックメニューにコマンドプロンプトが表示されていましたが、Windows11ではターミナルに変更されました。これは標準ターミナルアプリがコマンドプロンプトからWindowsターミナルに変わったためです。

ここでメニュー表示される「ターミナル」はユーザ権限で起動し、「ターミナル（管理者）」は管理者権限で起動します（②）。他のツール同様に、管理者権限で起動した場合はユーザアカウント制御の承諾の下にアプリが実行されます（③）。

~~　【図】：ターミナルを開く~~

Windowsターミナルは、初期設定でWindows PowerShellが開きます。初期設定を変更してシェルを指定できるほか、タブを開く際に指定することもできます。ここでは、タブを開く際の指定方法を図解します。

通常、タブを開くには上部右側の「＋」アイコンをクリックします。ここでは、標準シェルに設定されていないコマンドプロンプトを指定するために、その右側の「ｖ」アイコンをクリックします（①）。

「ｖ」アイコンをクリックすると、追加メニューが表示されます。ここで表示されるコマンドプロンプトをクリックして起動することができます（②）。

~~　【図】：ターミナルからコマンドプロンプトを開く~~

開いたコマンドプロンプトは、これまで同様に管理者権限とユーザ権限で表示が異なります（①②）。Windowsターミナルでは次のように、管理者権限がある場合は「管理者：コマンドプロンプト」とタブに表示がされます（①）。

~~　【図】：管理者権限とユーザー権限を使い分ける~~

【参考】：[Windowsターミナルとは](https://learn.microsoft.com/ja-jp/windows/terminal/)

Windowsターミナルとは？概要・機能から使い方まで解説！

### 「ファイル名を指定して実行」から起動する

*コマンドプロンプトは、「ファイル名を指定して実行」から直接起動することができます。*メニュー操作で起動するには、スタートメニューの右クリックメニューから「ファイル名を指定して実行」を表示し、「cmd」と入力し「OK」または「Enter」キーを押します（①②③）。

ここでは「Enter」キーの操作でユーザ権限と管理者権限を切り替えることもできます。具体的には、「Enter」キーまたは「OK」でユーザ権限で開き、「Ctrl」＋「Shift」＋「Enter」で管理者権限で開くことができます。

~~　【図】：「ファイル名を指定して実行」から起動する~~

操作に慣れてきたらショートカットキーを使用することもできます。「Windows」＋「R」キーを押すことで、メニューを操作せずに直接「ファイル名を指定して実行」が開きます。

【参考】：[Windows のキーボード ショートカット](https://support.microsoft.com/ja-jp/windows/windows-%E3%81%AE%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89-%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88-dcc61a57-8ff0-cffe-9796-cb9706c75eec)

### コマンドプロンプトが開いたら

*コマンドプロンプトが開いたら、コマンド操作やバッチ処理に利用することができます。*コマンドの使い方はhelpでコマンド一覧を表示させたり、詳細な使い方を確認したりして作業を進めます。

また、管理者として実行できない場合はシステム操作ができないため、コマンドプロンプトを起動する際に、管理者権限で起動しているか、確認しながら作業を進めると良いでしょう。

## Windows11のコマンドプロンプトは今でも活用できる

Windows11では、新たにコマンド操作を行うシェルとそれを表示するターミナルに役割を分割しています。そのため、既定のアプリがWindowsターミナルに変更となり、「Windows11ではコマンドプロンプトを使えないのでは」と誤解を招きました。

**コマンドプロンプトはシステム操作には欠かせないものであり、Windows11をとことん学ぶにはコマンドプロンプトをあらためて理解しておくと良いでしょう。**

Windows11では、既定のアプリがWindowsターミナルに変更となり、「Windows11ではコマンドプロンプトが使えないのでは」と心配だった方も多いでしょう。ここでは、コマンドプロンプトの起動の仕方について、代表的な操作の方法を図解していきます。

Windows11では、既定のアプリがWindowsターミナルに変更されました

コマンドプロンプトは従来通りに提供されており、システム管理に用いることができます

Windows11を深く理解するには、コマンドプロンプトの活用がおすすめです

Windows11でコマンドプロンプトは使える？起動方法を図解

## HTMLはホームページを作成するマークアップ言語

**HTMLはホームページを作成するためのマークアップ言語です。**ホームページを表示する際には、HTMLファイルをWebブラウザが解釈して、テキスト、画像、リンクなどのさまざまな要素が組み合わされたページを表示します。

HTMLはホームページの構造を定義し、内容を表示するのに使います。一方、ホームページのレイアウトやデザインを調整するにはCSSが利用されます。

この記事では、HTMLを書いてホームページを作成したい方のために、HTML文書の基本構造や、実際のホームページの作成方法、CSSの概要などについて解説していきます。

HTMLは「HyperText Markup Language」の略で、Webページの基礎となるマークアップ言語であり、インターネット上のほとんどのホームページで使用されています。

*HTMLは、テキストや画像などを含む文書の構成要素に意味を付け、文書を構造化するために用いられます。*

例えば、\<h\>タグを使うと、その部分が見出しであること、\<p\>タグを使うことで、その部分が段落であることを示します。これにより、ホームページの構造やレイアウトを設計することが可能です。

HTMLとは？できることや初心者向けのタグの例、CSSについても紹介

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

近年ホームページ作成ソフトウェアや、ワードプレスなどのCMSツールなどの普及により、HTMLを直接書かなくてもホームページを作成することが可能になりました。しかし、これらのツールを使うことで作成者が意識していなくても、HTMLが使用されています。

*そのため、ホームページを作成する際、HTMLの知識を持っていると、自身のアイデアをより自由に表現でき、Webページ作成の幅が広がります。*

ホームページ作成ツールに頼るだけでなく、HTMLの知識を併せ持つことで、より柔軟にホームページを作成したり、問題が発生した場合の対処をしやすくなったりするでしょう。

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

HTMLでホームページを作成するにあたって、まずはHTMLの基礎知識を学びましょう。HTMLの基本的な構造や、さまざまなタグについて解説します。

HTMLは、一定の構造に基づいて記述されます。以下に、基本的な構造を持つHTMLコードを示します。まずは、HTML文書の土台となる要素を解説します。

HTML文書内では、「\<\>」で囲われた「タグ」を使って、文章をマークアップ（意味付け）していきます。

```
<!DOCTYPE html>
<html lang="ja">
<head>
  <title>タイトル</title>
</head>
<body>
  <h1>見出し</h1>
  <p>段落</p>
  <a href="リンク先のURL">リンク文字列</a>
</body>
</html>
```

*■\<!DOCTYPE html\>*
使用するHTMLのバージョンを宣言するためのものです。\<!DOCTYPE html\>と記載することで、現在主流となっているHTML5を使用することを宣言できます。

*■\<html\>~\</html\>*
\<html\>タグはHTML文書の始まりです。上記のコードでは\<html lang="ja"\>となっており、lang="ja"の部分でこのHTML文書で使われる言語が日本語であることも同時に示しています。

\</html\>は\<html\>と対応する閉じタグで、ここでHTMLの記述が終わることを意味しています。

*■\<head\>~\</head\>*
\<head\>タグ内はHTMLの設定を行う場所であり、文字コードの設定やタイトルの設定などが行われます。

*■\<body\>~\</body\>*
\<body\>タグ内は、実際に表示されるコンテンツが記述されます。ホームページを作成する上でメインとなる部分と言えます。例えば、見出しや段落、画像などの要素が\<body\>タグの中に記述され、Webブラウザ上で表示されます。

これらの要素は、HTML文書の基本となるものです。上記のコードをテンプレートにして、\<head\>タグ内の情報や\<body\>タグ内のコンテンツを記載していくのもよいでしょう。

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

HTMLでは、他にも多くのタグを使ってWebページの構造とコンテンツをマークアップします。よく使う代表的なタグをいくつか説明します。

*■\<h\>タグ*
\<h\>タグは見出しを定義します。実際には「h」の後ろに数字を付けて\<h1\>から\<h6\>という記述で使われ、数値が小さいほど見出しの重要度が高くなります。

*■\<p\>タグ*
\<p\>タグは段落を定義し、\<p\>～\</p\>で囲われた部分は1つの区切りを持つ文章のまとまりを意味します。

*■\<br\>タグ*
\<br\>タグは改行を意味します。記述することで文章を途中で区切って、次の行の頭から続きの文章が続きます。\<br\>タグには閉じタグはなく、\<br\>単体で改行を意味します。

*■\<img\>タグ*
\<img\>タグは、ホームページ内に画像を表示するためのタグです。src属性に画像のURLを指定します。\<img\>タグには、閉じタグはありません。

*■\<a\>タグ*
\<a\>はリンクを定義し、href属性にリンク先のURLを指定します。これを使うことで、ブラウザ上で文字列をクリックすると別のページへ移動する「ハイパーリンク」を実装できます。

*■\<table\>タグ*
\<table\>タグは、表形式のレイアウトであるテーブルを定義します。\<table\>～\</table\>内に、行を意味する<tr>タグ、セルを意味する\<td\>タグを並べてテーブルを構成します。

## HTMLでホームページを作成する手順

それでは、HTMLで実際にホームページを作成する方法を解説します。順を追って1つずつ行っていけば、思っていたより簡単にホームページが作成できることが分かるでしょう。

*HTMLでホームページを作成するためには、HTMLを書くためのテキストエディタが必要です。*

Windows標準アプリの「メモ帳」でも作成可能ですが、コードが見やすい色変更機能やエラー表示を持つテキストエディタを使用すると、より効率的にHTMLを作成できます。

例えば、HTML編集でよく使われるテキストエディタには、サクラエディタやTeraPad、Notepad++、Visual Studio Codeなどがあります。

また、HTMLの表示確認にはWebブラウザが必要です。作成したHTMLファイルの表示とコーディングの結果確認に使用します。

代表的なものにMicrosoft Edge、Google Chrome、Mozilla Firefox、Safariなどがあります。ブラウザにより表示が違う場合もあるため、できるだけ多くのブラウザで確認できることが望ましいでしょう。

テキストエディターとは？エンジニア初心者におすすめのエディタも紹介！

初心者におすすめのHTMLエディタ5選！便利な機能で開発効率もアップ

実際にHTMLファイルを作成してみましょう。

まずはテキストエディタを開いて、「HTMLの基本的な構造」で示したHTMLコードをコピーして貼り付けます。

次に、自分が作りたいホームページの内容を編集していきます。例えば、大見出しの文章の後に、中見出しと文章が続くページを作成する場合は、\<body\>～\</body\>内に以下のように書きます。

```
<body>
  <h1>大見出し</h1>
  　<p>段落</p>
　<h2>中見出し</h2>
  　<p>段落</p>
</body>
```

HTMLの記述が終わったら、ファイルを保存します。ファイル名は、例えば「sample.html」のように「（半角英数字の名前）.html」として保存します。これでHTMLファイルが作成されます。

HTMLファイルを作成したら、ブラウザで表示を確認しましょう。
作成したHTMLファイルをダブルクリックすると、既定のブラウザが起動し、HTMLファイルが表示されます。

表示されたページには、記述した大見出しと中身見出しの文章が表示されているでしょう。まだ文字だけでシンプルな表示ですが、ここからさらにHTMLを追記して、自分のホームページのコンテンツを充実させていくことができます。

*このように、HTMLを記述してブラウザで表示を確認することで、作業の結果を確認しながらホームページを作成していきます。*

### HTMLファイルをアップロードする

HTMLファイルを作成したら、次はインターネット上に公開します。*そのためには、作成したHTMLファイルを、サーバにアップロードする必要があります。*

一般的に、サーバはレンタルサーバを借りて利用します。レンタルサーバは、インターネット上にファイルを置いておくための場所です。

レンタルサーバは、作成するホームページの規模にもよりますが、個人向けの小規模なサイトであれば、まずは低価格のプランでも十分でしょう。レンタルサーバ会社によっては申し込み前の試用期間もあるので確認してみてください。

サーバをレンタルしたら、FTPソフトを使ってHTMLファイルをアップロードします。

FTPソフトは、ファイルをサーバに転送するためのソフトウェアです。FTPソフトにはさまざまな種類がありますが、広く使用されているものとして、Windows用のFFFTP、Win・Macどちらでも使えるFileZillaなどがあります。

サーバにファイルをアップロードしたら、ホームページを表示してみましょう。ホームページのURLは、レンタルしたサーバの管理画面で確認できます。

ブラウザにアップロードしたHTMLファイルの内容が正しく表示され、問題がなければ作業は完了です。

## HTMLでホームページを作成する際のポイント

ここでは、HTMLでホームページを作成するときのコツを説明します。これらを意識することで、よりスムーズにホームページ作成を進められるでしょう。

### 作りたいホームページを明確にする

**HTMLでホームページを作成する際には、作成するホームページの目的を明確にすることが大切です。**
個人向けの情報発信サイトなのか、ビジネス向けで顧客とのやり取りを行うのかなどによって、必要とされる機能やデザインが大きく異なるためです。

個人向けサイトではブログやポートフォリオの掲載が主な機能となり、ビジネス向けサイトであれば、商品・サービスの説明や問い合わせフォームなどの機能が必要でしょう。

このように、あらかじめホームページのコンセプトを明確に設定しておくことで、必須の機能やデザインを見落とすことなく、効果的にホームページを構築することができます。

HTMLでホームページを作成する際には、HTMLタグを正しく記述することが重要です。
*単純な誤記だけでなく、タグの入れ子構造の順序や、開始タグと閉じタグの対応などが誤っていると、思った通りに表示されません。*

しかし、すべてのタグの使い方を暗記しておく必要はありません。タグの記述方法については、インターネット上で多く情報を得られますし、記述サンプルも見つかるでしょう。

また、タグの色分け表示や入力時の自動補完、記述ミスを知らせる機能などがあるテキストエディタを利用することで、効率的に正しいタグを記述することができます。

## CSSでHTMLのレイアウトを整える

CSSは、HTMLで書かれたコンテンツのスタイルやデザインを制御するための言語で、「HTML/CSS」とHTMLとセットで説明されることも多いです。

CSSを使うことで、HTMLで作成したページの各要素を自由に配置したり、装飾したりすることができます。

### CSSでHTMLのデザインを統一できる

CSSを活用することで、Webサイトのデザインを定義することができます。例えば、文字の大きさや色を変更したり、画像の位置を調整したりすることができます。

*文書内の構成要素の意味付けを目的とするHTMLと、表示レイアウトを担当するCSSが分離していることで、デザインの一貫性を保ちながらホームページのコンテンツ編集を行うことができます。*

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

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

CSSの基本的な構文は、セレクタとプロパティ、値の組み合わせで構成されます。

セレクタは、「p」「h1」「h2」などの、適用したいHTML要素を指定します。「id=”属性名” class=”属性名”」など、指定したidや属性の属性名でも指定できます。

プロパティは、適用するCSSのスタイルの種類を指定します。文字色を指定する「color」や、フォントサイズを指定する「font-size」などがあります。

値は、プロパティで指定される具体的な値です。定義されたキーワードや数値で指定します。

HTMLはホームページ作成のためのマークアップ言語で、ブラウザはHTMLファイルに従ってテキストや画像などを表示します。HTMLを学べば、自由にホームページ作成ができます。この記事では、HTMLの基本構造や、HTMLによるホームページ作成手順を解説します。

HTMLはホームページを作成するためのマークアップ言語である

HTMLでホームページを作成するためには、テキストエディタとWebブラウザが必要である

ホームページのレイアウトやデザインを調整するにはCSSを使用する

HTMLでホームページを作成するには？作り方やポイントを解説

## JavaScriptにおける関数型プログラミング

近年、Web開発においてJavaScriptがますます重要な役割を果たす中、関数型プログラミングの概念を取り入れる動きが活発化しています。

従来の命令型プログラミング（オブジェクト指向プログラミング）とは異なり、関数型プログラミングはコードの読みやすさや保守性を向上させ、複雑なシステム開発にも柔軟に対応できる利点があります。

本記事では、*JavaScriptにおける関数型プログラミングの特徴、メリットなどについて詳しく解説します。*さらに、具体的なコード例を用いて、関数型プログラミングの主要な概念である「ファーストクラス関数」、「高階関数」、「クロージャ」などをわかりやすく紹介します。

【参考】：[JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript)

JavaScriptでできること9選！向いている人や学習方法も解説

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

### そもそも関数型プログラミング言語とは？

関数型プログラミングは、**プログラムを関数という基本的な構成要素で組み立てていくプログラミング手法で、宣言型プログラミング言語の1種です。**関数とは、名前と処理内容を定義したプログラムのまとまりであり、引数を受け取って値を返すという特徴を持ちます。

代表的な言語としてはHaskellやScalaがあります。関数型プログラミングでは、以下の4つの基本原則に基づいてプログラムを設計します。

*1.状態不変性*
関数は常に同じ入力に対して同じ出力を返すように設計されます。つまり、関数の内部状態は実行ごとに変化せず、常に一定の状態を保ちます。

*2. 副作用の排除*
関数は副作用を起こさないように設計されます。つまり、関数の処理は外部のデータや状態を変更せず、関数内部のみで完結します。

*3.再帰*
問題をより小さな同じような問題に分解し、それを繰り返し解決することで複雑な問題を解きます。

*4. 高階関数*
関数を引数として受け取ったり、関数を出力として返したりするような、関数を扱う関数を指します。

*書籍「関数型言語で学ぶプログラミングの基本」*

これを機会に関数型プログラミング言語について学んでみたい方に、おすすめの書籍を紹介します。関数型プログラミングは、プログラムを関数の組み合わせとして捉えるスタイルです。本書ではOCamlを用いて、関数型プログラミングの基礎と応用について詳しく解説しています。

OCamlは直感的な文法と高度な抽象化機能を備え、複雑なアプリケーションの開発に適しています。関数型プログラミングの理解を深め、他の言語でも応用できるプログラミングスキルを身につけることができるでしょう。

▪著者：川井 俊輝
▪出版社：インプレス
▪ページ数：130ページ 
▪発売日：2024/02/23

【参考】：[関数型言語で学ぶプログラミングの基本](https://nextpublishing.jp/book/17485.html)

JavaScriptにおける関数型プログラミングは、1990年代後半から徐々に注目され始めました。

**JavaScriptは、関数型プログラミングの主要な概念をサポートしており、関数型プログラミングスタイルで記述することができます。**

具体的には、以下のような機能が提供されており、これらの機能によってJavaScriptでも関数型プログラミングの主要な概念を実装することが可能になりました。また、JavaScriptは動的型付け言語であることから、関数に型指定ができません。

型推論の仕組みによって。ある程度は型を推論できますが、プログラムが複雑になると型が推論されないケースもあります。こうした問題を解決する方法として、静的型付け言語であるTypeScriptを使用する方法があります。以下、JavaScriptの主な関数の種類について紹介します。

*1.ファーストクラス関数*
関数は値として扱われ、他の変数に代入したり、関数引数として渡したり、関数から返したりすることができます。

*2.高階関数*
 JavaScriptには、map、filter、reduceなどの高階関数が標準で用意されており、これらの関数を利用することで、より簡潔で表現力豊かなコードを書くことができます。

*3.クロージャ* 
クロージャは、関数とその関数内で定義された変数を組み合わせたものです。関数を実行した後でも、関数内で定義された変数にアクセスすることができます。

TypeScriptとは？JavaScriptとの違いも解説！

## JavaScriptにおける関数型プログラミングのメリット

以上、関数型プログラミングとは何かについて解説しましたが、これらの原則を徹底することで、*JavaScriptでは以下のようなメリットが得られます。*

### コードの読みやすさと理解のしやすさ

 関数は独立した単位として扱われるため、コード全体を俯瞰しやすくなり、**複雑な処理であってもコードが読みやすく、理解しやすくなります。**

関数は副作用を起こさないため、コードのどの部分でエラーが発生しているのかを特定しやすくなるため、**エラーを見つけやすくデバッグが容易になります。**

関数は純粋な関数であるため、**入力値に対して常に同じ出力を返すことが保証されるため、テストが容易になります。**

関数は再利用可能な部品として扱われるため、コードのモジュール性を高め、保守性を向上させることができます。

## 関数型プログラミングの主要な概念

JavaScriptにおける関数型プログラミングの主要な概念とプログラミング例について、具体的に見ていきましょう。

JavaScriptにおける関数は、functionキーワードを使って定義されます。**関数は、名前、引数リスト、関数本体で構成されます。**

*例：平方数を計算する純粋関数*
この関数は、引数 x の値のみを参照して、平方数を計算し、その値を返します。外部状態を参照したり、グローバル変数を変更したりしないため、純粋関数と言えます。

```
function square(x) {
  return x * x;
}
const result = square(5); // 25
```

イミュータブルなデータとは、一度作成されたオブジェクトの状態（中身）が変わらないことを指します。具体的には、**オブジェクトのプロパティを操作しても、作成されたオブジェクトの中身が変わらない（影響を受けない）状態のことです。**

*例：イミュータブルな配列を使って合計値を求める*
このコードでは、numbers配列をイミュータブル（変更不可）なデータとして扱っています。reduce関数は、配列の各要素に対して処理を行い、その結果を新たな配列として返します。元のnumbers配列は変更されません。

```
const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((total, num) => total + num, 0);
console.log(sum); // 15
```

**高階関数は、関数を引数として受け取ったり、関数を出力として返したりする関数のことを指します。**JavaScriptには、map、filter、reduceなどの高階関数が標準で用意されています。

*例：map 関数を使って配列の要素を2倍にする*
このコードでは、map関数を使ってnumbers配列の各要素を2倍にしています。map関数は、配列の各要素に対して処理を行い、その結果を新たな配列として返します。

```
const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
```

関数の中で自分自身を呼び出す関数のことを指します。**再帰的なアプローチを使用することで、問題をより小さな部分に分割し、それらの部分を組み合わせて問題全体を解決することができます。**

*例：再帰を使って階乗を計算する*
この関数は、再帰を使って階乗を計算します。再帰とは、関数が自分自身を呼び出す手法です。この例では、factorial(n)関数はnが0になるまで自分自身を呼び出し、その結果を掛け算して返します。

```
function factorial(n) {
  if (n === 0) {
    return 1;
  } else {
    return n * factorial(n - 1);
  }
}
const result = factorial(5); // 120
```

複数の関数を組み合わせて新しい関数を作る手法です。**JavaScriptでは、パイプ演算子 (|) を用いて関数の合成を記述することができます。**

*例：パイプ演算子を使って配列の要素を2倍にして合計値を求める*
この例では、map関数とreduce 関数を連結して、配列の要素を2倍にして合計値を求めています。

```
const numbers = [1, 2, 3, 4, 5];

const result = numbers
  .map(num => num * 2)
  .reduce((total, num) => total + num, 0);
console.log(result); // 30
```

## JavaScriptの関数型プログラムと命令形プログラムの根本的な違い

ここまで、JavaScriptにおける関数型プログラミングについて解説してきましたが、では従来の命令形プログラムと根本的に何が違うのでしょうか。JavaScriptにおける関数型プログラムと命令形プログラムは、設計思想とデータの扱い方に根本的な違いがあります。それぞれ見てみましょう。

最初に、*関数型プログラムと命令形プログラムの設計思想における違いを見てみましょう。*

*【命令型プログラム】*
命令形プログラムは、状態と呼ばれる変数を用いてプログラムを記述します。プログラムは、状態を変化させる命令を逐次実行することで処理を進めます。

言語・開発の記事（18ページ目）