DEV Community: programmingMonky

JDBCを利用してJavaからデータベースにアクセスする方法

programmingMonky — Fri, 20 Jul 2018 09:11:09 +0000

本投稿ではJDBCを使ってJavaのプログラムからSQLの実行、実行結果の表示を行うことで、JDBCの使い方を説明します

前提としてまずはこちらの

https://dev.to/programmingmonky/postgresqlsql-3dja

記事の通りのデータベース、テーブルが作成されており、
データの投入とSQLの実行確認ができているものとします。

JDBCのダウンロード

https://jdbc.postgresql.org/download.html

こちらのサイトからJDBCをダウンロードします

JDBCの追加先アプリケーションの作成

JDBCを追加するアプリケーションを作成します。

Eclipseを開き、ファイル>新規>Javaプロジェクトを選択

適当な名前を付けてプロジェクトを作成してください

今回私はjdbcsampleとしました

JDBCのビルドパスの追加

インストールしたJDBCを解凍し、Eclipseでビルドパスを追加してください

プロジェクト右クリック>ビルド・パス>外部アーカイブの追加で解凍したJDBCを選択してください

これでJDBCがプロジェクトに追加されました

Javaのプログラム作成

ファイル>新規>クラスから新しくJavaのファイルを追加します。

名前にMainと付け、「完了」を押します。

作成したMainのファイルに以下のJavaのプログラムを張り付けます

package jdbcsample;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.ResultSetMetaData;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;

public class Main {

    public static void main(String[] args) throws Exception {

        try (
                Connection connection = DriverManager.getConnection("jdbc:postgresql://localhost:5432/sample", // "jdbc:postgresql://<場所>:<ポート>/<データベース名>"
                        "postgres", //user
                        "postgres"); //password;
                Statement statement =    connection.createStatement();
                ResultSet resultSet = statement.executeQuery(

                        "select code,name_jp,region,\r\n" +
                        "count('1') over(partition by region) as num\r\n" +
                        "\r\n" +
                        "from m_country\r\n" +
                        "order by num"

                        );
                ){

            List<String> columns = new ArrayList<String>();

            ResultSetMetaData rsmd = resultSet.getMetaData();
            for (int i = 1; i <= rsmd.getColumnCount(); i++) {
                columns.add(rsmd.getColumnName(i));
            }

            System.out.println(resultSet);

            while (resultSet.next()) {
                System.out.println("\ncount:" + resultSet.getRow());

                columns.stream().forEach((i)->{try {
                    System.out.println(i + ":" + resultSet.getString(i));
                } catch (SQLException e) {
                    e.printStackTrace();
                }});
            }


        }
    }

}

プログラムの意味を一部解説すると

以下の部分でデータベースに接続しています

Connection connection = DriverManager.getConnection("jdbc:postgresql://localhost:5432/sample", // "jdbc:postgresql://<場所>:<ポート>/<データベース名>"
    "postgres", //user
    "postgres"); //password;

※ユーザー名、ポート、パスワードがなどが私の環境と違う場合、別のものを選択してください。

以下の部分でSQLを実行して結果を受け取っています

ResultSet resultSet = statement.executeQuery(
        "select code,name_jp,region,\r\n" +
        "count('1') over(partition by region) as num\r\n" +
        "\r\n" +
        "from m_country\r\n" +
        "order by num"

        );

以下の部分で取得結果を表示する処理を実行しています。

while (resultSet.next()) {
    System.out.println("\ncount:" + resultSet.getRow());

    columns.stream().forEach((i)->{try {
        System.out.println(i + ":" + resultSet.getString(i));
    } catch (SQLException e) {
        e.printStackTrace();
    }});
}

このプログラムを保存し、
パッケージエクスプローラでプロジェクト名を右クリックし

実行>Javaアプリケーション

をクリックしてください。

実行結果

IDEのコンソール欄にSQLを実行した結果が表示されています。

同じSQLを実行しているのでこの投稿の実行結果と一致しているはずです。

code	name_jp	region	num
643	ロシア連邦	ロシア	1
010	南極	南極	2
470	マルタ	地中海地域	2
196	キプロス	地中海地域	2
074	ブーベ島	南極	2
666	サンピエール島・ミクロン島	北アメリカ	3
840	アメリカ合衆国	北アメリカ	3
124	カナダ	北アメリカ	3

以上がJDBCの使い方になります。

glasshfishのインストールとサンプルアプリケーションのデプロイ方法の紹介について

programmingMonky — Wed, 18 Jul 2018 02:43:18 +0000

本投稿ではjavaの代表的なアプリケーションサーバーであるGlassFishの導入とサンプルプロジェクトのデプロイを行います。

・https://javaee.github.io/glassfish/download
にアクセスし、glassfishのダウンロードを行います。

https://thepracticaldev.s3.amazonaws.com/i/wakr53w6mxz6b1o1xb22.png

今回はfull platformを選択しました。

・c直下に解凍したのち、C:\glassfish5\bin　に移動し、サーバーを起動するためのコマンド　asadmin start-domain を実行



cd C:\glassfish5\bin
asadmin start-domain

・サーバー起動後にブラウザで
http://localhost:4848
にアクセス。
正しく起動していればglassfishのメニューが表示されます

