【Mac】EclipseへTomcatをインストールする方法

# はじめに
前回はMacへEclipseをインストールする手順を解説したのですが、
今回は前回の続きでTomcatをインストールする手順を解説します。

# 1. Eclipse Tomcat Pluginのダウンロード
[公式サイト](https://sourceforge.net/projects/tomcatplugin/files/)へアクセスし、
以下の赤枠をクリックしてダウンロードします。

![スクリーンショット 2018-11-07 22.47.28.png](https://qiita-image-store.s3.amazonaws.com/0/298750/c220d904-2003-b280-be4b-a3c54f702cd8.png)

すると、ダウンロードフォルダに**「net.sf.eclipse.tomcat.updatesite-2018-03-08.zip」**というzipができます。
このファイルは後ほど利用します。

# 2. Eclipse Tomcat Pluginのインストール

Eclipseを起動し、ヘルプ＞新規ソフトウェアのインストールをクリックします。

<img width="922" alt="スクリーンショット 2018-11-07 22.50.55.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/c01dd662-cf63-7eb8-5680-e85d70b10607.png">

すると、以下のような画面に遷移しますので、
赤枠の追加ボタンを押下します。

<img width="948" alt="スクリーンショット 2018-11-07 22.54.16.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/8a568cf5-201e-556a-d85d-04e590fb533b.png">

次に「アーカイブ」ボタンを押下します。

<img width="488" alt="スクリーンショット 2018-11-07 22.54.56.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/2efda44e-9ff0-d67c-1be7-f2d0079591d2.png">

Finderが起動しますので、先ほどダウンロードしたファイルを選択し、
「Open」ボタンを押下します。

<img width="793" alt="スクリーンショット 2018-11-07 22.55.34.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/ef23f315-6a8d-08f2-ecd9-87e804d1e070.png">

すると、先ほどの画面にTomcatプラグインという項目が出ますので、
チェックし、次へ進みます。

<img width="950" alt="スクリーンショット 2018-11-07 22.56.51.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/6a48ab3f-650d-f0f1-ea47-44ac413b7fd2.png">

インストール詳細画面が出ますので、次へ進みます。

<img width="947" alt="スクリーンショット 2018-11-07 22.57.19.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/1dcb9ac9-8be9-b888-1576-f8b62d42f1e8.png">

そして、ライセンスのレビュー画面に遷移するので、
使用条件に同意にチェックし、完了ボタンを押します。

<img width="950" alt="スクリーンショット 2018-11-07 22.57.32.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/8d7eb9e9-344c-208c-8c35-69ebc185bbf1.png">

ここまで完了したら、Eclipseを再起動しましょう。
再起動が終わり、以下の画面のようにTomcatの猫ちゃんマークが表示されていればインストール完了です。

<img width="1552" alt="スクリーンショット 2018-11-07 23.05.54.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/7e5fa838-a1d4-75d4-a65e-71d7ee82c0b8.png">

# 3. Tomcatの環境設定
画面右上のEclipseマークをクリックし、環境設定ボタンを押下します。

<img width="202" alt="スクリーンショット 2018-11-07 23.06.53.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/5fff4c4b-de42-cc89-cafc-9e18f2d37fae.png">

Tomcatを選択し、Tomcatのバージョンを指定します。
Tomcatのバージョンはお好きなバージョンを選択してOKです。

次にTomcatホームを設定します。
以下のフォルダにTomcatがインストールされていますので、
バージョンに紐づくフォルダを選択してください。

`/Applications/Eclipse_4.8.0.app/Contents/tomcat`

例えば、バージョン8を選択した場合は、Tomcatホームは以下のようになります。

`/Applications/Eclipse_4.8.0.app/Contents/tomcat/8`

そして、コンテキスト宣言モードはデフォルトのコンテキスト・ファイルでOKです。
完了したら、適用して閉じるボタンを押します。

<img width="623" alt="スクリーンショット 2018-11-07 23.07.08.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/4124d970-9ede-17a6-9165-2de7f19482ad.png">

# 4. 動作確認
Tomcat起動ボタンを押します。

<img width="495" alt="スクリーンショット 2018-11-07 23.45.54.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/a8c2169f-ebb3-7bdb-6b7e-e3d1ee1e1ee8.png">

画面下のコンソール画面で**「Server startup」**という文言が出たら起動完了です。

<img width="715" alt="スクリーンショット 2018-11-07 23.11.26.png" src="https://qiita-image-store.s3.amazonaws.com/0/298750/0231edc3-80da-81c7-de69-591009802e85.png">

最後に以下のURLをブラウザへ入力します。

http://localhost:8080/

以下のようなTomcatの画面が出力されたらOKです。

![スクリーンショット 2018-11-07 23.12.22.png](https://qiita-image-store.s3.amazonaws.com/0/298750/23b5cc6c-e34d-c3aa-566c-58b4d7f8bc65.png)

なお、ここまで確認できたら、一番最初にダウンロードした
「net.sf.eclipse.tomcat.updatesite-2018-03-08.zip」は削除しても問題ありません。

# さいごに
2020年から個人ブログはじめました！

フリーランスエンジニアになって得た知識と経験をもとに、フリーランスエンジニアに関する情報をはじめ、IT技術情報や業界情報、エンジニアライフハック等のコンテンツを配信していく予定です。

まだまだ記事数は少ないのですが、週単位で更新してますので、もしご興味ございましたら、みていただけると嬉しいです。

https://yacchi-engineer.com/

さいごまでお読みいただき、ありがとうございました。