SlideShare a Scribd company logo
1 of 65
Download to read offline
と
なんだかよくわからないので色々試してみたら
よくわからなかった
自己紹介
➢ 名前:大畔 祐輝
➢ 職業:たぶんシステムエンジニア
• での アプリケーション開発
• 年ほど前まではネットワーク環境構築してました
• 今はフリーで、なんにもできないけどなんでもやるエンジニアに
➢ 歴: 年ぐらい
➢ 関ジャバ初登壇!
自己紹介
➢ 名前:大畔 祐輝
➢ 職業:たぶんシステムエンジニア システムエンジニアになりたい人
• での アプリケーション開発
• 年ほど前まではネットワーク環境構築してました
• 今はフリーで、なんにもできないけどなんでもやる断れないエン
ジニアに
➢ 歴: 年ぐらい ヶ月
➢ 関ジャバ初登壇!
何を話すのか
に慣れていない私が と で
アプリケーションを作ろうとした時、
何をどうしたら良いかわからなかったので、色々試して動いたり動かなかったりわかった気になったり
ならなかったり迷ったり迷わなかったりそもそも も も も アプリケーションも慣れ
てなかったり。ラジバンダリ。
ペーペーの僕が一体何を話したら良いのか、毎日考えすぎて頭痛いし、仕事終わった後にスライド作る
の大変だしなんであの時返事したんだろとか早くゼルダの伝説やりたいなーとか ってすご
いよね。あの据え置き機がいきなり携帯ゲーム機に変わるあの感じ。デンモクみたいに飾っておける感
じも素敵。あ、この後のセッション楽しみだなー。早く他の人のセッション聞きたい。聞きたい。
まあ、なんやかんやすごい貴重な体験させて頂いております。すごく嬉しいです。いつも声かけていた
だいて実はすごく嬉しいです。ありがとうございます。
じゃあ始めます。
目次
➢ と についての理解度
➢ と でシンプルな画面を作りたい
▪ リクエストマッピングはどう実装する
▪ セレクトボックスはどう実装する
▪ ラジオボタンはどう実装する
▪ チェックボックスはどう実装する
▪ 明細のチェックボックスはどう実装する
➢ 雑感
と って
に関しての知識
➢ 徹底入門を 周しました。
と って
に関しての知識
➢ ここ読みました
どんな画面を
作りたいのか
こんな画面
ここにアクセスした時に画面を
表示したい
リクエストマッピング
リクエストマッピング
どれ使えばいいの・・・
を使う時は を指定しない場合、全てのメソ
ッドを受け付けてしまうから を指定しないのは避けた方が良
さそう。
とはいえ で を指定するなら
から用意されてる を使った方が良さそう。
セレクトボックス
セレクトボックス
で作ってみる
セレクトボックス
セレクトボックス
もしくはこう・・・?
セレクトボックス
と はどっちを使うべき・・・?
今回のセレクトボックスのようなものは で良いのだろ
うか。
をうまく設計すればメソッドごとに はそ
こまで必要ないのだろうか。わからない、迷う。
セレクトボックス
セレクトボックス
先頭に空白が欲しい
セレクトボックス
2パターン考えました。
1. 空白の タグをつけちゃう
2. でなんとかする
セレクトボックス
でなんとかする
セレクトボックス
空白の タグをつけちゃう
セレクトボックス
でなんとかした場合の
セレクトボックス
セレクトボックスで検索
セレクトボックスで検索
1. タグで先頭の空白を追加した場合
2. で先頭の空白を追加した場合
タグで先頭の空白を追加した場合
検索
タグで先頭の空白を追加した場合
でパラメーターを受け取り検索処理を行う。
タグで先頭の空白を追加した場合
・・・
・・・
タグで先頭の空白を追加した場合
・・・
を に格納しておく
タグで先頭の空白を追加した場合
検索した値が初期
で表示される
画面初期表示時には空白
が だから
でも か
で先頭の空白を追加した場合
検索
で先頭の空白を追加した場合
・・・
・・・
じゃないよ
で先頭の空白を追加した場合
検索した値が初期
で表示される
画面初期表示時には空白
の が だから
セレクトボックスはどうするのが良いのか
➢ タグでどうにかする
なんか タグを強引に追加するのは不自然な気がする
が気になる
➢ でなんとかする
タグよりこっちのがまだ良い気がする
➢ 他の方法
わからない。もう少し模索したい気がする
こんな画面
ここできた
ラジオボタン
次ここ
ラジオボタン
新品 中古
これも で
ラジオボタン
・・・
ラジオボタン
ラジオボタン
表示できた
ラジオボタンで検索
・・・
・・・
ラジオボタンで検索
ラジオボタンで検索
検索した値が初期で
チェックされる
の値が なので
初期表示時には選択されない。
選択されてて欲しいし、どちらかでし
か検索できないのは不便
じゃあなぜラジオボタンなのか
ラジオボタンで検索
新品
・・・
・・・
こんな画面
ここまでできた
チェックボックス
次ここ
チェックボックス
アクション シューティング アドベンチャー
パズル スポーツ レース 音楽 ハイスピード推理アクション
シミュレーション
チェックボックス
・・・
チェックボックス
チェックボックス
表示できた
チェックボックスで検索
新品
・・・
・・・
チェックボックスで検索
こんな画面
ここまでできた
明細のチェックボックス
次ここ
明細のチェックボックス
・・・
明細のチェックボックス
さっきまでと同じように実装
明細のチェックボックス
・・・
明細のチェックボックス
こっちでもいけるな
明細のチェックボックス
➢ を使う
パラメーター つの場合は にしなくても良い?
➢ を使う
パラメーターが つの場合はこいつを使いたくなる。
クラスの設計次第かもしれないけど、
もしこういう時に使わない場合はいつ使うんだろうか。
のパラメーターの時だけ?
どっち?
完成
雑感
と を触ってみて
➢ 手段が多いのでどこでどのやり方を選択するか迷う。
➢ を綺麗に書きたいけどいつもごちゃごちゃしちゃう
➢ と どっち使うべきかいつも迷う
➢ そもそも の単位がおかしいのか。そこで処理しちゃいけ
ないリクエストを処理してしまってる?
➢ メソッドの引数がすごく長くなる時あるけど、もっと良い書き方
あるんだろうなってやっぱり迷う
結果
なんか迷う。
と仲良くなるには
➢ 最初は決まりきったやり方で最小限の機能でシンプルな画面を作
るとちょっと慣れそう
➢ 徹底入門を読む。ボロボロになるまで読む
➢ この後のセッションを聞く