・作成したwarファイル
C:\glassfish5\glassfish\domains\domain1\autodeploy
に配置し、
ブラウザから
http://localhost:8080/<作成したアプリケーション>

にアクセスするとアプリケーションが表示されます。

正常にアクセスできました。

この手順で皆さんが作成したアプリケーションをサーバーにアップロードしてブラウザから閲覧できることができます。

PostgreSQLでSQL実行までのチュートリアル

programmingMonky — Thu, 12 Jul 2018 06:48:13 +0000

本投稿ではPostgreSQLにアクセスし、

データベースの作成
テーブルの作成
データの投入
SQLの実行

を行います。

まだPostgreSQLをお持ちでない方は以下の記事

PostgreSQLを導入する方法

を参照にWindowsにPostgreSQLを導入してください。

pgadmin起動

本投稿ではPostgreSQLのクライアントにGUIツールであるpgadminを利用します

スタートメニューなどでpgadminと入力するなどしてpgadminを起動してください。

サーバー接続

初期からデフォルトで存在するサーバーに接続します。

Server>PostgreSQL 10を右クリックし、「Connect Server」を押してください。

するとパスワードを入力する画面が出てくるので、
インストール時に設定したパスワードを入力してください。

https://thepracticaldev.s3.amazonaws.com/i/ropadw7o5064hvgcgo0k.png

パスワードを入力したら「OK」を押してください

サーバーに接続できました。

データベース作成

Browserに表示されているサーバーの「PostgreSQL 10」を右クリックし

Create>Database...

を選択してクリック。

するとデータベースを作成する画面が出てくるので

databaseの欄にデータベース名を入力してください。
今回はsampleとしました。

入力が終わったら「Save」をクリック

sampleというデータベースが作成されました。
Browserで確認できます。

テーブル作成

では作成したsampleデータベースにさっそくテーブルを作成します。

テーブルはSQLによって作成します。
SQLの発行はQuery Toolsを使います。

sampleを右クリックし、「Query Tool」を選択してください。

Query Toolのウインドウに以下のSQLを貼り付け実行ボタン(雷のマーク)をクリックしてください。



create table m_country(
  name_jp    varchar(255),                 -- 国・地域名
  name_eng   varchar(255),                 -- ISO 3166-1における英語名
  code       char(3) NOT NULL PRIMARY KEY, -- numeric
  alpha_3    char(3),                      -- alpha-3
  alpha_2    char(2),                      -- alpha-2
  region     varchar(255),                 -- 場所
  iso_3166_2 varchar(255)                  -- 各行政区分(ISO 3166-2)
);

クエリを実行すると
ブラウザの

sample>Schemas(1)>public>Tables(1)配下に
SQLで作成したm_countryが出現するはずです。

データ投入

それでは作成したm_countryテーブルにデータを投入します。

Query Toolを使って以下のSQLを実行します。

https://github.com/programmingMonky/sample_SQL/blob/master/country_insert.sql

SQLが大きすぎるのでgithubのリポジトリ上に置きました。
このデータの出典は日本語版のWikipediaです。

SQLを実行してみよう

再びQuery Toolにアクセスし、テーブル内容を確認してみましょう



select * from m_country

insertで入れたデータが確認できると思います。

それではSQLでちょっと遊んでみましょう。
Query Toolで以下のクエリを打ち込みます



select code,name_jp,region,
count('1') over(partition by region) as num

from m_country
order by num

クエリの内容は
地域ごとに類別し、少ない地域に属する国順に表示する。というものです。

※分析関数という難しい構文を使っているでSQL初心者の方は理解する必要はありません。

code	name_jp	region	num
643	ロシア連邦	ロシア	1
010	南極	南極	2
470	マルタ	地中海地域	2
196	キプロス	地中海地域	2
074	ブーベ島	南極	2
666	サンピエール島・ミクロン島	北アメリカ	3
840	アメリカ合衆国	北アメリカ	3
124	カナダ	北アメリカ	3

南極にもカントリーコードが振られているという興味深いことがわかりました。

このよう本投稿に掲載した手順でPostgreSQL上に
データベースやテーブルを作成したり、
SQLでデータを扱えるようになりました。

皆様がWebアプリケーションを作成する際の参考になれば幸いです。

Gitの使い方について

programmingMonky — Wed, 11 Jul 2018 04:41:58 +0000

本記事では簡単なgitの使い方を説明しています。

筆者の環境

OS:windows7 32bit
コンソール:power shell

少しだけgitの説明

git はソースコードの変更履歴を管理するソフトウェアです。
特徴としては以下の通りです

管理するソースの大小は問わない
- Linuxのような2千万行を超える巨大なコード
- 個人制作の小さなプラングイン
- など様々なソフトウェアで活用。
長年の利用実績がある
- 2005年に最初のバージョンが開発され、10年以上の利用実績がある。
無料である

gitが導入されていないことによる課題として以下のものがあります

本番環境で動いているバイナリのバージョンがわからない。
報告されたデータが開発チームのバージョンで再現しない
ソースコードのマージは技術力のある技術者が注意深く時間をかけて行っている。
本番にマージされていない他人の変更を手早く取り込んで手元で検証できない。
並行開発で進めているソースが本番と乖離しすぎる

もちろんgitは銀の弾丸ではないので導入するだけで
問題が解決するわけではありませんが、
管理者と開発者の手間は大きく減らすことができます。

