2016年2月15日月曜日

GeoExt3-dev 2 - 準備

2 - 準備
2-1 ダウンロード

a GeoExt 3 — JavaScript Toolkit for Rich Web Mapping Applications
https://geoext.github.io/geoext3/

の右上の「code」、または、「About GeoExt」の本文中の「checkout the code.」をクリックします。

b geoext/geoext3・GitHub
https://github.com/geoext/geoext3

の右側の 「Download ZIP」をクリックしてダウンロードします。
バージョンはそれぞれ、

OpenLayers3 v3.6.0
ExtJS v6.0.0.beta

です。

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

user@deb8-vmw:~$ cd ダウンロード
user@deb8-vmw:~/ダウンロード$ ls
---
geoext3-master.zip
---
user@deb8-vmw:~/ダウンロード$ unzip geoext3-master.zip
user@deb8-vmw:~/ダウンロード$ ls
---
geoext3-master
geoext3-master.zip
---
2-2 NetBeans にインポート
1 NetBeans を起動します。







2 メイン・メニューで「ファイル」→「新規プロジェクト」([Ctrl]-[Shift]-[N]を選択して新規プロジェクト・ウィザードを開きます。


3 HTML5カテゴリを選択し、「HTML5アプリケーション」を選択します。「次」をクリックします。






4 「新規 HTML5アプリケーション」で「プロジェクト名」に「geoext3proj」と入力し、「プロジェクトの場所」右側の「参照」ボタンをクリックします。


5 「プロジェクトの場所を選択」で /home/user/public_html を指定し「OK」ボタンをクリックします。








6 「新規 HTML5アプリケーション」で「次>」ボタンをクリックします。


7 「サイト・テンプレート」では、「サイト・テンプレートなし」を選択します。
「次>」ボタンをクリックします。





8 「JavaScriptファイル」では、「使用可能」ペインで仮に prototype(エラーが表示されたときは他のものでもOK) JavaScriptライブラリを選択し、右矢印アイコン( > )をクリックして、選択したライブラリをウィザードの「選択済」ペインに移動し、「終了」ボタンをクリックします。


9 展開したフォルダをサイトルートにコピーします。
user@deb8-vmw:~/ダウンロード$ cp -r geoext3-master ../public_html/geoext3proj/public_html/js/libs/

0 件のコメント: