メモ – 開発のメモをまとめていく

GeoToolsを使ってみる

地図データの表示について調べてみました。地図データのデータ加工や表示をするシステムを GIS(geographic information system) と呼ぶそうです。

JavaのGISライブリを調査したところ、 GeoToolsがありましたので、試しに動作させてみました。

GeoToolsのサイトではQickstartでMavenプロジェクトでのチュートリアルが説明されています。今回は、その説明を参考にGradleプロジェクトで始めてみることにしました。
しかし、結果を先に言うと、依存関係が解決できず、Qickstartできませんでした。。。

MavenプロジェクトでのチュートリアルはSNAPSHOTとのことでしたので、
そこで、リリース版jarファイル一式をimportして、利用することにしました。こちらも、簡単にとは行きませんでしたが、とりあえずサンプルプログラムを実行することはできました。以下、その手順を記載します。

リリース版をダウンロードする下記のサイトから最新版をダウンロードします。私は、21.2をダウンロードしました。　ダウンロードサイト
gradleプロジェクトを作成する
cmd+n(macの場合)を押下すると、新規プロジェクト作成画面が開きます。
Gradle Projectを選択して、Nextを押下します。

次の画面は変更せずに、Nextを押下します。

Project nameを入力して、Finishを押下します。これで、Projectが作成できます。
ProjectName

build.gradleを更新する
　gradleプロジェクトを生成するとルートフォルダ直下にbuild.gradleが生成されます。 build.gradleには、今回ダウンロードしてきたGeoToolsのimportする設定を記載します。
buile.gradle修正後、gradleリフレッシュを実行してください。すると、自動でdependencyで指定したjarファイルを、依存する外部ライブラリに追加してくれます。
fileTreeのオプションのdirに指定する値は、リリース版を解凍したディレクトリを指定してください。今回は、プロジェクトディレクトリと同階層にlibディレクトリを作成して、その配下にリリース版を解凍したファイル一式を格納しています。その他のオプションについては、
- include: dirで指定したディレクトリ配下にて、importするファイルを指定する
- exclude: dirで指定したディレクトリ配下にて、importから除外したいファイルを指定する
  参考：依存関係を解決するまでに発生したエラー

aapply plugin: 'java'

repositories {
    mavenCentral()
    jcenter()
}

dependencies {
    compile 'org.slf4j:slf4j-log4j12:1.7.26'
    compile 'systems.uom:systems-common-java8:0.7.2'
    compile 'org.ejml:ejml-core:0.34'
    compile fileTree(dir:'../lib/geotools-21.2'
	    , include:'*.jar'
	    , exclude:['gt-process-raster-21.2.jar'
                      ,'gt-epsg-postgresql-21.2.jar'])
    testCompile 'junit:junit:4.12'
}

aapply plugin: 'java'

repositories {

mavenCentral()

jcenter()

}

dependencies {

compile 'org.slf4j:slf4j-log4j12:1.7.26'

compile 'systems.uom:systems-common-java8:0.7.2'

compile 'org.ejml:ejml-core:0.34'

compile fileTree(dir:'../lib/geotools-21.2'

, include:'*.jar'

, exclude:['gt-process-raster-21.2.jar'

,'gt-epsg-postgresql-21.2.jar'])

testCompile 'junit:junit:4.12'

}

サンプルプログラムを作成する
　サンプルプログラムは、公式サイトquickstartのCreating the Quickstart applicationのmain関数部を利用します。パッケージやクラス名は任意に設定し、メイン関数部だけ、上記サイトのソースコードに置き換えれば良いです。
GISデータを取得する
　下記のサンプルプログラムは、shpファイルを読み込み地図を表示するプログラムです。
　shpファイルは、国土数値情報　ダウンロードサービスより、ダウンロードすることができます。私は、鉄道のGISデータをダウンロードしました。このGISデータの中に、shpファイルが存在しています。
サンプルプログラムを実行する
　プログラムを実行すると、ファイル選択画面が開きます。
　　ダウンロードしたshpファイルを選択します。
　すると、鉄道の路線情報が表示されます。　
　拡大表示することもできます。

JSP

今回は、JSPでHello Worldを表示してみます。

JSPファイルを作成します。プロジェクト右クリック→New→JSP Fileをクリックします。
ファイル名を入力して、Nextを押下します。
New JSP File(html)を選択して、Finishを押下します。

jspのbodyタグを下記のように入力します。
<% 〜 %>にjava言語を記述することができます。
<%=hoge%> で変数hogeの値をhtmlに埋め込むことができます。

<body>
  <%
    String text="Hello World(JSP)"; 
  %>
  <h1><%=text%></h1>
</body>

<body>

String text="Hello World(JSP)";