早速使ってみよう

1.バージョン管理対象のフォルダへ移動する

まず、バージョン管理を行うフォルダを作りそこに移動します。

cd c:\
mkdir story
cd story

2.gitを初期化する

gitを初期化するにはgit initとコマンドを打ちます

git init

するとstoryフォルダ内に.gitというフォルダが作成されました。

gitは内部的な処理でこのフォルダに変更を記録していくようになっています
(gitを利用するだけならこのファイルを自分で触る必要はありません。)

3.記録するするユーザー名を設定する

gitには変更記録として変更内容とともに、だれが変更したか？を記録します。
以下のコマンドであなたの記録に登録する名前とメールアドレスを設定します。

note:hogehogeとhogehoge@exampleをあなたの名前とメールアドレスにしてみてください。

git config --global user.name hogehoge
git config --global user.email hogehoge@example.com

4.記録対象のファイルを編集する

それではさっそく記録対象のファイルを作成します。
まず最初のバージョンとしてからのファイルを作成します。
適当なエディタでstory直下にmemo.txtという空のファイルを作成してください

PS C:\story> dir


    ディレクトリ: C:\story


Mode                LastWriteTime     Length Name
----                -------------     ------ ----
-a---        2018/07/11     11:35          0 memo.txt

5.gitに変更したファイルを記録(commit)する

以下のコマンドでgitに変更を登録します。

git add memo.txt
git commit -m "first commit"

2行目の"first commit"が記録するときのメッセージ(コミットメッセージ)
といいます。

実行結果

PS C:\story> git add memo.txt
PS C:\story> git commit -m "first commit"
[master (root-commit) 7bbaaca] first commit
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 memo.txt

このコマンド完了後にgit logコマンドでgitの履歴を確認してみましょう。
最初のバージョンが記録されたことがわかります！

PS C:\story> git log
commit 7bbaacae2f0ff56573ce60497ec96db2886cc78e (HEAD -> master)
Author: hogehoge <hogehoge@example.com>
Date:   Wed Jul 11 11:37:55 2018 +0900

    first commit

6.手順4,5を何度か繰り返す

それではmemo.txtに適当なお話を追加しつつ、変更記録をバージョンとして記録していきます。

PS C:\story> echo "A long time ago " >> memo.txt
PS C:\story> type .\memo.txt
A long time ago
PS C:\story> git add .\memo.txt
PS C:\story> git commit -m "add period"
[master 531432b] add period
 1 file changed, 0 insertions(+), 0 deletions(-)

PS C:\story> echo "in a glaxy far," >> memo.txt
PS C:\story> type .\memo.txt
A long time ago
in a glaxy far,
PS C:\story> git add .\memo.txt
PS C:\story> git commit -m "add place"
[master aa3c2de] add place
 1 file changed, 0 insertions(+), 0 deletions(-)


PS C:\story> echo "far away.... ">> memo.txt
PS C:\story> type .\memo.txt
A long time ago
in a glaxy far,
far away....
PS C:\story> git add .\memo.txt
PS C:\story> git commit -m "explain about place"
[master 74768be] explain about place
 1 file changed, 0 insertions(+), 0 deletions(-)
PS C:\story> t

echoコマンドによるファイル書き込みと
バージョン記録をそれぞれ3回行いました。

※typeコマンドは内容確認のために打っています。

memo.txtファイルの内容は以下のように変わっています。

A long time ago
in a glaxy far,
far away....

7.gitの履歴を確認する

それでは記録したバージョンの履歴を確認してみましょう。

git log今までのバージョン履歴はコマンドで確認できます。

※通常は新しい順で表示されますが、今回は--reverseオプションを付けて古い順に表示しています。

PS C:\story> git log --reverse
commit 7bbaacae2f0ff56573ce60497ec96db2886cc78e
Author: hogehoge <hogehoge@example.com>
Date:   Wed Jul 11 11:37:55 2018 +0900

    first commit

commit 531432b6a496d0a9d25b6c43f8bf773baa737c82
Author: hogehoge <hogehoge@example.com>
Date:   Wed Jul 11 11:44:02 2018 +0900

    add period

commit aa3c2de5e9ed92be14ef324878c6354be1c200ea
Author: hogehoge <hogehoge@example.com>
Date:   Wed Jul 11 11:45:21 2018 +0900

    add place

commit 74768be738a0dc3213ca6913ccdca9c6665e5fc7 (HEAD -> master)
Author: hogehoge <hogehoge@example.com>
Date:   Wed Jul 11 11:46:42 2018 +0900

    explain about place

8.戻したいバージョンに戻してみる(reset)

それではここでバージョン管理システムの威力を発揮させたいと思います。
この例では

1つ目のバージョン:空ファイルの作成
2つ目のバージョン:時間の記載(A long time ago)
3つ目のバージョン:場所の記載(in a glaxy far,)
4つ目のバージョン:場所の補足(far away....)

という風にバージョンを記録してきました。
ここで2つ目のバージョンの状態にファイルの内容を戻してみまたいと思います。

ファイルを戻すのにはgit reset --hard <バージョン>を使います。

commitのid(正確にはコミットのハッシュといいます)はgit logコマンドの結果の各"commit"の右に表示されている値になります。

