JavaScriptを学び始めると、自然に「モダンJavaScript」を学んでいくことになりますが、これまでのJavaScriptと何が違うのか気になる人もいるでしょう。*モダンJavaScriptは、最近のJavaScriptを利用したWeb開発では、一般的に使用されるアプローチやツールの集合体のことです。*

この記事では、モダンJavaScriptの主な特徴を中心に解説していきます。Webエンジニア、Webデザイナーを目指す方、JavaScriprのモダンな書き方を学びたい方はぜひ参考にしてください。

モダンJavaScriptの説明に入る前に、初めにJavaScriptについておさらいしておきましょう。

JavaScriptは、Google ChromeやMicrosoft EdgeなどのWebブラウザ上で動作するプログラミング言語です。**JavaScriptはほとんどのWebサイトで利用されており、次のようなことを実現できます。**

*1.Webサイトに「動き」をつける*
 ユーザのアクションに応じて、ボタンのクリックやキーボード入力などを制御できます。

*2.非同期処理が行える*
 データの非同期読み込みやAPI通信などを効率的に実行できます。（jQueryを導入し、非同期通信技術のAjaxを実装すると行えます。）

*3.サーバーサイドの開発ができる*
Node.jsなどを使ってサーバーサイドのプログラムも書けます。簡単に言えば、JavaScriptは動きのあるダイナミックなWebページを実現するためのプログラム言語であり、ユーザ体験を向上させる上で欠かせない存在と言えます。