More Related Content

Similar to SpringMVCとthymeleafがよくわからん

WEB業界でほしい人材とは? そしてWEB業界の実際
WEB業界でほしい人材とは? そしてWEB業界の実際WEB業界でほしい人材とは? そしてWEB業界の実際
WEB業界でほしい人材とは? そしてWEB業界の実際Hiroyuki Yamaoka
 
20160423【qpstudy201604】グループディスカッション
20160423【qpstudy201604】グループディスカッション20160423【qpstudy201604】グループディスカッション
20160423【qpstudy201604】グループディスカッションYukitaka Ohmura
 
シリコンバレー 面接体験
シリコンバレー 面接体験シリコンバレー 面接体験
シリコンバレー 面接体験paiza
 
エンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けることエンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けること晋 奥山
 
女性エンジニアの1週間
女性エンジニアの1週間女性エンジニアの1週間
女性エンジニアの1週間x1 ichi
 
endeworksでのWebAppの作り方
endeworksでのWebAppの作り方endeworksでのWebAppの作り方
endeworksでのWebAppの作り方33rpm
 
Pythonで始める競技プログラミング
Pythonで始める競技プログラミングPythonで始める競技プログラミング
Pythonで始める競技プログラミングshunki fujiwara
 
コードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみた
コードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみたコードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみた
コードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみたShintaro Ito
 
Rakus MeetUp 正攻法はあるのか!?泥臭く戦ったNode.jsバージョンアップ一部始終
Rakus MeetUp 正攻法はあるのか!?泥臭く戦ったNode.jsバージョンアップ一部始終Rakus MeetUp 正攻法はあるのか!?泥臭く戦ったNode.jsバージョンアップ一部始終
Rakus MeetUp 正攻法はあるのか!?泥臭く戦ったNode.jsバージョンアップ一部始終masatonishihara
 
英語コーダー大阪 ー 初めての英語コーダー教室
英語コーダー大阪 ー 初めての英語コーダー教室英語コーダー大阪 ー 初めての英語コーダー教室
英語コーダー大阪 ー 初めての英語コーダー教室Martin Heidegger
 
Redmineプラグイン導入・開発入門
Redmineプラグイン導入・開発入門Redmineプラグイン導入・開発入門
Redmineプラグイン導入・開発入門Minoru Maeda
 
今さら聞けないアプリビジネスのいろは 企画申請収益化分析運用編 by excite
今さら聞けないアプリビジネスのいろは 企画申請収益化分析運用編 by excite今さら聞けないアプリビジネスのいろは 企画申請収益化分析運用編 by excite
今さら聞けないアプリビジネスのいろは 企画申請収益化分析運用編 by excitetrendism
 