バージョン	commitのid
1つ目のバージョン	7bbaacae2f0ff56573ce60497ec96db2886cc78e
2つ目のバージョン	531432b6a496d0a9d25b6c43f8bf773baa737c82
3つ目のバージョン	aa3c2de5e9ed92be14ef324878c6354be1c200ea
4つ目のバージョン	74768be738a0dc3213ca6913ccdca9c6665e5fc7

※このcommitのidの値はは環境によって違ってくるので注意してください。

2つ目のバージョンのcommitは531432b6a496d0a9d25b6c43f8bf773baa737c82ですので
戻すバージョンとしてこれを指定します

PS C:\story> git reset --hard 531432b6a496d0a9d25b6c43f8bf773baa737c82
HEAD is now at 531432b add period

ここでmemo.txtを参照してみます。

PS C:\story> type memo.txt
A long time ago

memo.txtの内容がバージョン2時点での状態に戻せました！

以上が簡単なgitによるバージョン管理の例になります。
gitはもっと高機能ですが、この手順書内の内容だけで、以下のようなことができます。

半期の会計処理中に3月前のデータに矛盾したものが見つかった。
どうやら最新バージョンでは出来ようのないデータらしい。
最新バージョンのソースをローカルにコピーして、
データが作られた時期のバージョンに戻して、
このデータが作成された原因をデバッグで探ろう

といったことができます。

ここで説明した内容はほんの初歩的なものになりますので、
公式のgitのチュートリアルを進めるなどしてさらに理解を深めてください。

https://git-scm.com/book/ja/v2

皆様がgitを学習して更なるバージョン管理の活用を実践されることをご期待します。

WindowsにGitを導入する方法

programmingMonky — Tue, 10 Jul 2018 09:11:29 +0000

Windows環境へのGitのインストールについて説明します。

筆者の環境は

Windows7 32bit です。

まず

https://git-scm.com/downloads

にアクセスし、

windows用のgitを選択します

ダウンロードが始まるので、終わり次第インストーラをクリックします。

インストーラの初期画面でGPIの同意画面がでてきますので

よく読んでから「next」をクリック

ダウンロード直下のフォルダを選択します。

今回はC直下としました。

「Next」ボタンを押します。

ダウンロードするコンポーネントを選択します。

ひとまずデフォルトのもので進めます。「Nexボタンを押します。」

スタートメニューを作成するかどうかを聞いてきます。

筆者はとりあえずそのまま進めますが、不要な方は外してください。「nextボタンをクリック」

giteditorを選択する画面です。デフォルトでvimとなっていますが、

初心者はvimを使うのが難しいので、とりあえずnanoに変更しています。

※もちろんvimが好きな方はvimを選んでください。

notepad++を持っている方はそちらを選択するのもいいかもしれません。

改行コードの扱いを選択します。

とりあえずデフォルトのまま進めます。

TLSのライブラリを聞いてきます。

デフォルトのオープンSSLを選択して「Next」をクリックします

改行の変換を聞いてきます。

とりあえず、クロスプラットフォームでの開発は行わないので

Windows環境推奨の一番上を選択しましょう。

利用するコンソールを聞いてきます。

今回はcygwinなどは使わないのでwindowsのcmdを使います。

下のチェックボックスを選択して「Next」をクリック

configファイルの設定です

デフォルトのまま「Install」を押します

しばらく待つと、Gitがインストールできました。

PostgreSQLを導入する方法

programmingMonky — Tue, 10 Jul 2018 02:44:17 +0000

Windows7 32bitの環境にPostgreSQLを導入する方法を説明します。

ダウンロードページ

にアクセスし、

ダウンロードしたいパソコンのOSと同じ種類のOSと
PostgreSQLのバージョンを指定し、「DOWNLOAD NOW」ボタンをクリックします。

PostgreSQLのバージョンはなるべく最新のものがよいと思います。

ダウンロードが完了したらインストーラを実行します。
インストーラ名は筆者の環境だとpostgresql-10.4-1-windows.exeとなっていました。

インストーラが起動しましたのでそのまま「Next」を押します。

インストール場所を聞かれます。

デフォルトの場所で問題ないので「next」をおします

ダウンロード対象を選ぶ画面があります。

ツール	意味
PostgreSQL Server	DBサーバー本体
pgAdmin 4	DBをGUIで操作するツール
Stack Builder	追加機能をインストールする道具
Commmand Line Tools	コマンドラインからDBを扱う便利ツール

今回はすべてにチェックが入っているので、そのまま「next」を押します。

データを保存する場所が聞かれます

特に変える必要はないので、そのまま「next」を押します

次の画面で管理ユーザ(ユーザー名:postgres)のパスワードを設定します。

パスワードは他人に分からないもの、そして忘れないものをに(重要)打ち込んでください。

パスワードの入力が終わったら「Next」を押します。

次にpostgresqlのポート番号を設定する画面が出てきました。

デフォルトのもので問題ないと思いますが、すでにこのポートをご使用中の方は
ポート番号を適当に1024～65536の範囲の値に変えてください。

次にdatabase cluster(今はわからなくてよい)作成時のロケールを設定します。

本格的に運用する際はdatabase clusterやdbを作成する際にロケールを設定できますので、
今は悩まずに[Default locale]を選択しましょう。

インストール内容のおさらいがでます。

