GeoExt3.1 - 3 準備

3 - 準備
3-1 ダウンロード
1 GeoExt 3 — JavaScript Toolkit for Rich Web Mapping Applications
https://geoext.github.io/geoext3/

の「Versions of GeoExt」の「OpenLayers、ExtJS、GeoExt」が「4.3.3、6.2.0、3.1.0」の「released」をクリックします。

2 Released GeoExt v3.1.0 (OpenLayers 4.3.x & ExtJS 6.2.0)
https://github.com/geoext/geoext3/releases/tag/v3.1.0

の右側の 「Source code (zip)」をクリックしてダウンロードします。

次のように表示されたら「OK」をクリックします。

バージョンはそれぞれ、

OpenLayers v4.3.3
ExtJS v6.2.0

です。

3 ダウンロードしたファイルを展開します。

user@deb9-vmw:~$ cd ダウンロード
user@deb9-vmw:~/ダウンロード$ ls
---
geoext3-3.1.0.zip
---
user@deb9-vmw:~/ダウンロード$ unzip geoext3-3.1.0.zip
user@deb9-vmw:~/ダウンロード$ ls
---
geoext3-3.1.0
geoext3-3.1.0.zip
---

3-2 Eclipse プロジェクトの作成
1 Eclipse を起動します。

user@deb9-vmw:~/ダウンロード$ cd
user@deb9-vmw:~$ eclipse

起動の途中で「ワークスペースの選択」ウィンドウが表示されます。
「参照」ボタンをクリックして /home/user/public_html/eclipse-workspace でとりあえず「OK」をクリックします。

2 メイン・メニューで「ファイル」→「新規」→「プロジェクト」（または「新規」ボタン→「プロジェクト」）を選択して新規プロジェクト・ウィザードを開きます。

3 「新規プロジェクト」ウィンドウで「ウィザード（W）」の「Web」左側の▼をクリックし、一覧の「静的 Web プロジェクト」をクリックして選択し、「次」をクリックします。

4 「新規静的 Web プロジェクト」で「プロジェクト名」に「geoext31proj」と入力します。「プロジェクトの場所」は、/home/user/public_html/eclipse-workspace にしています。
「次>」ボタンをクリックします。

5 「静的 Web モジュール設定を構成します。」はこのままで「完了」ボタンをクリックします。

6 「関連付けられたパースペクティブを開きますか？」ウィンドウで「パースペクティブを開く」ボタンをクリックします。

3-3 Eclipse にインポート
1 メニューの ファイル -> インポート をクリックします。

2 「インポート」ダイアログの「選択」の「インポート・ウィザードの選択(S):」で、一般 -> ファイル・システム をクリックして選択し、「次へ」ボタンをクリックします。

3 「インポート」ダイアログの「ファイル・システム」の「次のディレクトリから(Y):」欄の右側の「参照(R)」ボタンをクリックします。

4 「ディレクトリーからインポート」ダイアログで左側の「ホーム」をクリックして、表示された「名前」欄の「ダウンロード」をクリックして選択し、「OK」ボタンをクリックします。

5 「インポート」ダイアログの「ファイル・システム」の「ダウンロード」の左側の三角形をクリックして「ダウンロード」以下の一覧を表示し、「geoext3-3.1.0」をクリックして選択します。

6 「インポート」ダイアログの「ファイル・システム」の「宛先フォルダー(L):」欄の右側の「参照(W)」ボタンをクリックします。

7 「フォルダーにインポート」ダイアログで「geoext31proj」をクリックして選択し、「OK」ボタンをクリックします。

8 「インポート」ダイアログの「ファイル・システム」の「完了(F)」ボタンをクリックします。

9 検証（時間がかかることがあります）が終わったあと「プロジェクタ・エクスプローラー」ビューの「geoext31proj」左側の▽をクリックして、「geoext3-3.1.0」を表示します。

10 「geoext3-3.1.0」左側の▽をクリックすると中身が表示されます。