【参考】：[JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript)
【参考】：[Microsoft Edge について](https://www.microsoft.com/ja-jp/edge?form=MA13FJ)
【参考】：[Google Chrome ｜  Google](https://www.google.com/intl/ja_jp/chrome/)

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

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

モダンJavaScriptは、最新のJavaScriptの機能やベストプラクティス全体を指しており、モダンJavaScriptというプログラミング言語が存在するわけではありません。*モダンJavaScriptの主な特徴は次の通りです。個々の詳しい解説は後述します。*

1.仮想DOMを用いるライブラリ/フレームワーク: React、Vue、Angular、Riotなどが含まれる
2.パッケージマネージャー（npm, yarn）を使用: 依存関係の解決やパッケージの管理に役立つ
3.ES2015以降の記法を使う: constやlet、テンプレート文字列、アロー関数などを活用する
4.モジュールバンドラー（Webpackなど）を使用: 複数のファイルを1つにまとめて読み込み速度を向上させる
5.トランスパイラ（Babelなど）を使用: 新しいJavaScriptの記法を古い記法に変換する

これらの要素が含まれているケースをモダンJavaScriptと称します。

【参考】：[モダンJavaScriptチートシート | Modern JS Cheatsheet](https://mbeaudru.github.io/modern-js-cheatsheet/translations/ja-JP.html)

Reactの将来性はVue超え？できることやメリット・デメリットも解説

Vue.jsとは？すぐに分かる概要から特長・使い方まで解説！

### なぜモダンJavaScriptを学ぶのか？

なぜJavaScriptではなく、モダンJavaScriptを学ぶ必要があるのでしょうか？次に挙げるように、**現代のWeb開発において欠かせないスキルだからです。**

*■ 1.効率的な開発*
 仮想DOMやモジュールバンドラ、トランスパイラなどのツールを使うことで効率的にコードを書けます。

*■ 2.最新技術への対応*
 ES2015以降の記法を学ぶことで、最新のWeb開発に追従できます。

*■ 3.SPAの基盤*
 モダンJavaScriptはSingle Page Application（SPA）の基本になっています。

*■ 4.依存関係の解決*
 パッケージマネージャが依存関係を解決してくれます。

ここではモダンJavaScriptの特徴と言える最新の機能やベストプラクティスの要素について、もう少し詳しく見ていきましょう。

**仮想DOM（Virtual DOM）は、ブラウザ上でのDOM操作を効率的に行うための仕組みです。**ReactやVue.jsなどのライブラリやフレームワークで使われています。

【参考】：[React](https://react.dev/)
【参考】：[Vue.js - The Progressive JavaScript Framework | Vue.js](https://ja.vuejs.org/)

npmやyarnなどのパッケージマネージャは、JavaScriptのライブラリやモジュールを管理するためのツールです。特定のライブラリやフレームワークを利用していると、それらのバージョン変更がアプリケーションの動作に影響を及ぼすといった依存関係の問題が起きることがあります。

**パッケージマネージャはこうした依存関係の問題を解決してくれます。**

【参考】：[npm](https://www.npmjs.com/)
【参考】：[GitHub - yarnpkg/yarn](https://github.com/yarnpkg/yarn)

ES2015（ES6）以降の記法とは、2015年に公開されたJavaScriptの次期仕様です。ES2015以降の記法を利用することで、**変数宣言（let, const）、クラス構文、アロー関数、分割代入といった新しい記法を使えます。**

【参考】：[ES2015 とは｜GitBook](https://machiiro.github.io/bootcamp/javascript/esnext/01_about.html)

Webpackなどのモジュールバンドラーは、複数のJavaScriptファイルを1つにまとめて読み込み速度を向上させるためのツールです。

複数のファイルを1つにバンドルすることで、読み込み速度を向上させ、パフォーマンスを高めます。モジュールバンドラーを用いることにより、**開発効率の向上と、本番環境でのパフォーマンス向上といった効果を得られます。**

【参考】：[webpack](https://webpack.js.org/)

Babelなどのトランスパイラは、新しいJavaScriptの記法を古い記法に変換する役割を果たします。ES2015以降の記法で書かれたJavaScriptを古いブラウザでも動作可能なコードに変換することで、ブラウザの互換性の問題が解消し、**古いブラウザを意識せずに新しい構文が利用できます。**

【参考】：[Babel ｜Babel](https://babeljs.io/)

モダンJavaScriptは、以上述べた要素を組み合わせ、より効率的でメンテナンス性の高いコードを書くためのアプローチです。

## モダンJavaScriptのメリットとデメリット

モダンJavaScriptの特徴について解説しましたが、*ここではモダンJavaScriptを利用することによるメリットとデメリットについて紹介します。*モダンJavaScriptに対する理解を深めましょう。

モダンJavaScriptは、その特徴によって次のようなメリットが期待できます。デメリットとのバランスよく考慮して、開発を進めることが求められます。

*■ 1.開発のしやすさ*
モダンJavaScriptは、仮想DOMを用いるライブラリやフレームワーク（React、Vue、Angularなど）を活用するため、UXの向上やコンポーネント化による開発効率の向上が期待できます。

【参考】：[Angular 日本語版](https://angular.jp/)

*■ 2.依存関係の解決*
パッケージマネージャー（npmやyarnなど）の利用により、ライブラリやフレームワークの依存関係を自動的に解決します。そのため開発者は依存関係に悩まされることなく、開発に集中できます。また、この機能によって、世界中に公開されているさまざまなパッケージを簡単に利用できます。

*■ 3.効率的にモダンコードが書ける*
主にES2015以降の記法を使用します。constとletで変数宣言、テンプレート文字列、アロー関数などが利用できることで、より効率的でモダンなコードを書くことが可能になります。

*■ 4.モジュールの読み込み速度*
Webpackなどのモジュールバンドラーは、複数のJavaScriptファイルを1つにまとめて読み込んでくれます。そのため読み込みの速度を向上させます。

*■ 5.古い記法を意識せず開発*
ブラウザごとに表示できる記法が異なるため、トランスパイラが必要です。Babelなどのトランスパイラは、新しいJavaScriptの記法を古い記法に変換してくれるため、古い記法を意識せずに開発を行えるため、開発効率が向上します。

### モダンJavaScriptのデメリット

モダンなJavaScriptの開発について知りたい方にとって、モダンJavaScriptは魅力的ですが、いくつかのデメリットも存在します。以下にモダンJavaScriptの主なデメリットを紹介しますので、デメリットを理解した上で利用するようにしましょう。

*■ 1.複雑なDOM操作*
モダンJavaScriptのフレームワークやライブラリでは仮想DOMを使用します。仮想DOMは、HTMLの構造をJavaScriptのオブジェクトとして再現し、リクエストがあった時にブラウザに反映させる手法ですが、逆にコードを複雑化させ、レンダリングコストを高める場合があります。

*■ 2.新しい記法の学習コスト*
ES2015以降の記法にはさまざまな機能が追加されましたが、これらに慣れ、使いこなせるようになるまで時間や学習コストがかかります。例えば、constとletの違いの認識や、テンプレート文字列の使用方法などがあります。

*■ 3.モジュールバンドラとトランスパイラの導入*
モダンJavaScriptの開発では、新たに複数のファイルを一つにまとめるためのモジュールバンドラ（Webpackなど）や新しい記法を古い記法に変換するトランスパイラ（Babelなど）を使用しますが、これらのツールの導入に学習コストが新たに必要になります。

*ここではモダンJavaScriptを本格的に学びたい方に、おすすめの参考書を紹介します。*

既にJavaScriptの基礎を学んだ方は「改訂3版JavaScript本格入門」をおすすめしますが、初学者の方は先に「1冊ですべて身につくJavaScript入門講座」で一通りの基礎を身に付けましょう。

本書は、日本で最も売れているJavaScriptの本の大幅増補改訂版です。ECMAScript 2022に対応し、**最新の基本文法から応用トピックまで詳しく解説しており、モダンJavaScrptの基礎から現場での応用まで広くカバーしています。**

JavaScriptの初学者には難しいと感じる方もいますので、先に初学者向けのJavaScripr参考書で基礎を押さえてから購読することをおすすめします。（参考サイト内で本書のサンプルがダウンロードできます。）

▪著者：山田祥寛
▪出版社：技術評論社
▪ページ数：624ページ 
▪発売日：2023/2/13

【参考】：[改訂3版JavaScript本格入門](https://gihyo.jp/book/2023/978-4-297-13288-0)

### 1冊ですべて身につくJavaScript入門講座 

Webクリエイターとして活動する方や、JavaScriptを学びたい初心者の方におすすめしたい参考書です。サンプルデータはWebサイトからダウンロードできるので、**実際に手を動かしながら最新の技術を学ぶことができます。**

▪著者：Mana
▪出版社：SBクリエイティブ
▪ページ数：344ページ
▪発売日：2023/03/01

【参考】：[ 1冊ですべて身につくJavaScript入門講座](https://www.sbcr.jp/product/4815615758/)

## モダンJavaScriptの習得でエンジニアとして活躍しよう

ここまでモダンJavaScriptについて、JavaScriptの概要、モダンJavaScriptの特徴や利用する理由、メリットとデメリットなどについて解説しました。

JavaScriptは比較的古い言語であり、それゆえの問題点もありますが、**モダンJavaScriptの活用によってさまざまな問題を解決し、開発の生産性をあげることが可能です。**この機会に、モダンJavaScriptを体得し、Web開発にぜひ活かしましょう。

モダンJavaScriptは、現代のJavaScript開発でよく使用されるアプローチやツールの集合体のことです。この記事ではモダンJavaScriptの特徴やメリット、デメリットなどを解説します。モダンJavaScriprを学びたい方はぜひ参考にしてください。

モダンJavaScriptは、最近のJavaScript開発で一般的に使用されるアプローチやツールの集合体のこと

モダンJavaScripには仮想DOMやパッケージマネージャ、 ES2015以降の記法などの新しい技術が付加されている

モダンJavaScriptの活用によって旧来のさまざまな問題を解決し、開発の生産性をあげることが可能である

モダンJavaScriptとは？その特徴、メリットや参考書を紹介

**Struts（Apache Struts）は、Javaのウェブ・アプリケーションフレームワークです。**Apache Strutsプロジェクトで開発されているオープンソース・ソフトウェアであり、読み方は「ストラッツ」です。Apache Tomcatなどのウェブコンテナで利用します。

【参考】：[Apache Struts](https://struts.apache.org/)
【参考】：[Apache Tomcat](https://tomcat.apache.org/)

Javaフレームワークとは？メリット・デメリットやおすすめ5選を紹介！

*Strutsはウェブ・アプリケーションフレームワークとして、動的なウェブページを生成するために使用します。*静的なウェブページと異なり、データベースやビジネスロジックと連動して、状況に応じたウェブページを生成します。

【参考】：[STRUTS: From a birds eye](https://struts.apache.org/birdseye.html)

ページのデザインやコントロール、さらにデータベースのコードなどが混在するJavaServer Pages（JSP）は、大規模プロジェクトではアプリケーション開発が難しいものでした。Strutsは、上記のようなJSPで課題となっているコードの保全性を高めることができます。

具体的には、*StrutsではMVCアーキテクチャを採用しており、開発生産性と保全性を高めることができます。*

*Strutsフレームワークは、REST APIやSOAP、AJAXなどで動作します。*Strutsのアーキテクチャは、MVC（Model-View-Controller：モデル・ビュー・コントローラ）フレームワークを採用しています。

MVCで用いられるモデルはビジネスやデータベースのコード、ビューはページデザインのコード、コントローラはナビゲーションコード、と役割づけられています。この役割の分離により、アーキテクチャの堅牢性や実装の容易性を高めることができます。

*Strutsは、リクエストハンドラ、レスポンスハンドラ、タグライブラリの3つの主要コンポーネントからなります。*

リクエストハンドラは、URIにマッピングして使用するもので、アプリケーション開発者が提供します。レスポンスハンドラは、リクエスト完了のために、リソース制御を引き渡すことができます。タグライブラリは、JSPを用いた対話型アプリケーションをフォームで実装するライブラリです。

Strutsは、メジャーバージョンとして2つのバージョンをリリースしています。

*1つは、Struts1（ストラッツ1）です。*Struts1は、最初のリリースでJSPをタグでカスタマイズし、コーディングの仕方を改良しました。簡単ではあるものの脆弱性が深刻で、すでに2013年4月にサポート終了を迎えています。

*もう1つが、Struts2（ストラッツ2）です。*WebWork2を取り込んでアノテーションやDI（依存性の注入）などの実装を行っており、Struts1との互換性はありません。こちらも利便性が高い反面、セキュリティホールなどの問題が生じる場合もあります。

*StrutsとSpringの違いは、StrutsがMVCによるアクションが主な使い方であるのに対して、Springは、複数のフレームワークの集合体でありコンポーネントベースで利用することに違いがあります。*

コンフィグレーション方法も、StrutsはXMLをベースとしており簡素化が難しいため、サポート終了に伴い、移行先をSpringに切り替える例も数多く見られます。理由としては、Struts1とStruts2では互換性がない点や、脆弱性に関する懸念が続いており、セキュリティ対策が求められる点が挙げられます。

移行手順としては、JavaServer Pagesのタグの変更や、XMLの設定内容をJavaやBeanへ置き換える必要があります。

*Strutsを使うには、サポートされているStruts2の要件や使い方を理解する必要があります。*最初は、公式サイトの「Getting Started」から「How To Create A Struts 2 Web Application」のページを参考にするのが良いでしょう。詳細は以降で解説していきます。

【参考】：[STRUTS: Getting Started](https://struts.apache.org/getting-started/)
【参考】：[STRUTS: How To Create A Struts 2 Web Application](https://struts.apache.org/getting-started/how-to-create-a-struts2-web-application)

### Mavenを使用したStruts2 ウェブアプリケーションの作成方法

*Mavenとは、Apacheが提供するJava用プロジェクト管理ツールを指します。*ここではStrutsのウェブアプリケーションを、Mavenを用いてプロジェクトの作成からコンパイル・テスト、デプロイなど一連の処理を行っていきます。

【参考】：[Apache Maven](https://maven.apache.org/)

WebサーバーのApacheとは？Webサーバーを学ぶエンジニア必見！

*Strutsを使用するには、公式ダウンロードサイトからモジュールをダウンロードしてZipファイルを解凍し、プロジェクトの”WebContent\/WEB-INF\/lib”フォルダにコピーしておきます。*

最新バージョンは、6.3.0.2です。6.3.0.2の動作条件は「Announcements 2023」に記載の通り、Servlet API 3.1、 JSP API 2.1、Java 8です。

公式ダウンロードサイトにはサンプルコードも掲載されていますので、必要に応じてダウンロードを行います。Javaプロジェクト管理のMavenは、ダウンロード後にZipファイルを展開し、任意のフォルダーにコピーします。

【参考】：[STRUTS: Download a Release of the Apache Struts](https://struts.apache.org/download.cgi)
【参考】：[STRUTS: Announcements 2023](https://struts.apache.org/announce-2023)
【参考】：[Downloading Apache Maven 3.9.6](https://maven.apache.org/download.cgi)

### Mavenを用いたウェブアプリケーション開発の基本手順

Mavenを用いたウェブアプリケーション開発は、いくつかの手順に分かれます。

*手順1：POMを用意する*
POM（Project Object Model）は、Javaのプロジェクトで必要な処理を集約したものです。pom.xmlファイルに記述して処理を行います。

*手順2：index.jspを作成する*
JSPのウェルカムページとなる、index.jspを作成します。ここまでで、Mavenの基本部分が完了します。

*手順3：pom.xmlにStrutsのJarファイルを追加する*
Strutsを使うには、pom.xmlにJarファイルを追加し、ウェブアプリケーションのクラスパスで利用します。

*手順4：ロギングを追加する*
必要に応じて“src\/main\/resources”フォルダにlog4j2.xmlをセットアップし、pom.xmlにJarファイルを追加します。

*手順5：Struts Servlet Filterを追加する*
Servlet filterクラスとfilter mappingをweb.xmlに追加することで、アプリケーションからStrutsが利用可能になります。web.xmlは、”src\/main\/webapp\/WEB-INF”フォルダに格納します。

*手順6：struts.xmlを作成する*
Strutsのコンフィグレーションファイルとなるstruts.xmlを作成します。”src/main/resources”に配置しておきます。XMLのコンフィグレーションファイルあるいはアノテーションが利用できます。

*手順7：アプリケーションのビルドと実行*
Mavenのコマンド”mvn jetty:run”を使用して、Java ServletコンテナのJettyを起動します。コンソールを確認し、Strutsのウェブアプリケーション・フレームワークのメッセージを確認します。

【参考】：[STRUTS: How To Create A Struts 2 Web Application](https://struts.apache.org/getting-started/how-to-create-a-struts2-web-application)

*Strutsの入門情報は、公式サイトの「Documentation」メニューから参照します。*最初は、「Getting Started」に目を通します。各用語は、「Key Technologies Primer」にまとめられています。サンプルコードは、GitHubに掲載されていますので参考にしてください。情報は英語で掲載されています。

ウェブで参考情報の検索をする際には、今でも多くのコンテンツでStruts1の内容が出てきます。現在サポートされているのはStruts2であり、両バージョンには互換性がありません。この点を理解した上で、調査しましょう。

【参考】：[STRUTS: Getting Started](https://struts.apache.org/getting-started/)
【参考】：[STRUTS: Key Technologies Primer](https://struts.apache.org/primer.html)
【参考】：[GitHub: Apache / Struts Examples](https://github.com/apache/struts-examples)

## Strutsでウェブ・アプリケーションのスキルアップを図ろう

StrutsはApacheが提供するJavaのウェブ・アプリケーションフレームワークです。長い歴史を持ちますが、Struts1とStruts2の互換性の問題や脆弱性への対応など、多くの課題とともに提供されています。

**開発者は、他のウェブ・アプリケーションフレームワークと使い方を比較することで、より自身の知識を高めることができるでしょう。**

その他、Javaに関連する内容は、下記の記事でもご紹介しています。ぜひ参考にご覧ください。

Javaのアノテーションとは？初心者向けに活用法を解説します

Javaは汎用プログラミング言語として人気があります。Struts（ストラッツ）は、Apacheが提供するJavaベースのウェブ・アプリケーションフレームワークです。ここでは、Strutsの概要から使い方まで入門情報をお伝えしていきます。

Struts（ストラッツ）は、Javaを用いるウェブ・アプリケーションフレームワークです

JavaServer Pages（JSP）を用いて、動的なウェブページを生成し利用します

MVCアーキテクチャを採用し、開発生産性と保全性を高めます

JavaのStruts（ストラッツ）とは？概要から使い方を解説

JavaVM（Java仮想マシン）は、JavaプログラムをOSに依存せずに実行するための技術です。

*JavaVMについて理解を深めることは、Javaプログラマーにとって非常に重要です。*ここではまず、JavaVMの概要やメリット、JavaVMの持つ機能について説明します。

JavaVMとは、Javaプログラムを実行するための仮想マシンです。JavaVMの主な役割は、Javaバイトコードを解釈し、実行可能な形式のコードに変換して実行することです。

Javaでは、ソースコードをコンパイルするとJavaバイトコードという中間言語に変換されます。

このJavaバイトコードは、どのコンピュータでも直接実行できないため、JavaVMがその環境に適したネイティブコードに変換してから実行します。

**これにより、Javaプログラムは特定の機種やオペレーティングシステム（OS）に依存せず、様々な環境で動作することが可能になるのです。**

JavaVM上で動作することによって、Javaプログラムはプラットフォームに依存せずに動かすことができます。また、OSごとに特別な設定も必要ありません。

そのため、Javaでソースコードを書けば、異なるOSやハードウェア環境でも動作可能です。

*これにより、Javaプログラムの移植性や保守性が高くなるというメリットがあります。*1度書いたJavaプログラムは、WindowsでもMacでもLinuxでも実行可能です。

*JavaVMではJavaプログラムのメモリ管理を自動的に行います。*オブジェクトの生成や解放、メモリ割り当てなどを処理し、不要になったオブジェクトを検出して自動的に解放するガベージコレクションを備えています。

また、JavaVMはJavaのセキュリティモデルを実装しており、Javaアプリケーションが安全に実行されるよう保護します。不正なメモリアクセスやコード実行を防止する機能などが用意されていて、高い安全性を実現できます。

では、実際にJavaVMを使うにはどうすればよいのでしょうか。ここでは、JavaVMをインストールする方法と、インストール後にJavaのバージョンを確認する方法を説明します。

### JavaVMをインストールする方法

*JavaVMをインストールするには、Oracleのサイトから最新版のJDKをダウンロードしましょう。*JDKは、Java Development Kit（Java開発キット）の略称です。

JDKにはJavaVMを含め、Javaを使ってプログラミングするために必要な一連のツールやライブラリがまとまっています。JDKをインストールすることでJavaが動作する環境が整い、Javaを使ったプログラミングを行うことができるようになります。

JDKをダウンロードするには、Oracleの公式サイトにアクセスします。Linux・macOS・Windows用のインストーラーがありますので、使用するOSに合わせてJDKのインストーラーをダウンロードしましょう。

ダウンロードしたインストーラーを実行し、画面の指示に従ってインストールを進めましょう。

【参考】：[Java Downloads | Oracle](https://www.oracle.com/java/technologies/downloads/)

*端末にインストールされているJavaのバージョンは様々な方法で確認することができます。*

例えば、Java 7 Update 40以降のバージョンでは、Windowsスタートメニューからjavaのバージョンを確認できます。

Windows10で確認する場合、「スタート」メニューをクリックしてプログラムの一覧から「Java」、「Javaについて」をクリックするとJavaのバージョンが表示されます。

【参考】：[java.com | Javaバージョン](https://www.java.com/ja/download/help/version_manual.html)

または、WindowsのコマンドプロンプトやLinuxのターミナルでも「java -version」とコマンドを入力して実行することでも、バージョンを確認することができます。

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

ここでは、JavaVMの主な構成要素について説明します。クラスをロードしてメモリ上にロードするClassLoader、実行時のメモリ領域を管理するRuntime Data Area、バイトコードを実行するExecution Engine、メモリの自動解放を行うGarbage Collectorなどが存在します。

*Class Loader（クラスローダー）は、実行時にクラスファイルをロードするために、メモリ上にクラスをロードする役割を担っています。*

Class Loaderは階層構造を持ち、親Class Loaderと子Class Loaderから構成されています。クラスのロード時には、まずクラスがメモリ上のキャッシュに存在するかどうかをチェックします。

存在しない場合は親Class Loaderにクラスのロードを要求します。親がクラスをロードできなかった場合に、Class Loaderがクラスのロードを試みます。

このように委任モデルを採用することで、同じクラスが複数回ロードされるのを防ぎ、メモリ使用量の最適化やパフォーマンスの向上が図られています。

JavaVMのRuntime Data Areaは、プログラムを実行するために割り当てられるメモリ領域です。この領域には、Method Area、Heap Area、PC Register、Stack Area、Native Method Stacksという5つの主要な領域が存在します。

Runtime Data Areaの構造を理解することで、メモリの割り当てやガベージコレクションの動作を把握できます。

また、メモリ管理の最適化やパフォーマンスチューニングを行う上でも重要です。

*■Method Area*
すべてのスレッドが共有する領域で、クラスやメソッドの情報を保存します。ロードされたすべてのクラスデータ、staticフィールド、コンスタントプール、コードキャッシュなどがこの領域に格納されます。

*■Heap Area*
インスタンスや配列などのオブジェクトを格納する領域です。newによって生成されたオブジェクトはこの領域に割り当てられ、参照されなくなったオブジェクトはガベージコレクタによって自動的に解放されます。

*■PC Register*
PCは「プログラムカウンタ」で、PC Registerは現在実行されている命令を追跡する役割を持っています。現在実行中のステートメントへのポインタを保持します。

*■Stack Area*
スレッドごとに生成される領域で、そのスレッドの実行情報を保存します。ローカル変数やメソッドの戻り値、戻り値、演算に使われる値などが格納されます。

*■Native Method Stacks*
JavaがOSのネイティブメソッドを呼び出す際に使用される領域です。呼び出されたネイティブメソッドの情報がこの領域に保存され、メソッドの実行が終了するとその情報は破棄されます。

Execution Engineは、JavaバイトコードをCPUが理解できるネイティブコードに変換し、実際に実行する部分です。*CPUやOSに依存せずバイトコードを実行する役割を担っています。*

Execution EngineではインタプリタとJIT（Just-In-Time）コンパイラを使い分けることで、高速なプログラムの実行を実現しています。

Garbage Collectorは、Javaの大きな特徴の1つであるガベージコレクションを実現する技術です。不要なメモリ領域を自動的に解放し、再利用可能な空き領域を確保する役割があります。

*これにより、プログラマーが明示的にメモリ領域の確保・解放を行う必要がないため、メモリリークやメモリ解放のミスから発生するバグを防ぐことができます。*

また、Garbage Collectorの動作によってメモリ空間が整理されるため、フラグメンテーションの発生も最小限に抑えられます。

JavaVM上では、Java以外でもバイトコードを生成する言語であればJavaVM上で動作させることができます。**こうしたJavaVMで動く言語をJVM言語と呼びます。**ここでは、代表的なJVM言語を紹介します。

Javaは、基幹システムや組み込みシステム開発、Webアプリケーションなどのクロスプラットフォーム開発など、幅広い開発現場で使用されるプログラミング言語です。

*特徴としては、メモリ管理の自動化、マルチスレッド機能、さまざまなライブラリの存在などが挙げられます。*ライブラリやフレームワークも多くあることから、多くの開発環境で使用されています。

Java入門！概要やメリット、基本事項について徹底解説！

JRuby（ジェイ・ルビー）は、オブジェクト指向スクリプト言語であるRubyをJavaVM上で実行可能にするものです。

*JavaVMが持つ最適化機能を利用することで、JRubyは通常のRubyの処理系よりも高速に動作することが特徴です。*

また、JRubyはJavaとのシームレスな連携を可能にするため、Rubyの柔軟性とJavaの豊富なライブラリ・フレームワークを組み合わせて活用することができます。

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

オブジェクト指向言語とは？概念とプログラミング言語をわかりやすく解説！

Jython（ジャイソン）は、JavaVM上で動作するスクリプト言語です。*Pythonとほぼ同じ文法を持ちながら、JavaVMで実行されることが特徴です。*

JavaのクラスやメソッドをPythonのように簡潔に呼び出せる拡張構文も用意されています。

Jythonを使えば、JavaVM上でPythonコードを直接実行できるため、Pythonのシンプルな構文と、Javaの高速で信頼性の高い実行環境を両立させることができます。

【入門編】Pythonの基本構文まとめ！学習方法や年収も解説

Scalaは、小規模から大規模なプロジェクトまで幅広く対応できる言語として設計された比較的新しい言語です。Javaとの高い互換性を持ち、オブジェクト指向プログラミングと関数型プログラミングの両方をサポートしているのが特徴です。

*ScalaはJavaのライブラリをそのまま利用することができるため、Java経験者にとっては習得しやすい言語です。*

また、Scalaを使用するとより少ないコード量で開発できるため、開発速度が向上することが期待できます。

Scalaとは？詳細や特徴、メリット・デメリットを徹底解説！

KotlinはJavaVMで動作するオープンソースのプログラミング言語です。GoogleがKotlinを公式のAndroidアプリ開発言語として採用したことで注目度が高まっています。

*Javaとの高い互換性を持ちながら、Javaよりもコードが簡潔で分かりやすく、Null値を許容しないことでランタイムエラーを減らすなど高い安全性を持っています。*

Kotlinとは？Android開発において、Javaと比較したKotlinの特徴を解説

## JavaVMの知識を深めて開発に役立てよう

JavaVMは、JavaプログラムをOSに依存せずに実行するための技術で、Javaが動作するうえで重要な要素であることが分かりました。

*JavaVMの仕組みと構成要素を理解することで、より効率的なメモリ管理やパフォーマンスチューニングが可能になるでしょう。*

また、Java以外のJVM言語も活用することで、Javaの長所と他の言語のメリットを組み合わせた開発を行うことができます。JavaVMに関する知識を深め、様々な開発現場で役立てましょう。

JavaVMは、JavaプログラムをOSに依存せずに実行する技術です。JavaVMによりJavaプログラムの移植性の高さや効率的なメモリ管理も実現されています。この記事では、JavaVMについて知りたい方のために、概要や構成、JVM言語などについて解説します。

JavaVMはJavaプログラムをOSに依存せずに実行する仮想マシンである

JavaVMには不要なメモリを自動的に解放するガベージコレクション機能が備わっている

JavaVM上ではJava以外にも、JVM言語と呼ばれるJRuby、Jython、Scala、Kotlinなどを実行できる

JavaVMとは？概要や主な構成、注目のJVM言語についても解説

*JavaScriptは、HTMLとともにウェブブラウザで処理できるプログラミング言語として人気があります。*JavaScriptはブラウザのエンジンで処理されるスクリプト言語で、簡単にプログラミングを始めることができます。

プログラミングを進めていくと、機能拡張のたびに小規模なコードもどんどん複雑化し、保全性の確保が重要になります。ここでは、デバッグコードの埋め込みや注釈の記述に用いるコメントアウトについて理解を深めていきましょう。

JavaScriptは、オブジェクト指向のスクリプト言語です。ウェブページにボタン操作などのインタラクティブ性を持たせることができます。非同期処理による並行処理や、マルチスレッド・プログラミングも可能です。*ECMAによって標準化されており、ECMAScriptとして言語仕様が定義されています。*

【参考】：[ECMA: ECMA-262](https://ecma-international.org/publications-and-standards/standards/ecma-262/)

### そもそもコメントアウトとは

*コメントアウトとは、プログラミングで使用するソースコードにコメント機能を用いて追記することです。*コメント機能で追記した内容は、プログラム処理から除外されます。一般的には注釈をソースコードに入れたり、デバッグコードをコメント化する際に行います。

次の例は、通常のJavaScriptです。デバッグ用にconsole.log()で”Hello World”を表示させています。

```
process.stdin.resume();
process.stdin.setEncoding('utf8');
// コメントアウトしていない状態
console.log("Hello World");```

もしデバッグ用コードが不要になった場合は、コメントアウトによってコメント化することができます。書き方はシンプルでコメントアウトの前に”\/\/”を追加し、コメント化を行うことができます。

```
process.stdin.resume();
process.stdin.setEncoding('utf8');
// コメントアウトした状態
// console.log("Hello World");```

このコメントアウトにより、console.log()は無効化され”Hello World”は表示されなくなります。JavaScriptライブラリのjQueryでも、同様の考え方でコメントアウトが利用できます。

【参考】：[jQuery](https://jquery.com/)

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