そのまま「Next」を押しましょう

インストール準備が整いました、という画面が表示されました。

「Next」を押すとインストールがはじまります

PostgreSQLのダウンロードが完了しました。

step builderを使った追加のインストールを催促されますが、
今は不要なのでチェックを外します。

「finish」を押してインストーラを終了してください。

PostgreSQLの初期起動

cd C:\Program Files\PostgreSQL\10\bin
psql -U postgres

note:環境変数の設定の説明は今回時間がかかるので行いません。
興味がある人は設定方法を調べて環境変数に
C:\Program Files\PostgreSQL\10\binを追加してみましょう。

psqlのコマンドを打ち込むとパスワードを聞いてきます。
ここにインストール時に設定したパスワードを入力します。

以下に入力後のコンソールを示します。

C:\Program Files\PostgreSQL\10\bin>psql -U postgres
ユーザー postgres のパスワード:
psql (10.4)
"help" でヘルプを表示します。

postgres=#

ログインできました。

インストールしたPostgreSQLとそのログインまでが確認できました。

投稿が長くなったので記事を一旦切ります。
次回はデータベース作成からSQL実行検証までを紹介します。

Eclipseでサーブレットプログラムを作成する

programmingMonky — Mon, 09 Jul 2018 02:07:09 +0000

Eclipseをまだ導入されていない方はこちらの記事を参考にEclipseを導入してください。

1プロジェクトの作成

サーブレットの簡単なプロジェクトを作成方法を説明します
メニュー>ファイル>新規>プロジェクトで出現したウインドウの Web>動的Webプロジェクトを選択し、次へを押します

1-2 プロジェクトの設定

プロジェクト名はservletTestとしました

この画面で1点注意があるのですが、ターゲットランタイムはご自身がお持ちのJavaのバージョンのものを選択するようにしてください。
私のEclipseに入っている最新のJavaは8だったので、とりあえず8を選択しました。

自分Eclipseで使えるJavaのバージョンがわからない人は
メニューバーのウインドウ>設定で表示される画面の

Java>インストール済みのJRE をクリックすると
Eclipseで現在利用可能なJavaの一覧が出てきます。

2 ソースコードの作成

それでは実際に処理をするservletのクラスを作成します

右上のファイル>新規>クラスをクリックしてクラスを新規追加します

今回クラス名はServletTestとしました。

完了を押し
パッケージエクスプローラを確認するとクラスが作成されます。

2-2 ServletTestクラスの実装

サーブレットクラスの中身を以下のコードで上書きします。

package servletTest;

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;

@WebServlet("/helloworld")
public class ServletTest extends HttpServlet {
    private static final long serialVersionUID = 1L;
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String param = request.getParameter("param");
        response.getWriter().write("Hello "+ param);
    }

}

2-3 tomcatの追加

先ほどのプログラムを動かすサーバーを追加します。

サーバーのビューが表示されていない方は次の手法でビューを追加してください。

上段メニュー>ウインドウ>ビューの表示>その他>サーバー>サーバーを選択し、「開く」をクリック

「使用可能なサーバーがありません。このリンクをクリックして新規サーバーを作成してください...」をクリック、
またはサーバータブを右クリックし、新規>サーバーをクリックしてください。

上記手順で出現するウインドウで自分が動かせるJREの最新バージョンに対応したtomcatを選択します

私の場合は最新バージョンが8でしたのでtomcat8.5になります。

上記手順でサーバーが追加されます

2-4 実行

プロジェクト名右クリック

実行>サーバーで実行を選択します。

先ほど追加したtomcatを選択し、「完了」をクリックします

実行後、ブラウザを開き

http://localhost:8080/servletTest/helloworld?param=<あなたのローマ字の名前>

にアクセスしてください。

※<あなたのローマ字の名前>には"tarou"とかのご自身の適当な名前を入力してください。

すると先ほど作成したサーブレットのプログラムが実行され、ブラウザに以下の画面が表示されます。

サーブレットの簡単なサンプルが実行できました。
基本的にはこのような手順でwebアプリケーションを作成することができます。

Eclipseの導入方法と簡単なJavaプログラムの実行方法

programmingMonky — Fri, 06 Jul 2018 08:20:55 +0000

Eclipseの導入とサンプルアプリケーションの実行までを行います。

なお執筆時点での筆者の環境は

OS:Windows7 32bit
ブラウザ:Google Chrome

です。

1 Eclipse本体のダウンロード

以下のサイトからダウンロードすると、java、日本語化、webserverなどがバンドルされているものがダウンロードできる

http://mergedoc.osdn.jp/

最新versionの安定稼働版の導入を強く推奨しますが、必要があればその都度古いバージョンを選択してください。
今回は本稿執筆時点2018/7/6での最新版であるEclipse 4.8 Photonをダウンロードします

1-2 ダウンロードパッケージの選択

開発対象の環境に適したパッケージをダウンロードします。
本稿ではとりあえず全部入りのUltimateのFullを選択します。筆者のOSはWindows7 32bitなので赤枠のものを選択しますが、
自身のOSを確認して適切なものをインストールしてください。

ただし、Ultimateにはすべて含まれていますが、サイズが大きい(解凍前1.5GB)ためネットワーク環境が貧弱な場合は適切な軽いものを選択すべきです。
full editionを選択した場合は、コンパイラなどのパス設定がバンドルされたものを利用するようになっているのでインストール後の環境設定の作業が不要です。

