zh ja ja zh zh ceb ja ja ja ja ja ja ja ja ja fa ja ja ja zh de zh ja nl en ja ja ja ja ja ja ja ja ja ja ja ja ja ja zh ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja en en ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja en ja ja ja ja en ja ja ja en en ja es en sv hy es ja ja en en sv fr de de fr fr fr sv en fr en ja fr de fr es ru en en en zh vi en en sv zh zh ja fa zh ru hy es ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja en en sv fr de de fr fr fr sv en fr en ja fr de fr es nb fr de en en de en en ru en ru en en en en en en th kn en en en en el th kn kn ja ja ja ja ja ja ja ja ja ja ja ja ja ja en sv fr de de fr fr fr sv en fr en ja fr en en en en en en en en ja en en en en en ja ja ja en sv fr de de fr fr fr sv en fr en en en en en en en ja en en en ja ja ja ja ja ja ja ja ja ja ja nl en ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja en en en en pt ja ja ja ja ja ja ja ja en ja ja ja ja ja ja ja en ja de en ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja zh zh ceb ja ja ja ja ja ja ja ja ja fa ja ja ja ja ja ja
SpringBootでの開発を行うには「Spring Tool Suite(STS)」を利用するのが最も手軽な方法だ。STSはSpring Framwrowkの開発元が提供しているEclipseをベースとして作成された統合開発環境(IDE)で、Spring Frameworkを利用した開発に適した機能が備えられている。
デファクトスタンダートと言っても過言ではないEclipse以外のIDEを使うことに抵抗を感じるかも知れないが、STSはEclipseをベースとしているだけあって基本的な操作はEclipseとほぼ同じといってもいい。Eclipseを使ったことがあるならば、抵抗なくSTSの操作を行えることだろう。
STSのダウンロードとインストール
それでは、STSのダウンロードとインストールしてみよう。ここではWindows10環境へのダウンロードとインストール方法を紹介する。
1.公式サイトからSTSをダウンロード
https://spring.io/tools/sts/all
STSのダウンロードページにアクセスし、Windows版を選択してダウンロードしよう。
32bit版、64bit版が選択できるので、現在使用している環境に合ったSTSをダウンロードしよう。
2.ダウンロードファイルを解凍
ダウンロードしたzipファイルを任意のパスに解凍する。この例では、zipファイルに含まれていた「sts-bundle」フォルダを「c:\sts\sts-bundle」に解凍した。
解凍したzipファイルに含まれている「STS.exe」を起動しよう。この例では「C:\sts\sts-bundle\sts-3.9.3.RELEASE\STS.exe」のファイルを起動する。
4.セキュリティ警告が表示される場合
STS.exeを起動してセキュリティ警告が出た場合は「実行(R)」を選択して起動を継続しよう。
5.ワークスペースの選択
Eclipseと同様、STSで開発するワークススペースを指定する。ワークスペースとはプログラムを生成するフォルダと考えてもらっていいだろう。この例では「C:\sts\workspace」を指定したが、任意のフォルダで問題ない。
フォルダを指定したら「Launch」ボタンをクリックしよう。
STSが起動される。ただし、現在の状態では英語表示になっている。
STSはデフォルトでは英語表示であるが、日本語化しておいた方が扱いやすいので日本語化方法を紹介しよう。
1.Pleiades日本語化プラグインのダウンロード
MargeDocProject
http://mergedoc.osdn.jp/
STSはEclipseベースに開発されたIDEであるため、Eclipseを日本語化するPleiades日本語化プラグインで日本語化することができる。MargeDocProjectのサイトにアクセスし、「Pleiades プラグイン・ダウンロード」よりプラグインを入手しよう。
2.プラグインフォルダを上書き
ダウンロードしたファイルを任意の場所に解凍し、「features」「plugins」フォルダをSTSのインストールフォルダに上書きする。先ほどインストールしたフォルダの例で説明すると、以下のフォルダに上書きすることとなる。
featuresフォルダの上書き先:C:\sts\sts-bundle\sts-3.9.3.RELEASE\features
pluginsフォルダの上書き先:C:\sts\sts-bundle\sts-3.9.3.RELEASE\plugins
3.STS.iniの編集
STSをインストールしたフォルダのSTS.iniファイルを編集する。先ほどインストールしたフォルダの例であれば、以下のフォルダにSTS.iniがある。
C:\sts\sts-bundle\sts-3.9.3.RELEASE
テキストエディタでSTS.iniファイルを開き、ファイルの最終行に以下の2行を追加して保存しよう。
-Xverify:none -javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
-Xverify:none
-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
ちなみに、既にSTS.iniに「-Xverify:none」が定義されている場合、この行の追加は不要だ。
最終的にSTS.iniの設定は以下のようになった。
-startup plugins/org.eclipse.equinox.launcher_1.4.0.v20161219-1356.jar --launcher.library plugins/org.eclipse.equinox.launcher.win32.win32.x86_1.1.551.v20171108-1834 -product org.springsource.sts.ide --launcher.defaultAction openFile -vmargs -Dosgi.requiredJavaVersion=1.8 --add-modules=ALL-SYSTEM -Xms40m -Dosgi.module.lock.timeout=10 -Dorg.eclipse.swt.browser.IEVersion=10001 -Xmx768m -Xverify:none -javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
plugins/org.eclipse.equinox.launcher_1.4.0.v20161219-1356.jar
--launcher.library
plugins/org.eclipse.equinox.launcher.win32.win32.x86_1.1.551.v20171108-1834
org.springsource.sts.ide
--launcher.defaultAction
-Dosgi.requiredJavaVersion=1.8
--add-modules=ALL-SYSTEM
-Dosgi.module.lock.timeout=10
-Dorg.eclipse.swt.browser.IEVersion=10001
-Xverify:none
-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
STSを起動すると、日本語化された状態で表示された。これでSTSの日本語化は完了だ。
SpringBootを使ってみよう
STSのインストールおよび日本語化が済んだところで、実際にSpringBootで簡単なプログラムを作ってみよう。
今回紹介するサンプルは画面遷移を含んだWebシステムだ。入力画面と入力結果を表示する結果表示画面の2画面構成で、入力画面で名前を入力して送信ボタンを押すと、入力した名前を結果表示画面に表示するというシンプルな機能とする。
画面の表示には「Thymeleaf(タイムリーフ)」と呼ばれるテンプレートエンジンを使用する。テンプレートエンジンとはWebシステムでHTMLを表示する際にテンプレート化したHTMLを表示する機能を備えたものだ。SpringBootではこのThymeleafの使用が推奨されているため、SpringBootを習得するにあたってはThymeleafも覚えておいた方がいいだろう。
1.新規Springスタータープロジェクトの作成
STSを起動して、スタータープロジェクトを作成しよう。メニューの「ファイル(F)」→「新規(N)」→「Springスターター・プロジェクト」を選択する。
2.新規Springスタータープロジェクト
名前に「helloSpringBootWeb」と入力し、「次へ(N)>」ボタンをクリックしよう。
3.新規Springスタータープロジェクト依存関係
依存関係の設ダイアログが項目別にツリー表示される。ツリーの「テンプレートエンジン」から「Thymeleaf」を、ツリーの「Web」からは「Web」をそれぞれチェックして「次へ(N)>」ボタンをクリックしよう。
4.新規Springスタータープロジェクト
この画面は特に変更せず、「完了(F)」ボタンをクリックして設定完了だ。
5.プロジェクト作成完了
プロジェクトが作成され、STSのパッケージ・エクスプローラーに「helloSpringBootWeb」が表示された。
6.新規コントローラークラスの作成
プロジェクトを右クリックし、「新規(W)」→「クラス」をクリックしよう。
7.新規コントローラークラスの設定
名前に「HelloSpringBootWebController」と入力し、「完了(F)」ボタンをクリックする。
8.コントローラークラスの編集
package com.example.demo; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.servlet.ModelAndView; @Controller public class HelloSpringBootWebController { @RequestMapping(value="/", method=RequestMethod.GET) public ModelAndView index(ModelAndView mv) { mv.setViewName("index"); return mv; } @RequestMapping(value="/result", method=RequestMethod.POST) public ModelAndView send(@RequestParam("inputvalue")String inputvalue, ModelAndView mv) { mv.setViewName("result"); mv.addObject("message", inputvalue); return mv; } }
package com.example.demo;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;
@Controller
public class HelloSpringBootWebController {
@RequestMapping(value="/", method=RequestMethod.GET)
public ModelAndView index(ModelAndView mv) {
mv.setViewName("index");
@RequestMapping(value="/result", method=RequestMethod.POST)
public ModelAndView send(@RequestParam("inputvalue")String inputvalue, ModelAndView mv) {
mv.setViewName("result");
mv.addObject("message", inputvalue);
コントローラークラスであるHelloSpringBootWebController.javaを開いて上記の通り編集する。
コントローラークラスとは簡単に言うと、リクエストに対してどの画面を表示するかを管理するものだ。このクラスでは最初に表示した名前を入力する画面と、入力結果を表示する画面についての処理を設定している。
9.入力画面テンプレートの追加
実際に表示する画面のテンプレートを作成しよう。パッケージ・エクスプローラーの「src/main/resource」にある「templates」を右クリックし、「新規(W)」→「その他」をクリックする。
作成対象を選択するダイアログが表示される。ツリーにある「Web」から「HTMLファイル」を選択して「次へ(N)>」ボタンをクリックしよう。
11.テンプレートのファイル名を設定
テンプレートのファイル名に「index.html」と入力し、「次へ(N)>」ボタンをクリックしよう。
12.HTMLテンプレートの選択
「新規HTMLファイル(5)」がデフォルトで選択されているので、そのまま「完了(F)>」ボタンをクリックしよう。
13.入力結果画面テンプレートの追加
9~12と同じ方法でさらにもう1つテンプレートを作成する。ファイル名は「result.html」としよう。
14.index.htmlの編集
Hello Page        名前を入力してください
名前を入力してください
入力画面のテンプレートページを作成する。エディタでindex.htmlに上記のコードを記入しよう。
15.result.htmlの編集
Hello Page2      入力した値はこちらです!
Hello Page2
入力した値はこちらです!
入力結果画面のテンプレートページを作成する。エディタでresult.htmlに上記のコードを記入しよう。
16.アプリケーションの実行
パッケージ・エクスプローラーの「helloSpringBootWeb」を右クリックし、「実行(R)」→「SpringBootアプリケーション」をクリックしよう。
実行するとコンソールに実行ログが表示される。
17.ブラウザからアクセス
ブラウザを起動し、URLに「http://localhost:8080」と入力すると、作成したアプリケーションの画面が表示される。
名前を入力して送信ボタンをクリックしてみよう。
18.入力結果画面の表示
入力した内容が結果画面に表示された。プログラムは意図した通りに動作しているのがわかる。
このページではSTSを使って簡単なプロジェクトを作成する方法を紹介した。これを基本として様々なプログラムの構築に挑戦してほしい。
このページの続きや関連ページは下記から一覧で確認できます。
Java入門カテゴリーに戻る
IT講師に興味はありませんか?
・「今までIT講師をやってきたが、更に多くの講義を行いたい」
・「エンジニアとしてやってきたが講師業に魅力を感じている」
・「講師として活躍するためにベースとなる知識を知りたい」
・「様々な分野や言語の講師にチャレンジしてみたい」
という方はぜひIT講師募集のページをご覧ください。
リスキルテクノロジーでは「受講している方々にITを好きになってもらう」ことを目標に、同じ目標に向かって歩んで行ける講師の方を常に探しています。
システム開発やインフラ構築などのエンジニアリング経験を活かし、新入社員などの未経験者や経験の浅い初学者の方々に対してITトレーニングを行っていただくことになります。
テキストやカリキュラムは事前に用意されており、それらを元に講義を進めていくため、IT講師をはじめて実施する方でも安心してトレーニングを実施できます。
IT講師募集のページを見る
SNSでもご購読できます。
Twitterでフォローする
Feedlyでフォローする
リカレントテクノロジー
【ITエンジニア養成スクール & IT研修専門企業のリカレントテクノロジーです。】エンジニアの入り口に立つために役立つようなコンテンツを日々ご提供していきます。講師や代表やスタッフ陣が毎日楽しく書いています。ご質問・ご指摘等はぜひコメントください。
2020年4月13日 12:19 AM
ブラウザを起動し、URLに「http://localhost:8080」入力すると、以下の画面が表示されます。
Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.
Mon Apr 13 00:15:59 GMT+09:00 2020
There was an unexpected error (type=Not Found, status=404).
No message available
リカレントテクノロジー より:
2020年5月11日 8:40 PM
コメントありがとうございます。
コメントいただいたエラーは404エラーと呼ばれ、指定されたURLが存在しませんという内容です。
URLの指定はコントローラクラスの@RequestMappingで行っています。
以下の箇所をご確認下さいませ。
8.コントローラークラスの編集にあるプログラムの10行目の箇所が正しくない可能性があります。
@RequestMapping(value="/", method=RequestMethod.GET)
記述内容が問題ないかをご確認下さいませ。
コメントを残す コメントをキャンセル
メールアドレス(公開はされません。) *
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
ファイルやディレクトリをコピーするcpコマンドの使い方!【Linuxコマンド集】
ファイルなどを検索する!findコマンドの詳細まとめ【Linuxコマンド集】
grepコマンドの詳細まとめました【Linuxコマンド集】
【初心者向け】3分でわかるLinuxでできることまとめ 10選
【Windows編】フリーテキストエディタ13選!初心者にもおすすめ
lsコマンドの使い方と覚えたい15のオプション【Linuxコマンド集】
ファイル・ディレクトリを削除するrmコマンドについて詳しく!【Linuxコマンド集】
【目的別】初心者におすすめのLinuxディストリビューション7選
【初心者必見】コマンドプロンプトの使い方と覚えておきたい便利な機能
【すぐわかる!】Atomエディタのインストールと日本語化、便利な使い方
【2023年度最新】おすすめの新入社員向けC#研修 9選
【初心者向け】Pythonの特徴8選
【1分で読める】プログラミング講師になる7つのメリット
【PHP入門者向け】 PHPの文字列リテラルについて知ろう
【PHP入門者向け】 文字列の中の変数展開についてまとめました
【ざっくり理解する】 IPv6アドレスとは?
【初心者向け】システムエンジニアとは?その種類と役割は?
【Java & Tomcat】HttpServletResponseインターフェイスについて知ろう
【Java & Tomcat】Webアプリケーションの設定(web.xmlの設定)※サンプルプログラム付き
【Java & Tomcat】Webアプリケーションの設定(マッピング)※サンプルプログラム付き
【Java & Tomcat】コンテンツタイプの設定(setContentType)※サンプルプログラム付き
【Java & Tomcat】サーブレットのライフサイクル ※サンプルプログラム付き
【Java & Tomcat】文字出力用のストリームの取得(getWriter)※サンプルプログラム付き
【Java & Tomcat】リダイレクトの設定(sendRedirect)※サンプルプログラム付き
【Java & Tomcat】サーブレットからフォームデータを取得する(サンプルコード付き)
IT研修サービス(リスキルテクノロジー)
短期IT研修サービス(リスキル)
ビジネス研修(リスキル)
プログラミング講師募集
JavaScript入門
プログラミングスクール
© Copyright 2022 エンジニアの入り口. All rights reserved.
未経験からの育成制度も充実
IT講師に興味はありませんか?
リスキルテクノロジーでIT講師の積極募集を開始! 経験・未経験問わずご応募可能。育成制度で講師スキル向上も目指せます