Windows11を長く使っていると、次第にパソコンの動作が重くなっているケースがあります。その原因の1つに、*ストレージの容量不足が挙げられます。*

この記事では、ストレージの容量が不足するとどのような問題が起きるのか、容量を確認する方法や空き容量を増やす方法について解説します。Windows11の調子が良くない、ストレージの空き容量が気になる方は、この記事を参考にして問題解決を図りましょう。

【参考】：[PC のストレージを確認する ｜ Microsoft サポート](https://support.microsoft.com/ja-jp/windows/pc-のストレージを確認する-c7cbe6ef-267b-6b8a-32d9-01161623ba5a)

Windows11が重くなる原因とは？7つの理由と改善策を解説！

## Windows11の容量不足による問題

Windows11でストレージの空き容量不足が生じると、どのような問題が発生するのでしょうか？Windows11で必要なストレージの空き容量、空き容量が不足すると起きる問題などについて見ていきましょう。

Windows10からWindows11へのアップグレードに伴い、Windows11ではどの程度ストレージの空き容量が必要なのでしょうか？ここでは、Windows10とWindows11のスペック要件（推奨値）を比較してみました。

　　　　　　　　　　*Windows10*　 　　　　　　　*Windows11*
▪メモリ　　：　 　2GB（64ビット） 　　　                  4GB
▪ストレージ：  　20GB（64ビットOS）　    　 64GB以上の記憶装置

Windows11はWindows10と比較して、メモリは2倍の4GBが必要です。**ストレージのスペック要件は、Windows10が20GB以上であるのに対し、Windows11は3倍以上の64GBが必要です。**

このように、Windows11は重めのOSであることが分かります。ここに挙げたスペックは、あくまでもOSのインストールに必要な領域であり、実際にアプリケーションやデータを含めると、これらの数値の数倍のストレージ容量が必要です。

「スペック要件を満たしているのに容量不足になるのはおかしい」と思ってしまいますが、どんなデバイスでもシステム領域以外にユーザ領域が必ず必要なので、最初から十分なストレージ容量を確保しておくことをおすすめします。

【参考】：[Windows 11 の仕様とシステム要件 | Microsoft](https://www.microsoft.com/ja-jp/windows/windows-11-specifications?r=1)

Windows11アップグレード方法や必要スペックを徹底解説

Windows11と10の違いは？どっちがいい? 主な変更点や実際の声を紹介

Windowsシステムが格納されているCドライブの空き容量が不足すると、どのような問題が起きるのか把握しておきましょう。**容量不足によって起こる代表的な問題を3つ挙げてみました。**

*・パフォーマンスの低下*
ストレージの空き容量が不足すると、システム全体のパフォーマンスが低下します。特にファイルの読み書きが遅くなり、アプリケーションの起動や実行速度が低下します。

*・システムエラーの多発*
容量不足が原因で「ディスク容量が不足しています」などのエラーメッセージが表示されることがあります。これは空き容量が不足し、OSの正常な起動ができなくなるためです。

*・Windowsアップデートの失敗*
空き容量が不足すると、Windowsをアップデートする際に必要な容量の確保ができないため、セキュリティパッチの適用や機能更新が行えなくなる可能性があります。


## Windows11の空き容量を確認する方法

ストレージの容量不足によってさまざまな問題が起きることが分かりましたが、では空き容量の不足をどのように判断すればいいのでしょうか？ここでは空き容量を確認するために知っておきたい、3つの方法について解説します。

### エクスプローラーから確認する方法

ファイルの管理で日常的に使うエクスプローラーから、空き容量を確認する方法について紹介します。**シンプルな方法であり、特に初心者の方におすすめしたい方法です。**

*・エクスプローラーを開く*
タスクバーのフォルダーアイコンをクリックしてエクスプローラーを開きます。スタートボタンの右クリックからエクスプローラを選択する方法でも構いません。

*・「PC」を選択する*
エクスプローラーが起動したら、左側のナビゲーションペインから「PC」をクリックします。

*・ドライブの空き容量を確認する*
表示されたドライブ一覧から、各ドライブの空き容量を確認することができます。空き容量は、ドライブのアイコンの下に表示されます。

~~【図】：エクスプローラー>PC>ドライブ　空き容量　~~

こちらは中級者以上の方におすすめする方法です。前述のエクスプローラーから容量を確認する方法と比べて、表示するまでの時間が掛かりますが、**より詳細な情報を把握できるため、不要なアプリを削除する、一時ファイルを消去するといった具体策を講じやすくなります。**

*（1）設定を開く*
スタートメニューから「設定」アイコンをクリックします。

*（2）「システム」を選択する*
設定ウィンドウの左側メニューから「システム」をクリックします。

*（3）「ストレージ」を選択する*
「システム」の項目内にある「ストレージ」をクリックします。これにより、ストレージ管理を行うことができます。

~~【図】：設定>システム>ストレージ　~~

*（4）空き容量を確認*
ストレージ画面で、各ドライブの空き容量とその内訳が表示されます。また、各ドライブの詳細をクリックすると、さらに詳細な使用状況が表示されます。

~~【図】：設定>システム>ストレージ>ドライブの内訳　~~

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

### OneDriveの空き容量を確認する方法

Microsoft提供のオンライン ストレージ サービス、OneDriveの空き容量を確認する方法を紹介します。ファイル共有やバックアップにOneDriveは大変便利ですが、**契約容量を超えてしまうと、ファイルのアップロードや同期ができなくなります。**容量の確保には気をつけましょう。

【参考】：[無料でも使える OneDrive とは? 機能と特長を解説! | Microsoft](https://www.microsoft.com/ja-jp/biz/smb/column-onedrive#:~:text=OneDrive%20とは、Microsoft%20が,容量を使用できます。)

*（1）OneDriveを開く*
設定→システム→ストレージに表示されたOneDriveをクリックすると、OneDriveの管理画面が表示されます。

~~【図】：設定>システム>ストレージ>OneDrive　~~

*（2）OneDriveの表示*
OneDriveの管理画面が開いたら、使用済みの容量を確認します。さらに［OneDriveの表示］ボタンをクリックするとエクスプローラ画面となり、OneDriveを利用しているファイルを一覧で管理できます。

~~【図】：設定>システム>ストレージ>OneDrive>OneDriveの表示　~~

Windows11でOneDriveを無効化/有効化する方法を解説

Windows11で容量不足が生じた時、どのような対処法があるのか見ていきましょう。基本的には不要なファイルを削除することで対処できますが、それでも空き容量が確保できない場合には、ディスククリーンアップの実行や外部ストレージの利用、不要なアプリのアンインイトールなどが有効です。

また、それでも不足する場合には、新しいHDDやSSDの追加を検討しましょう。

### 不要なファイルやデータを削除する

エクスプローラーを開き、不要なファイルやフォルダーを削除します。オーソドックスな方法ですが、誤って重要なファイルやシステムファイルを削除しないよう気をつけましょう。

### ディスククリーンアップを実行する

「ディスククリーンアップ」ツールを使って、不要なシステムファイルや一時ファイルを削除します。

（1）エクスプローラーを開き、左側のナビゲーションペインから「PC」をクリックします。

（2）ローカルディスクをダブルクリックし、画面右上の「…」をクリックし、メニューが表示されたら「クリーンアップ」をクリックします。

~~【図】：エクスプローラー>PC>ローカルディスク>「…」>クリーンアップ　~~

（3）「ディスククリーンアップ」ツールが表示されますので、削除するファイルにチェックを付け、［OK］ボタンをクリックします。

「システムファイルのクリーンアップ」を選択すると、Windows11にアップグレードした際に作成されたファイル、Windows Updateに使用したファイルなど、不要になったシステムファイルが削除されます。**ファイル削除で容量を減らすことができなかった場合に試してみましょう。**

Windows 11のエクスプローラーが遅いのはなぜ？解決方法を解説

【Windows 11】ディスククリーンアップの手順を図解！うまくいかない場合の解決方法も

### 外部ストレージにデータを移動する

保管しておきたい重要なデータを外付けのHDDやクラウドに移動して、空き容量を確保する方法です。外部ストレージにはオンラインストレージや、USB接続が可能なストレージがさまざまありますので、気軽に利用できます。

### 不要なアプリケーションをアンインストールする
インストールはしたものの、**使用していないアプリケーションがある場合には、これらをアンインストールしてみましょう。**

設定→アプリ→「インストールされているアプリ」と進み、不要なアプリの「…」から［アンインストール］を選択しましょう。

~~【図】：設定>アプリ>インストールされているアプリ>「…」>アンインストール　~~

現在利用しているHDDの容量が不足しがちの場合には、**新たにHDDやSSDを追加すると、根本的な容量不足の解消に役立ちます。**現在利用しているストレージをフルバックアップできる程度の容量のものを選択しておけば安心です。

## パソコンのリソース管理は自分で行おう

ここまでWindows11のストレージ容量不足の原因と、確認方法、解決方法について解説しました。ストレージ内の不要なデータやファイル、アプリケーションは容量不足のエラーが出るまで、気付きにくいものですが、放置し過ぎると仕事の効率にも影響します。

**空き容量を定期的に確認し、必要に応じて適切な対処法を講じるようにしましょう。**

Windows11に違和感？評判や気になる点のカスタマイズ方法を解説！

Windows11の最新おすすめ本12選！初心者から上級者向けまで

Windows11でストレージの容量が不足すると、パフォーマンスの低下や、システムエラーの多発、Windowsアップデートの失敗など、さまざまな問題が生じます。この記事では、Windows11のストレージ容量の確認方法、空き容量を増やす方法について解説します。

Windows11は必要なストレージの容量がWindows10と比べて大きく、容量管理に注意が必要

Windows11のストレージ容量の確認には、エクスプローラ、設定、OneDriveの3つの方法がある

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
```

基礎知識の記事（2ページ目）