2 解凍し実行

インストール後、適当な場所に解凍し、pleiades\eclipse\eclipse.exeを実行

どのワークスペース(作ったプログラムや設定などをどこに置くか)を利用するか選択する画面が出てきますが、
とりあえず検証するならデフォルトのもので大丈夫です。「起動」ボタンを押して進みましょう。

するとEclipseが起動します。

3サンプルコードの実行

3-1新規プロジェクト作成

ではサンプルでJavaのコードを書いて動かす実験をしてみます。

ファイル>新規>Javaプロジェクト

をクリックします。

するとプロジェクトの設定を入力する画面がでてきます。
今回は動作検証をするだけなので細かい設定は不要です。

とりあえず今回はプロジェクト名を「testApp」としました

プロジェクト名を入力して「完了」ボタンを押すとEclipseのパッケージエクスプローラにプロジェクトが作成されているはずです。

3-2新規クラス作成

サンプルプログラムを書くクラスを作成します。

新規>クラスをクリックします

作成するクラスの設定画面が出現します。
クラス名は今回はHelloWorldにしました。
他は何も変えずに「完了」ボタンを押します。

3-3プログラミング

それではソースコードを書きます。
今回は用意した以下のコードを張り付けるだけでOKです

package testApp;

public class HelloWorld {
    public static void main(String args[]) {
        System.out.println("Hello World!!!");
    }

}

※プロジェクトにtestApp以外の名前を付けた場合は、packageの行は自分がつけたプロジェクト名に変更する必要があります。

3-3実行

それでは実行しましょう。

パッケージエクスプローラのプロジェクト名(testApp)を右クリックし、
実行>Javaアプリケーションをクリックします。

するとプログラムが実行されコンソールにHello Worldと表示されます。

以上でEclipseの導入とサンプルプログラムの実行は終わりです。

dev.toでの記事の書き方とMarkdownの解説

programmingMonky — Fri, 06 Jul 2018 04:29:32 +0000

本記事ではdev.toでの記事の投稿方法や
記事の編集スタイルであるMarkdownの簡単な説明を行います。

dev.toのアカウントをお持ちでない方はこちらの記事を参考に

https://dev.to/programmingmonky/devto--25lm

まずはdev.toのアカウントを作成してください。

記事の作成方法について

記事の作成画面に遷移するには、
画面上部のメニューバーの「WRITE A POST」ボタンをクリックします。

記事の投稿画面の解説

「WRITE A POST」ボタンを押すと、記事の作成画面が表示されたと思います。

この画面の使い方について解説します

上部UI部分

1.[HELP]ボタン:dev.toの説明記事が表示されます(英語)。
2.[MARKDOWN]ボタン:記事の編集画面が表示されます。
3.[PREVIEW]ボタン:記事のプレビュー画面が表示されます。
- 編集したmarkdownが正しく描画されるかをこの画面で確認できます。
4.[SAVEPOST]ボタン:記事の投稿内容を一時保存します。
5.[Upload Image]ボタン:画像のアップロードに利用します。
- ボタンを押してアップロードする画像をエクスプローラで選択します。
  - 画像をアップロードするとボタンの右にuploadされた画像のURLが出現します。
- 記事の中に画像を埋め込む方法は後述のmarkdownの解説で行います。

下部の記事部分

1記事のヘッダとなる部分です。
- タイトル、タグなどの記事のメタ情報をここに書きます。
2記事本体の部分です。ここにmarkdownで記事を書きます

記事ヘッダの解説

記事ヘッダは初期値として以下のようになっていると思います。

---
title: 
published: false
description: 
tags: 
---

それぞれの行は記事の情報を表しています。
各行の意味を説明します。

title:記事のタイトルを設定します
published:公開非公開を設定します。
- trueを設定すると記事を公開できます。
- falseを設定すると記事は非公開になります。
  - 初期値はfalseです。
  - 非公開でもリンクを共有することで知人などに限定公開できます。
description: 記事の概要を書きます。
- 記事中には出ませんが、twitterやslackにリンクした時のカードに記載されます。
- Slackに張った例です。赤枠の部分がdescriptionに書いた内容です。
tags:その記事のジャンルをcsvで記載します。最大4つまで記載できます。

実例としてこの記事のヘッダを以下に示します。

文法のmarkdownについて

dev.toではmarkdownを利用して投稿記事を作成します。
まずはmarkdownに関して簡単に説明いたします。

正確な定義はWikipedia等をご参照ください。
初心者の方にざっくり説明すると

pandocやjekyllなどのツールを使ってihtmlやpdfに変換できるシンプルなテキストの形式
- いろいろな場所で利用されており、流行っています。
  - 私が知っているだけでも以下のものがあります。
    - GitHubのreadme.md(ソースコードの概要を示すドキュメント)
    - Redmineのテキスト装飾
    - Kotlinのドキュメンテーション(Kdoc)
    - はてなブログやQiitaの投稿
  - つまり、初めてmarkdownを覚える人でも、別のところでmarkdownを使う機会が来る可能性が高いです。
    - 今dev.toのためにmarkdownを勉強すると後々役に立つと思いますよ。
