Webアプリケーション開発

【Webアプリを作ろう】EclipseのインストールとPleiades(Java環境)の設定

こんにちは、mito(@mito_works)です。

mito
mito
最近、静的サイト以外にも、データーベースから値を取得し表示するなど、少し複雑なロジックが入ったアプリケーションを作りたいな..と思うようになりました。
momo
momo
検索結果を検索条件に合わせて表示する。ユーザーが入力したコメントをDBに保管し、表示するなどできると制作の幅が広がるね!

ということで、webアプリを作ろうと題し、webアプリ作成に必要な基礎知識を備忘録的にまとめていこうと思います。

Webアプリケーションに必要な開発環境とは?

Webアプリケーションのポイントはサーバサイドプログラムと呼ばれるプログラムです。

momo
momo
ブラウザのリクエストによって、サーバ上で動作し、その実行結果をHTMLでレスポンスするよ
mito
mito
ユーザーがブラウザを使い、何かしらのサーバプログラムの実行を指令してその結果をまたブラウザ表示で確認するという流れでWebアプリケーションは動くのですね。
momo
momo
サーバサイドプログラムのしくみを実現する技術はいくつかありますが、サーバサイドプログラムをJavaで開発する場合、「サーブレット」と「JSP」という技術を使うよ!
mito
mito
通常のHTMLのコードと同じようにフォルダごとサーバにアップするとブラウザで確認できるのですか?
momo
momo
通常のWebサーバはHTTPを使ってブラウザと通信する機能は持っているけれど、プログラムを実行する機能は持っていません
mito
mito
では、Webアプリはフォルダをサーバアップしただけでは動かないと言うことですか?
momo
momo
はい!なので、Webサーバーに加え、プログラムを実行する機能(実行環境)を持った(Web)アプリケーションサーバが必要になります

特にサーブレットクラスの実行環境をサーブレットコンテナといいます。

mito
mito
ということは..Webアプリケーションを開発するには、サーブレットコンテナをもつ(Web)アプリケーションサーバーが必要なんですね!
まとめ

Webアプリケーション開発には、ブラウザと通信する機能(Webサーバ)とサーバサイドのプログラム実行の機能(サーブレットコンテナをもつサーバ)が必要。

mito
mito
Webアプリケーションを作成するために、2種類の機能が必要ということはわかりました。で..どうやってそのサーバを用意したら良いのでしょう?
momo
momo
今回は統合開発環境Eclipse(イクリプス)にPleiades(プレアデス)というソフトウェアをインストールして環境を作ります
mito
mito
ややこしいので用語説明挟みます!

 

Eclipse:エディタと開発に関わるツール(コンパイラ、デバッガなど)を統合したソフトウェア。IDE(Integrated Development Environment)とも呼ばれます。

Pleiades:EclipseにApache Tomcatというアプリケーションサーバソフトウェアとその他便利なプラグインを入れたもののことです。

mito
mito
つまり、EclipseとPleiadesの設定を行えば開発ができるということですね!

Eclipseのインストール

こちらより最新のEclipseをダウンロードします。

mito
mito
以下、mac PCのやり方です。

 

momo
momo
JavaのFull Editionをダウンロードしましょう!

Pleiadesのインストール

ダウンロードした「pleiades-2020-12-java-mac-jre_20201222.dmg」(*)を展開します。
*最新版が変わるため名称は多少異なる可能性があります。

Eclipseの実行

任意の場所に展開したEclipse.appをダブルクリックし、実行します。

日本語化されたWorkspaceが表示されていればOKです。

参考図書はこちらです!


–End–

ABOUT ME
mito
こんにちは!mitoです。 2児の母で、フリーランスのWebデザイナーをしています。 2019年1月からWebデザインの勉強を始めました。 子育てをする中で、自分の生活に働き方を合わせたいと思うようになり、2020年4月からフリーランスになりました。 好奇心旺盛でやりたいこと多め、ワクワクすると止まれない性格です。 同じように一緒にチャレンジする人の背中そっと押せたり、励ましあえるようなブログになるといいなと思っています。