</body>

プログラム実行後、localhost:8080/HelloWorld/Hello.jspにアクセスすると、下図のようにHello World(JSP)が表示されます。

HelloWorld(JSP)

Java ServletとJSP

SpringBootでの開発経験しかなかったので、それ以前のWeb開発技術である JSPとServletを調べて見ました。

概要としては、下記のサイトが参考になりました。

JSPとJava Servletについて

ここでは、ServletでHello WorldをWebブラウザで表示させるプログラムを作成します。 Servletとは、サーバサイド処理をするJavaプログラムのことです。

それでは、開発環境構築からです。
まずは、Eclipseをインストールします。次にEclipseのプロジェクトを作成したいのですが、Web開発するためには、Eclipseのプラグインを色々とインストールしておく必要があります。

プロジェクト作成前の準備

Eclipse Java EE Developer Toolsのインストール

Install New Software ※これをインストールするとプロジェクトを新規作成するときにWebが選択できるようになります。

↓

Eclipse Java EE Developer Tools

次にプロジェクト新規作成時のターゲット・ランタイムでTomcatを選択できるように環境構築します。
下記のソフトウェアをインストールします。こちらのサイトを参考にしました。
- JST Server Adapters
- JST Server Adapters Extensions
- Apache Tomcatのダウンロード & 解凍
JST Server Adapters, JST Server Adapters Extensionsのインストール
Apache Tomcatのダウンロード & 解凍 https://tomcat.apache.org/download-90.cgi
tar.gzをダウンロードして、任意のディレクトリに解凍します。(Macで開発しているので、とりあえずApplication配下に解凍しておきました。)
Eclipse Java EE Developer Toolsのインストール
※ これをインストールしないとプロジェクト作成時に、failed while installing dynamic web module x.xのエラーが出ます。

プロジェクトの作成方法
File→New→Other→Web→Dynamic Web Projectの順でクリックします。

プロジェクト名、ターゲット・ランタイムを設定して、Nextを押下します。
ターゲットランタイムは上記で解凍したTomcatと同じものを選択します。プロジェクト・ターゲットランタイム

何も変更せずに、Nextを押下します。 Next

Generate web.xml deployment descriptorにチェックを入れて、Finishボタンを押下します。 descreptor

Project Explorerに作成したプロジェクトが表示されます。新規プロジェクト

次にサーブレットを作成します。 File→New→Servletとクリックしていきます。サーブレットの作成

任意のJava package、Class nameを入力して、Finishを押下します。 finish

サーブレットの雛形クラスファイルが作成されます。 Servlet template

作成されたクラスを下記のように実装します。
そして、プログラムを実行し、webブラウザのアドレスバーに「localhost:8080/HelloWorld/Hello」を入力しEnterを押すと、Hello WorldがWebブラウザに表示されます。

package index;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class Hello
 */
@WebServlet("/Hello")
public class Hello extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Hello() {
        super();
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setContentType("text/html; charset=UTF-8");
		response.getWriter().append("<html><body><h1>Hello World</h1></body></html>");
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doGet(request, response);
	}

}

package index;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

* Servlet implementation class Hello

@WebServlet("/Hello")

public class Hello extends HttpServlet {

private static final long serialVersionUID = 1L;

/**

* @see HttpServlet#HttpServlet()

public Hello() {

super();

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

response.setContentType("text/html; charset=UTF-8");

response.getWriter().append("<html><body><h1>Hello World</h1></body></html>");

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doGet(request, response);

}

次回は、JSPでHello Worldを表示させてみようと思います。

WordPressでMarkdown形式で入力するプラグイン

Jetpack by WordPress.comプラグインをインストールします。

インストール後、Jetpackの設定にて、Markdown構文で投稿やページに書き込みの設定を有効にします。

設定後、ブロック追加にてMarkdownを選択できるようになります。

WordPressでソースコードのシンタックスハイライトをする

次のプラグインをインストールしました。

WP Code Prettify

参考
https://shared-blog.kddi-web.com/webinfo/106/

試しにコードを書いてみます。

  String test = "Hellow world";

1	String test = "Hellow world";

上記コードは、HTMLで次のように記述しています。
preタグのclassにprettyprintを付与するとコードにハイライトがつきます。
また、linenumsをclassに追加すると5行毎に行数が表示されるようになります。

  <pre class="prettyprint linenums">
    String test = "Hellow world";
  </pre>

String test = "Hellow world";

</pre>

今は、markdownで記事を書いているので、「Crayon Syntax Highlighter」プラグインを利用していたりします。。。

始動

とりあえず、アプリ開発や勉強などで得たエンジニアリング知識をここにまとめていこうと思います。

月	火	水	木	金	土	日
« 7月
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30