- このような入れ子になった箇条書きをうまく表現、変換することができます。
- Excel方眼紙やhtmlを手書きする場合と比べて少ない労力で編集記述することができます。
- htmlなどの一般的なマークアップ言語に比べてレンダリング前の可読性がとても良いです。

さっそくmarkdownとhtmlを比較してみましょう。まずはマークダウンです。

# 見出し1

先頭をシャープ記号の行は見出しの行になります。
htmlでいうところのh1タグです。シャープを重ねることで
h2,h3相当のタグを作って入れ子にすることができます。

## 見出し2

リンクのサンプルです。[Googleのトップページです](https://www.google.co.jp/)

[]内の文字が画面に青く表示したいテキストを書きます。()の中にリンク先のURLを書きます。

表のサンプルです。htmlのように複雑なタグを利用する必要はありません。

| id |  type             |  usage content |  amount   | 
|----|-------------------|----------------|-----------| 
| 1  |  snack            |  banana        |  100 yen  | 
| 2  |  Writing utensils |  pencils       |  200 yen  | 
| 3  |  sporting goods   |  soccer ball   |  3000 yen | 
| 4  |  Gifts            |  game software |  4000 yen | 
| 5  |  Consumables      |  water         |  100 yen  | 

markdownの構文を覚えるのが面倒な方は、
[こちらのサイト](https://donatstudios.com/CsvToMarkdownTable)で
csvやtsvの形式から簡単にmarkdownの票に変換することができます。

tsvが使えるのでexcelからもコピペで簡単にこの形式に変換できますよ。

### 見出し3

- 箇条書きのサンプルです
    - 入れ子にすることができます。
    - 同じレベルで並べることもできます
- 特に入れ子にできる件数に制限はないと思います。
- 読みにくくなるので入れ子は3段程度にとどめておくのがよいでしょう。

# 引用について

引用のサンプルです。

大なり記号>を使うことで引用になります。

>あなたのぶどう畑の実を取りつくしてはならない。
>またあなたのぶどう畑に落ちた実を拾ってはならない。
>貧しい者と寄留者とのために、これを残しておかなければならない。
>わたしはあなたがたの神、主である。
>レビ記 19:10

メールなどで返信した時の形式とよく似ています。

plane textの状態でも読みやすいですね！
htmlだとこうなります。

<h1 id="-1">見出し1</h1>
<p>先頭をシャープ記号の行は見出しの行になります。
   htmlでいうところのh1タグです。シャープを重ねることで
   h2,h3相当のタグを作って入れ子にすることができます。
</p>
<h2 id="-2">見出し2</h2>
<p>リンクのサンプルです。<a href="https://www.google.co.jp/">Googleのトップページです</a></p>
<p>[]内の文字が画面に青く表示したいテキストを書きます。()の中にリンク先のURLを書きます。</p>
<p>表のサンプルです。htmlのように複雑なタグを利用する必要はありません。</p>
<table>
   <thead>
      <tr>
         <th>id</th>
         <th>type</th>
         <th>usage content</th>
         <th>amount</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>1</td>
         <td>snack</td>
         <td>banana</td>
         <td>100 yen</td>
      </tr>
      <tr>
         <td>2</td>
         <td>Writing utensils</td>
         <td>pencils</td>
         <td>200 yen</td>
      </tr>
      <tr>
         <td>3</td>
         <td>sporting goods</td>
         <td>soccer ball</td>
         <td>3000 yen</td>
      </tr>
      <tr>
         <td>4</td>
         <td>Gifts</td>
         <td>game software</td>
         <td>4000 yen</td>
      </tr>
      <tr>
         <td>5</td>
         <td>Consumables</td>
         <td>water</td>
         <td>100 yen</td>
      </tr>
   </tbody>
</table>
<p>markdownの構文を覚えるのが面倒な方は、
   <a href="https://donatstudios.com/CsvToMarkdownTable">こちらのサイト</a>で
   csvやtsvの形式から簡単にmarkdownの票に変換することができます。
</p>
<p>tsvが使えるのでexcelからもコピペで簡単にこの形式に変換できますよ。</p>
<h3 id="-3">見出し3</h3>
<ul>
   <li>
      箇条書きのサンプルです
      <ul>
         <li>入れ子にすることができます。</li>
         <li>同じレベルで並べることもできます</li>
      </ul>
   </li>
   <li>特に入れ子にできる件数に制限はないと思います。</li>
   <li>読みにくくなるので入れ子は3段程度にとどめておくのがよいでしょう。</li>
</ul>
<h1 id="-">引用について</h1>
<p>引用のサンプルです。</p>
<p>大なり記号&gt;を使うことで引用になります。</p>
<blockquote>
   <p>あなたのぶどう畑の実を取りつくしてはならない。
      またあなたのぶどう畑に落ちた実を拾ってはならない。
      貧しい者と寄留者とのために、これを残しておかなければならない。
      わたしはあなたがたの神、主である。
      レビ記 19:10
   </p>
</blockquote>
<p>メールなどで返信した時の形式とよく似ています。</p>

筆者はhtmlの方は、ブラウザでレンダリングしないと読む気が起こりません。
手書きで書くのはもっと気が向きません。

※もちろんこのhtmlもmarkdownから生成したものですよ

この比較だけでもmarkdownの手軽さはご理解いただけると思います。
本稿の趣旨から外れるので紹介はしませんが、
ここで紹介した機能以外にもモダンなエディタではmarkdownを便利に扱う仕組みがたくさんあります。

Markdownの方言とdev.toで利用する形式について

htmlはW3CやWHATWGという団体が頑張って標準化していますが、Markdownはまだ標準化が進んでいません。
CommonMarkやIETFの提案など、それらしい標準化の活動もありますが、
まだまだ方言を利用せざるを得ない段階です。ちなみに方言の代表的なものは以下があります。

github flavored markdown
Markdown Extra
Stack Overflow
Maruku
はてなブログやQiitaが独自に拡張しているもの

といっても差分は少しだけです。
本記事で紹介しているものは画像の貼り付け以外は、どのMarkdownでも使えるはずです。

見出しは#で連ねて作る
リンクは[画面表示テキスト](http://から始まるURL)で書く
箇条書きは-を先頭にした行を開業することで可能
他人の文章の引用は>を先頭につけた行で行う
画像の掲載は以下の通りです

これだけjekyllの方言です。ごめんなさい。
コードブロックはbacktick(`)を使う
- JISキーボードの方はShift + @マークで出ます。
- 行中に書く場合はbacktickは1つで囲みます
- 別のブロック要素に分けたい場合はbacktickは3つで囲みます

コードブロックの記述例を以下に示します。

上記のmarkdownの記述が記事中に以下のように表示されます。

dev.toではjekyllというツール用の形式のmarkdownを利用します。
上記の要素だけでdev.toの記事は十分作成できますが、jekyll用のさらに発展的な構文が使いたい場合は

jekyll markdown syntaxやjekyll markdown cheetsheetなどで検索する
jekyllのチュートリアルを学ぶ

などで理解を深めてください。
以上になります。

本投稿を参考に皆様が素晴らしい記事を投稿いただけると幸いです。

参考リンク

備考

掲載サンプルのmrkdown→html変換に以下のツールを利用しました。
- md2pdfをお借りしてmarkdownからhtmlに変換しました
- HTML Formatterをお借りしてhtmlのindentを整えました。
念のため補足:dev.toの投稿に上記を使った変換作業は不要です。

dev.toアカウントの作り方

programmingMonky — Thu, 05 Jul 2018 06:55:54 +0000

dev.toのアカウントはtwitterやgithubのアカウントがあれば簡単に作成することができます。
本稿ではGithubのOAuthを利用してdev.toのアカウントを作成する方法を解説します。

githubのアカウントを作成する

dev.toではtwitterとgithubの認証でアカウントが作成できます。
本稿ではgithubのアカウントで作成を説明しますので、
githubのアカウントをまだお持ちでない方はこちらの記事を参考に

https://dev.to/programmingmonky/github-309h

まずgithubのアカウントを作成してください。

dev.toのアカウント作成ページにアクセス

githubのアカウントにログインした状態で
dev.toのアカウント作成ページ

https://dev.to/enter

にアクセスし、

「Auth With Github」ボタンを押してください

するとgithubのサイトに遷移し、Githubのアカウントで認証を行う確認の画面が表示されます。

画面を確認して緑色の「Authorize thepractivaldev」ボタンを押しましょう

アカウント作成完了

githubで緑色の「Authorize thepractivaldev」ボタンを押した後画面が遷移し、
dev.toのあなたの個人ページが表示されます。

これでアカウント作成が完了です。

さっそく記事をポストしたり、興味のあるユーザーをフォローしてみましょう。

プログラミング未経験者でもわかるGithubアカウントの作り方

programmingMonky — Thu, 05 Jul 2018 06:51:31 +0000

※本稿は2018年7月5日時点での情報です。
筆者の環境は

OS:Window7 32bit
ブラウザ:Google Chrome

です

Githubにアクセスします

https://github.co.jp/

アカウント情報の入力

ユーザー名
メールアドレス
パスワード

を入力して「Create an account」ボタンを押します

※ここで入力したパスワードは忘れないでください。

プランの選択

アカウント情報の入力の次の画面ではプランの選択等を行います。

初期の状態で無料プランが選択されています。
今回は有料ユーザーは作成しないので、無料プランで登録します。

無料/有料プランの差は本投稿の趣旨から脱線するため今回は説明しませんが、
ちょっとした検証やgithubの認証で利用する分には無料ユーザーで十分です。

3.アンケート

次の画面には簡単なアンケート調査があります。

あなたが開発者としてどれくらいの腕前か
あなたのgithubの使い道は?
あなたは次のどれに近いか(学生/社会人/遊び人)
あなたの興味のあるトピックは？

など聞かれますのでご自身の判断でお答え下さい。

ここはアンケートを取っているだけだと思うので、間違えても、深刻な問題は起こらないはずです。
あまり考え込まずに素直に答えましょう。

4.メール認証

アンケート画面の入力が終わると、
アカウント情報の入力画面で設定したメールアドレスに確認用のメールが飛んでいるはずです。

メールボックスを確認して

Click the link below to verify your email address:

と書かれた認証用のリンクをクリックしてください。

以上でgithubアカウントの作成は完了です。
githubにアカウント情報の入力画面で設定したメールアドレスとパスワードでログインできるようになります。
以上です。お疲れ様でした。