女ゴコロを形にする!現役女性ディレクターが語る女子にウケるサービス作りとは?
女ゴコロを形にする!現役女性ディレクターが語る女子にウケるサービス作りとは?女ゴコロを形にする!現役女性ディレクターが語る女子にウケるサービス作りとは?
女ゴコロを形にする!現役女性ディレクターが語る女子にウケるサービス作りとは?Yuka Masaki
 
プログラミングはじめの一歩 先生:関根 元和
プログラミングはじめの一歩 先生:関根 元和プログラミングはじめの一歩 先生:関根 元和
プログラミングはじめの一歩 先生:関根 元和schoowebcampus
 
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>Daisuke Maki
 
高卒でIT企業に就職してみて
高卒でIT企業に就職してみて高卒でIT企業に就職してみて
高卒でIT企業に就職してみてtomomi yuzuriha
 
とりあえず機械学習をやってみた
とりあえず機械学習をやってみたとりあえず機械学習をやってみた
とりあえず機械学習をやってみたsuzuki333333333
 

Similar to SpringMVCとthymeleafがよくわからん (20)

WEB業界でほしい人材とは? そしてWEB業界の実際
WEB業界でほしい人材とは? そしてWEB業界の実際WEB業界でほしい人材とは? そしてWEB業界の実際
WEB業界でほしい人材とは? そしてWEB業界の実際
 
20160423【qpstudy201604】グループディスカッション
20160423【qpstudy201604】グループディスカッション20160423【qpstudy201604】グループディスカッション
20160423【qpstudy201604】グループディスカッション
 
シリコンバレー 面接体験
シリコンバレー 面接体験シリコンバレー 面接体験
シリコンバレー 面接体験
 
エンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けることエンジニアが起業するとき気を付けること
エンジニアが起業するとき気を付けること
 
女性エンジニアの1週間
女性エンジニアの1週間女性エンジニアの1週間
女性エンジニアの1週間
 
endeworksでのWebAppの作り方
endeworksでのWebAppの作り方endeworksでのWebAppの作り方
endeworksでのWebAppの作り方
 
Pythonで始める競技プログラミング
Pythonで始める競技プログラミングPythonで始める競技プログラミング
Pythonで始める競技プログラミング
 
コードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみた
コードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみたコードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみた
コードが書けない人が凶悪ノベルゲーム「ヤンデレ小杉」を作ってみた
 
クソアプリ作った
クソアプリ作ったクソアプリ作った
クソアプリ作った
 
Nursecall
NursecallNursecall
Nursecall
 
Rakus MeetUp 正攻法はあるのか!?泥臭く戦ったNode.jsバージョンアップ一部始終
Rakus MeetUp 正攻法はあるのか!?泥臭く戦ったNode.jsバージョンアップ一部始終Rakus MeetUp 正攻法はあるのか!?泥臭く戦ったNode.jsバージョンアップ一部始終
Rakus MeetUp 正攻法はあるのか!?泥臭く戦ったNode.jsバージョンアップ一部始終
 
英語コーダー大阪 ー 初めての英語コーダー教室
英語コーダー大阪 ー 初めての英語コーダー教室英語コーダー大阪 ー 初めての英語コーダー教室
英語コーダー大阪 ー 初めての英語コーダー教室
 
Redmineプラグイン導入・開発入門
Redmineプラグイン導入・開発入門Redmineプラグイン導入・開発入門
Redmineプラグイン導入・開発入門
 
今さら聞けないアプリビジネスのいろは 企画申請収益化分析運用編 by excite
今さら聞けないアプリビジネスのいろは 企画申請収益化分析運用編 by excite今さら聞けないアプリビジネスのいろは 企画申請収益化分析運用編 by excite
今さら聞けないアプリビジネスのいろは 企画申請収益化分析運用編 by excite
 
女ゴコロを形にする!現役女性ディレクターが語る女子にウケるサービス作りとは?
女ゴコロを形にする!現役女性ディレクターが語る女子にウケるサービス作りとは?女ゴコロを形にする!現役女性ディレクターが語る女子にウケるサービス作りとは?
女ゴコロを形にする!現役女性ディレクターが語る女子にウケるサービス作りとは?
 
プログラミングはじめの一歩 先生:関根 元和
プログラミングはじめの一歩 先生:関根 元和プログラミングはじめの一歩 先生:関根 元和
プログラミングはじめの一歩 先生:関根 元和
 
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
 
UIUXとは
UIUXとはUIUXとは
UIUXとは
 
高卒でIT企業に就職してみて
高卒でIT企業に就職してみて高卒でIT企業に就職してみて
高卒でIT企業に就職してみて
 
とりあえず機械学習をやってみた
とりあえず機械学習をやってみたとりあえず機械学習をやってみた
とりあえず機械学習をやってみた
 

SpringMVCとthymeleafがよくわからん