さわぴかのなんでもノート!

学びのアウトプット!なにについて書くかはわかりません!なんでもノートです!

【今日学んだこと】未経験からエンジニアで転職「8週間目その4」

今日やったこと

  • skype朝礼、終礼with Mさん
  • ランチ
  • 面談準備
  • 面談するところで使ってるやつ少し調べる

Salesforce Developers

できなかったこと

  • 同世代祭りシステムのを進める、機能ついか
  • Spring入門の本
  • bootstrapの勉強、見た目
  • javascriptどこに入れるか考える

明日やること

ページネーション作る、20件ずつとか 作りきる

今週やること

  • 勉強しつつ同世代祭りシステムのを進める
  • 表側も出来るだけかく
  • 細かいところ追加したりする

来週やること

めも

同世代祭りシステムのを進める

今日の流れ

javascriptをどこかに入れれないか考える

・bootstrapの勉強しつつ、見た目を綺麗にしていく

・機能も少しできるところから追加する


Javaのこと

  • 管理画面にキーワード検索を追加
  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

追加できたらしたいこと

  • 何で検索したのかと、該当件数も出したいな
  • 問い合わせフォームの送信がミスった時のエラー

SpringMVCでリダイレクト先ページにパラメータを渡す方法 - Qiita

  • これコピーするボタン押した後にポップアップとか出すのにJavaScript使おうかな?
  • 外部キー設定
  • マイグレーションの見直し(なんかおかしくなってたところとか、外部キー設定とか)
  • セキュリティ的なのを見直すCSRFとか
  • インデントの整理
  • スネークケース、キャメルケースぐちゃぐちゃなところもあるので治す
  • エラーページを作る
  • 選択したプルダウンを検索後の画面でも保持しておきたい気持ち
  • 【応募はいません。のif文】
  • 上に戻るぽたんとかもつけたらjavascriptもかけていいかな

該当件数も出しとこうと思ったけど、うまく表示されない

あ、これページャーにも関わりそうだから先にそっちから行こうかな

ページネーション作る、20件ずつとか

mybatis-spring – MyBatis-Spring | Spring Batch

5.11. ページネーション — TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.0.0.RELEASE documentation

取得するデータの数と開始位置を指定(LIMIT句, OFFSET句) | SQLite入門

ごちゃごちゃ書かれてるけど、

SQL

1ページ目が limit 20 offset 0

2ページ目が limit 20 offset 20

limit 20 offset (ページid -1)*20

で、pageのid作ってやったらいいことがわかったので、明日ここからやる

続き

一覧画面のページングについていろいろ考えた - Qiita

またもう一つのところで作ってから移植しようとしてるけど

できないーー

ダイレクトにURL入れたら変わるのはできたから

あとはそれをボタン押したら、ってところと

1ページ目の問題

Spring Boot + Thymeleafでページング機能を実装する - Qiita

うーん、SQLはあってるはずだけどコントローラーで渡せてなさげ

定義できてなかっただけだったけど、出てきた数字が違うなんでーーー

intにしてた、Longにしたらでた

ページ数を出して th:eachで回すのはできたけど

ううーん、URLがうまく動かないーーー

一旦お昼食べるか


なんだろ、URLの部分とaタグの飛ばし先がおかしい

お、ページ動いた

f:id:pikahika:20200324153448p:plain
あ、動いた

と思ったけど中身変わってないや

1ページ目の時、

うーん、2回目以降ボタン押したら /jobs/jobs/page=3

でjobsかぶり事件が ←解決してないけどそれ以外は行けたと思ったら治ったと思ったら治ってないなんだー

あとは今のページを押せない様子にするのと、→のところで今のページ+1にする

あとは検索した時バージョン

あーーー検索の方がグチャるうう

検索動いたかと思ったら、下のページャーの数字が変わっていないw

あーくるくる狂った

1日置こうかな

Spring @RequestParamアノテーション

5.11.2.3.4. ページリンクで検索条件を引き継ぐ

5.11. ページネーション — TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.0.0.RELEASE documentation


上の続き

うーん、変わらない、、、

SpringData Pageable + Thymeleafを使用してページネーションを実装 - Qiita

こういうのもあるみたいだけどどうしよ

一旦別のことしよ


管理画面で検索したら全部の案件が出てきてしまった、バグを発見

useridいれれてなかっただけなのですぐ解決


一覧画面、何文字まで出す、みたいな制限、50文字くらい?

SUBSTRING:文字列から位置を指定して文字列を取り出す

SUBSTRING(description,1,50)

でいけた

50文字以上の場合に...つけたい

CASE WHEN description >= 50 THEN CONCAT(SUBSTRING(description,1,50),'...') ELSE description END as description

でいけたと思ったけどSQL上はあってるけど表示がうまく行ってない

あ、いやいけてないや

lengthだ

CONCAT(SUBSTRING(description,1,50),'...') がダメっぽい、にいれれないもんか

あ、SUBSTRING(description,1,50)じゃなくてSUBSTRING(description,50,1)だ

あと新しい順に並び替えよ

f:id:pikahika:20200326155750p:plain
10文字で...

WHEN length(description) >= 50 THEN CONCAT(SUBSTRING(description,1,50),'...')
        ELSE description
        END as description

問い合わせフォームの送信がミスった時のエラー

th:if="${#fields.hasErrors('fullname')}"

を書き加えるとエラーになる

An error happened during template parsing (template: "class path resource [templates/show.html]") org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/show.html]")

テンプレートのエラー

Caused by: org.attoparser.ParseException: Exception evaluating SpringEL expression: "#fields.hasErrors('fullname')" (template: "show" - line 84, col 10)

org.thymeleaf.exceptions.TemplateProcessingException: Exception evaluating SpringEL expression

あ、

java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name 'application' available as request attribute

うーんなんでだろ


HTML/CSS、bootstrap、デザインのこと

  • 全体の色感どうするか
  • ボタンの枠が変わらない
  • 一覧画面、何文字まで出す、みたいな制限、60文字くらい?
  • 問い合わせのラジオボタン が指マークになってなかった

問い合わせ送信後の画面

あと管理画面の方のみため整頓やってなかった

f:id:pikahika:20200326122521p:plain

管理画面の新規登録後の完了画面もやってないや笑

f:id:pikahika:20200326122349p:plain
とりあえず

bootstrapのmarginとかの設定めも

フォーム~Bootstrap4移行ガイド


property(空白の設定):

m - margin を設定するクラス p - padding を設定するクラス sides(空白の方向):

t(上) - margin-top または padding-top を設定するクラス b(下) - margin-bottom または padding-bottom を設定するクラス l(左) - margin-left または padding-left を設定するクラス r(右) - margin-right または padding-right を設定するクラス x(左右) - -left と -right の両方を設定するクラス y(上下) - -top と -bottom の両方を設定するクラス 「なし」(上下左右) - 要素の4方向すべてに margin または padding を設定するクラス size(空白のサイズ):

0 - margin または padding を 0 に設定するクラス 1 - margin または padding を $spacer * .25(デフォルト)に設定するクラス 2 - margin または padding を $spacer * .5(デフォルト)に設定するクラス 3 - margin または padding を $spacer(デフォルト)に設定するクラス 4 - margin または padding を $spacer * 1.5(デフォルト)に設定するクラス 5 - margin または padding を $spacer * 3(デフォルト)に設定するクラス auto - margin を auto に設定するクラス

($spacerの基準値は1rem=16px。$spacers Sassマップ変数にエントリを追加することで、さらにサイズの追加が可能)

bootstrap4から ラベル部分にカーソルを合わせた際に、指カーソル(=cursor: pointer;)や無効化カーソル(=cursor: not-allowed;)に変化しなくなった らしいので、

問い合わせのラジオボタン が指マークになってなかった

はスルーする

【今日学んだこと】未経験からエンジニアで転職「8週間目その3」

面談とかとかで作業は進んでない

今日やったこと

  • skype朝礼、終礼with Mさん
  • ランチ
  • 面談準備
  • 面談するところで使ってるやつ少し調べる

Salesforce Developers

できなかったこと

  • 同世代祭りシステムのを進める、機能ついか
  • Spring入門の本
  • bootstrapの勉強、見た目
  • javascriptどこに入れるか考える

明日やること

ページネーション作る、20件ずつとか 作りきる

今週やること

  • 勉強しつつ同世代祭りシステムのを進める
  • 表側も出来るだけかく
  • 細かいところ追加したりする

来週やること

めも

同世代祭りシステムのを進める

今日の流れ

javascriptをどこかに入れれないか考える

・bootstrapの勉強しつつ、見た目を綺麗にしていく

・機能も少しできるところから追加する


Javaのこと

  • 管理画面にキーワード検索を追加
  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

追加できたらしたいこと

  • 何で検索したのかと、該当件数も出したいな
  • 問い合わせフォームの送信がミスった時のエラー

SpringMVCでリダイレクト先ページにパラメータを渡す方法 - Qiita

  • これコピーするボタン押した後にポップアップとか出すのにJavaScript使おうかな?
  • 外部キー設定
  • マイグレーションの見直し(なんかおかしくなってたところとか、外部キー設定とか)
  • セキュリティ的なのを見直すCSRFとか
  • インデントの整理
  • スネークケース、キャメルケースぐちゃぐちゃなところもあるので治す
  • エラーページを作る
  • 選択したプルダウンを検索語の画面でも保持しておきたい気持ち
  • 【応募はいません。のif文】
  • 上に戻るぽたんとかもつけたらjavascriptもかけていいかな

該当件数も出しとこうと思ったけど、うまく表示されない

あ、これページャーにも関わりそうだから先にそっちから行こうかな

ページネーション作る、20件ずつとか

mybatis-spring – MyBatis-Spring | Spring Batch

5.11. ページネーション — TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.0.0.RELEASE documentation

取得するデータの数と開始位置を指定(LIMIT句, OFFSET句) | SQLite入門

ごちゃごちゃ書かれてるけど、

SQL

1ページ目が limit 20 offset 0

2ページ目が limit 20 offset 20

limit 20 offset (ページid -1)*20

で、pageのid作ってやったらいいことがわかったので、明日ここからやる

続き

一覧画面のページングについていろいろ考えた - Qiita

またもう一つのところで作ってから移植しようとしてるけど

できないーー

ダイレクトにURL入れたら変わるのはできたから

あとはそれをボタン押したら、ってところと

1ページ目の問題

Spring Boot + Thymeleafでページング機能を実装する - Qiita

うーん、SQLはあってるはずだけどコントローラーで渡せてなさげ

定義できてなかっただけだったけど、出てきた数字が違うなんでーーー

intにしてた、Longにしたらでた

ページ数を出して th:eachで回すのはできたけど

ううーん、URLがうまく動かないーーー

一旦お昼食べるか


なんだろ、URLの部分とaタグの飛ばし先がおかしい

お、ページ動いた

f:id:pikahika:20200324153448p:plain
あ、動いた

と思ったけど中身変わってないや

1ページ目の時、

うーん、2回目以降ボタン押したら /jobs/jobs/page=3

でjobsかぶり事件が ←解決してないけどそれ以外は行けたと思ったら治ったと思ったら治ってないなんだー

あとは今のページを押せない様子にするのと、→のところで今のページ+1にする

あとは検索した時バージョン

あーーー検索の方がグチャるうう

検索動いたかと思ったら、下のページャーの数字が変わっていないw

あーくるくる狂った

1日置こうかな

Spring @RequestParamアノテーション

5.11.2.3.4. ページリンクで検索条件を引き継ぐ

5.11. ページネーション — TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.0.0.RELEASE documentation


続き


HTML/CSS、bootstrap、デザインのこと

  • 全体の色感どうするか
  • ボタンの枠が変わらない
  • 一覧画面、何文字まで出す、みたいな制限
  • 問い合わせのラジオボタン が指マークになってなかった

ページャー用の見た目作ろうか

f:id:pikahika:20200324101314p:plain
なんか真ん中にならない、あとでもっかい戻ってこよ

【今日学んだこと】未経験からエンジニアで転職「8週間目その2」

今日やったこと

  • skype朝礼、終礼with Mさん
  • 同世代祭りシステムのを進める、機能ついか
  • Spring入門の本
  • bootstrapの勉強、見た目
  • javascriptどこに入れるか考える
  • 面談準備

  • 今度面談するところで使ってるやつ少し調べる

Salesforce Developers

できなかったこと

明日やること

ページネーション作る、20件ずつとか 作りきる

今週やること

  • 勉強しつつ同世代祭りシステムのを進める
  • 表側も出来るだけかく
  • 細かいところ追加したりする

来週やること

めも

同世代祭りシステムのを進める

今日の流れ

javascriptをどこかに入れれないか考える

・bootstrapの勉強しつつ、見た目を綺麗にしていく

・機能も少しできるところから追加する


Javaのこと

  • 管理画面にキーワード検索を追加
  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

追加できたらしたいこと

  • 何で検索したのかと、該当件数も出したいな
  • 問い合わせフォームの送信がミスった時のエラー

SpringMVCでリダイレクト先ページにパラメータを渡す方法 - Qiita

  • これコピーするボタン押した後にポップアップとか出すのにJavaScript使おうかな?
  • 外部キー設定
  • マイグレーションの見直し(なんかおかしくなってたところとか、外部キー設定とか)
  • セキュリティ的なのを見直すCSRFとか
  • インデントの整理
  • スネークケース、キャメルケースぐちゃぐちゃなところもあるので治す
  • エラーページを作る
  • 選択したプルダウンを検索語の画面でも保持しておきたい気持ち
  • 【応募はいません。のif文】
  • 上に戻るぽたんとかもつけたらjavascriptもかけていいかな

該当件数も出しとこうと思ったけど、うまく表示されない

あ、これページャーにも関わりそうだから先にそっちから行こうかな

ページネーション作る、20件ずつとか

mybatis-spring – MyBatis-Spring | Spring Batch

5.11. ページネーション — TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.0.0.RELEASE documentation

取得するデータの数と開始位置を指定(LIMIT句, OFFSET句) | SQLite入門

ごちゃごちゃ書かれてるけど、

SQL

1ページ目が limit 20 offset 0

2ページ目が limit 20 offset 20

limit 20 offset (ページid -1)*20

で、pageのid作ってやったらいいことがわかったので、明日ここからやる

続き

一覧画面のページングについていろいろ考えた - Qiita

またもう一つのところで作ってから移植しようとしてるけど

できないーー

ダイレクトにURL入れたら変わるのはできたから

あとはそれをボタン押したら、ってところと

1ページ目の問題

Spring Boot + Thymeleafでページング機能を実装する - Qiita

うーん、SQLはあってるはずだけどコントローラーで渡せてなさげ

定義できてなかっただけだったけど、出てきた数字が違うなんでーーー

intにしてた、Longにしたらでた

ページ数を出して th:eachで回すのはできたけど

ううーん、URLがうまく動かないーーー

一旦お昼食べるか


なんだろ、URLの部分とaタグの飛ばし先がおかしい

お、ページ動いた

f:id:pikahika:20200324153448p:plain
あ、動いた

と思ったけど中身変わってないや

1ページ目の時、

うーん、2回目以降ボタン押したら /jobs/jobs/page=3

でjobsかぶり事件が ←解決してないけどそれ以外は行けたと思ったら治ったと思ったら治ってないなんだー

あとは今のページを押せない様子にするのと、→のところで今のページ+1にする

あとは検索した時バージョン

あーーー検索の方がグチャるうう

検索動いたかと思ったら、下のページャーの数字が変わっていないw

あーくるくる狂った

1日置こうかな

Spring @RequestParamアノテーション

5.11.2.3.4. ページリンクで検索条件を引き継ぐ

5.11. ページネーション — TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.0.0.RELEASE documentation


HTML/CSS、bootstrap、デザインのこと

  • 全体の色感どうするか
  • ボタンの枠が変わらない
  • 一覧画面、何文字まで出す、みたいな制限
  • 問い合わせのラジオボタン が指マークになってなかった

ページャー用の見た目作ろうか

f:id:pikahika:20200324101314p:plain
なんか真ん中にならない、あとでもっかい戻ってこよ

【今日学んだこと】未経験からエンジニアで転職「8週間目その1」

8週間目って、もう2ヶ月なんだー

今日やったこと

  • skype朝礼、終礼with Mさん
  • 同世代祭りシステムのを進める、機能ついか
  • Spring入門の本
  • bootstrapの勉強、見た目
  • javascriptどこに入れるか考える

  • 今度面談するところで使ってるやつ少し調べる

Salesforce Developers

できなかったこと

明日やること

ページネーション作る、20件ずつとか

今週やること

  • 勉強しつつ同世代祭りシステムのを進める
  • 表側も出来るだけかく
  • 細かいところ追加したりする

来週やること

めも

同世代祭りシステムのを進める

今日の流れ

javascriptをどこかに入れれないか考える

・bootstrapの勉強しつつ、見た目を綺麗にしていく

・機能も少しできるところから追加する


Javaのこと

  • 管理画面にキーワード検索を追加
  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

追加できたらしたいこと

  • 何で検索したのかと、該当件数も出したいな
  • 問い合わせフォームの送信がミスった時のエラー
  • これコピーするボタン押した後にポップアップとか出すのにJavaScript使おうかな?
  • 外部キー設定
  • マイグレーションの見直し(なんかおかしくなってたところとか、外部キー設定とか)
  • セキュリティ的なのを見直すCSRFとか
  • インデントの整理
  • スネークケース、キャメルケースぐちゃぐちゃなところもあるので治す
  • エラーページを作る
  • 選択したプルダウンを検索語の画面でも保持しておきたい気持ち
  • 【応募はいません。のif文】
  • 上に戻るぽたんとかもつけたらjavascriptもかけていいかな

インデントの整理

全選択、command + i でとりあえず全部


該当件数も出しとこうと思ったけど、うまく表示されない

あ、これページャーにも関わりそうだから先にそっちから行こうかな

ページネーション作る、20件ずつとか

mybatis-spring – MyBatis-Spring | Spring Batch

5.11. ページネーション — TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.0.0.RELEASE documentation

取得するデータの数と開始位置を指定(LIMIT句, OFFSET句) | SQLite入門

ごちゃごちゃ書かれてるけど、

SQL

1ページ目が limit 20 offset 0

2ページ目が limit 20 offset 20

limit 20 offset (ページid -1)*20

で、pageのid作ってやったらいいことがわかったので、明日ここからやる


HTML/CSS、bootstrap、デザインのこと

  • 全体の色感どうするか
  • ボタンの枠が変わらない
  • 一覧画面、何文字まで出す、みたいな制限
  • 問い合わせのラジオボタン が指マークになってなかった

Bootstrap 4 のボタンのサイズ、色をカスタマイズする方法 | ぺらラボ

グラデーションの色はこれで

Gradient Generator - Colordesigner

bootstrapの marginとかpadding忘れた

【Bootstrap】の基本「マージン」と「パディング」 | 静岡県藤枝市のデザインスタジオ・エフ

f:id:pikahika:20200323111102p:plain
説明文を追加してみた

f:id:pikahika:20200323113611p:plain
丸くしてみた

Bootstrap4 Border(ボーダー)の使い方を徹底解説 | WEBST8

なんとなく枠線太くしてみた

f:id:pikahika:20200323120649p:plain

送信する、のところ変えようか

【忘備録】【CSS】【Bootstrap4】複数のボタンを中央寄せにする - Qiita

f:id:pikahika:20200323141438p:plain
ボタンを真ん中にした

【今日学んだこと】未経験からエンジニアで転職「7週間目その4」

木曜日!

どこかにJSをいれたい心

今日やったこと

  • skype朝礼、終礼with Mさん
  • 同世代祭りシステムのを進める、機能ついか スキルシート
  • Spring入門の本
  • bootstrapの勉強、見た目

できなかったこと

明日やること

今週やること

来週やること

  • 勉強しつつ同世代祭りシステムのを進める
  • 表側も出来るだけかく
  • 細かいところ追加したりする

めも

同世代祭りシステムのを進める

今日の流れ

・ヘッダー、フッターを作る

・bootstrapの勉強しつつ、見た目を綺麗にしていく

・カラーパレットみる、青、緑系で、何パターンか作ろう

・機能も少しできるところから追加する


Javaのこと

  • 管理画面にキーワード検索を追加
  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

追加できたらしたいこと

  • 何で検索したのかと、該当件数も出したいな
  • 問い合わせフォームの送信がミスった時のエラー
  • これコピーするボタン押した後にポップアップとか出すのにJavaScript使おうかな?
  • 外部キー設定
  • マイグレーションの見直し(なんかおかしくなってたところとか、外部キー設定とか)
  • セキュリティ的なのを見直すCSRFとか
  • インデントの整理
  • スネークケース、キャメルケースぐちゃぐちゃなところもあるので治す
  • エラーページを作る
  • 選択したプルダウンを検索語の画面でも保持しておきたい気持ち
  • 【応募はいません。のif文】
  • 上に戻るぽたんとかもつけたらjavascriptもかけていいかな

改行ができない

あと気づいた、updatedatが動いてない

Thymeleafを使用した入力フォームのサンプルコード - Qiita

入力フォーム側は改行された、表示だなぁ

f:id:pikahika:20200319153453p:plain

Textareaで保存したテキストの改行を表示させる方法(\n \r とは?)

だめ

th:utext=

も動かない

Thymeleafで改行コードをhtmlの改行タグに変換して出力する - Qiita

これかなk

f:id:pikahika:20200319155809p:plain
改行はされたけど崩れた

f:id:pikahika:20200319160245p:plain
div の場所変えたらいけたー

よし、どっち側も修正しよう


テンプレートのレイアウト化する

フラグメントって機能らしい

Thymeleafでth:include, th:replace, th:insert, th:fragmentの組み合わせ別使用法 - Qiita

Tutorial: Using Thymeleaf (ja)

お。できたできた

これでフッターへっだー変えたい時もう全部のところ行って帰る必要がなくなった、便利

HTML/CSS、bootstrap、デザインのこと

検索ボタンを横にしたいな

f:id:pikahika:20200319101950p:plain
横並びにした

色味

f:id:pikahika:20200319105813p:plain
このあたりかなぁ?https://saruwakakun.com/design/gallery/paletteより

Bootstrapのナビゲーションバー(navbar)の背景色を好きな色にする方法とは? - Qiita

f:id:pikahika:20200319110542p:plain

色変わらないーーー

.text-body が邪魔してた

Gradient Generator - Colordesigner

このツールも面白い

f:id:pikahika:20200319113930p:plain
うーん

・ヘッダー、フッターを作る

f:id:pikahika:20200319170424p:plain

タグをオレンジにしてみた

f:id:pikahika:20200319170655p:plain
圧迫感がすごいw

f:id:pikahika:20200319170819p:plain
まだこっちの方が優しい

f:id:pikahika:20200319170959p:plain
灰色はそれはそれでいい気がしてしまっている、見慣れてるだけか

bootstrapのボタンをカスタマイズする方法 - Qiita

Bootstrap 4 のボタンのサイズ、色をカスタマイズする方法 | ぺらラボ

ボタンの色も変えようとしたけど

f:id:pikahika:20200319172805p:plain
なんか枠線?が消えない

来週Eさんにきこ

・全体の色感どうするか ・ボタンの枠が変わらない ・一覧画面、何文字まで出す、みたいな制限

配色パターン見本40選:ベストな色の組み合わせ確認ツール

このサイトの「元気ーパターンの3つ目」

【今日学んだこと】未経験からエンジニアで転職「7週間目その3」

水曜日!

久々の外出あり

今日やったこと

  • skype朝礼、終礼with Mさん、Eさん
  • Hさんヒアリング本橋さん同行
  • 同世代祭りシステムのを進める、機能ついか
  • Spring入門の本
  • bootstrapの勉強、見た目

できなかったこと

明日やること

  • skype朝礼、終礼with MさんEさん
  • 同世代祭りシステムのを進める

  • 管理画面にキーワード検索を追加

  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

  • 見た目を整える

見た目 * ヘッダー作る * フッター作る * 上記二つができたら、テンプレートのレイアウト化する * 検索窓を増やす * その他見た目、できる範囲で、、、

今週やること

  • 勉強しつつ同世代祭りシステムのを進める
  • 表側も出来るだけかく

来週やること

めも

同世代祭りシステムのを進める

今日の流れ

コピー機能を作る

・bootstrapの勉強しつつ、見た目を綺麗にしていく

・カラーパレットみる、緑系で、何パターンか作ろう 改行ができないな?


Javaのこと

先にこっちしよう

  • 管理画面にキーワード検索を追加
  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

追加できたらしたいこと

  • 何で検索したのかと、該当件数も出したいな
  • 問い合わせフォームの送信がミスった時のエラー
  • これコピーするボタン押した後にポップアップとか出すのにJavaScript使おうかな?
  • 外部キー設定
  • マイグレーションの見直し(なんかおかしくなってたところとか、外部キー設定とか)
  • セキュリティ的なのを見直すCSRFとか
  • インデントの整理
  • スネークケース、キャメルケースぐちゃぐちゃなところもあるので治す
  • エラーページを作る
  • 選択したプルダウンを検索語の画面でも保持しておきたい気持ち
  • 【応募はいません。のif文】
  • 上に戻るぽたんとかもつけたらjavascriptもかけていいかな

【「案件リスト」にて案件作成時、選択してコピーできるようにする】

また先に別の場所でやってからでいたら移植しよう

【SQL】INSERT-SELECTの使い方:サンプル多数あり | SE日記

このセレクトインサート使うか、愚直にインサート文で入れるか

MyBatisが便利だなと感じたので書いてみた - Qiita

SELECT文で取り出したデータを加工して表示する:Webブラウザで気軽に学ぶ実践SQL講座(5) - @IT

MySQLで使える文字列結合方法 | サービス | プロエンジニア

これでタイトルの後ろに「コピー」つけて、select insert文で入れ込もう。


午後、とりあえずやってみよう

できたできた。 移植しよう

できた。 これコピーするボタン押した後にポップアップとか出すのにJavaScript使おうかな?

もどってやりたいこと、見直して追加していこうかな

したらだいぶ増えたー

けど今日の残りは見た目側にしよう

HTML/CSS、bootstrap、デザインのこと

form-group

フォーム~Bootstrap4移行ガイド

f:id:pikahika:20200318160853p:plain
もう少し変えちゃったけど、before

custom-control-inline

あら、今気づいたけど、改行ができないな?

f:id:pikahika:20200318171436p:plain
あんまり変化がわからないw

f:id:pikahika:20200318173119p:plain
真ん中になったけど、枠線がなんか変、上の部分に枠線がついてない

戻ってやりたいこと

外部キー設定 →追加しよう

マイグレーションはあったけどシーダーはないのかな、調べる →マイグレーション自体もなんかおかしくなってたから見直そう

セキュリティ的なの何も気にしてないCSRFあたりってどうするんだろ →Spring Securityでやってくれてる、、?みたいに書かれてたけど不安なので見直そう

インデントの整理 →ぐちゃぐちゃなところもあるからとりあえず直せるところからやっとこう

Spring Boot でログイン画面 + 一覧画面 + 登録画面の Webアプリケーションを作る ( その10 )( ログイン画面作成3 ) - かんがるーさんの日記

あとで見る

Spring Bootで使われる基本的なアノーテーションと設定の仕組み (1/3):CodeZine(コードジン)

スネークケース、キャメルケースあたり質問しよ done

カテゴリのinsert done

joinの仕方 done

カテゴリのプルダウンをDBから done

あとなぜかログインのところがデフォルトの?が最初に表示されちゃう。多分どっかがうまく切り替わってない done

エラーページを作る →やろう

うーん、複数条件検索ってどうするんだろ、自由記述の検索窓どうしよう →やった

inにするために、先にチェックされたカテゴリのidをカンマ区切りにしてから入れ込むとか、、、???done

とりあえずフリーワードの検索orカテゴリ1つバージョンにするか done

公開されてない案件 jobs/2 とかにされた時のエラー画面 →やろう

テンプレートのレイアウトか →追加ずみ

手前の詳細部分にはjob_id入ってるんだけどnull?か何かで0でDBに入っちゃう

コードが全体的に汚い、綺麗にしたい →リファクタリングしよう

選択したプルダウンを検索語の画面でも保持しておきたい気持ち →謎のところ、やりたい

管理画面の並び順の変更 done

コントローラ、増やしたほうがいいのかなーと思いながらjobに集約してしまっている感 →一通り綺麗にできたらコードレビュー誰かにしてもらいたい

カテゴリの編集が、全部営業スタートになっちゃってる →変えたいやつ’

ユーザー側のエラー →追加ずみ

【応募はいません。のif文】 →追加

マイグレーションが変 けど結局hiddenで送ってしまった

【jobs/2とかにした時のエラー画面を作りたい(is_enabled=1以外の時の処理)】 →追加ずみ

テンプレートの共通化 →追加ずみ

管理画面のURL →追加ずみ

ページャー 20件ずつとかかな →追加ずみ

上に戻るぽたんとかもつけたらjavascriptもかけていいかな →追加してみるか

検索したら何件ありました、みたいなやつ? →追加ずみ

リファクタリング →追加ずみ

【今日学んだこと】未経験からエンジニアで転職「7週間目その2」

火曜日!

やっぱPHPとかJavaとか触ってるほうが楽しいかも、、って思ってしまった今日

今日やったこと

  • skype朝礼、終礼with Mさん、Eさん
  • 同世代祭りシステムのを進める、機能ついか
  • Spring入門の本
  • bootstrapの勉強、見た目

できなかったこと

明日やること

  • skype朝礼、終礼with MさんEさん
  • 同世代祭りシステムのを進める

  • 管理画面にキーワード検索を追加

  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

  • 見た目を整える

見た目 * ヘッダー作る * フッター作る * 上記二つができたら、テンプレートのレイアウト化する * 検索窓を増やす * その他見た目、できる範囲で、、、

今週やること

  • 勉強しつつ同世代祭りシステムのを進める
  • 表側も出来るだけかく

来週やること

めも

同世代祭りシステムのを進める

今日の流れ

・キーワード検索の追加

・bootstrapの勉強しつつ、見た目を綺麗にしていく

・カラーパレットみる


HTML/CSS、bootstrap、デザインのこと

CSSで中央寄せする9つの方法(縦・横にセンタリング)

f:id:pikahika:20200317101323p:plain
とりあえず真ん中にできた

【2020年版】もう配色デザインには迷わない!すごい無料カラーパレットツール59個まとめ - PhotoshopVIP

配色パターン見本40選:ベストな色の組み合わせ確認ツール

プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】 - PhotoshopVIP

管理画面側もとりあえずHTMLくらいは綺麗にしよう

Bootstrapのレスポンシブなテーブルの列の幅を動的に変える - Qiita

文字数多いとはみ出る

【複数行にも対応】長過ぎる文字列を省略して末尾を三点リーダー(…)にする方法いろいろ – PSYENCE:MEDIA

うーん、てか管理画面をレスポンスにしなくてもいいのか、、、?

Javaのこと

先にこっちしよう

  • 管理画面にキーワード検索を追加
  • 案件を表示する一般公開側にもキーワード検索を追加する
  • 「案件リスト」にて案件作成時、選択してコピーできるようにする
  • 管理画面の方のURL、adminを入れて変える
  • ページネーション作る、20件ずつとか

追加 何で検索したのかと、該当件数も出したいな


【案件を表示する一般公開側にもキーワード検索を追加する】

また別プロジェクトでやってみてできたら移植しよう

先に、カテゴリの選択がない場合をする

検索SQLで、検索欄が空欄のとき、全検索にする - Qiita

コントローラーで選択なしの時は戻る、にした

パターンとしては

カテゴリが記入あり&&キーワード記入あり →両方検索された物を表示

カテゴリが記入なし&&キーワード記入あり →キーワード検索のみ

カテゴリが記入なし&&キーワード記入なし →全件表示

カテゴリが記入あり&&キーワード記入なし →カテゴリ検索のみ

カテゴリがあってキーワードがないバージョンはできるんだけど

どうするのがスマートだろう

LIKEの使い方だったっぽい

※シングルクォーテーションで囲む場合は$、イコールの場合は#を使用します。

Spring MyBatisのSQLでLIKEを使用する方法Javaマスターへの道 | Javaマスターへの道

nested exception is org.apache.ibatis.reflection.ReflectionException: There is no getter for property named 'keyword' in 'class java.lang.String' org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.reflection.ReflectionException: There is no getter for property named 'keyword' in 'class java.lang.String'

keywordないっていうから書いたんだけど、変わらないなー

あ、あとカテゴリないバージョンできたらいけるなこれ

keywordがうまく反映されないー

mybatisでstring型を動的パラメータ(${ })で渡そうとしたらエラー MyBatisSystemException | ヰ刀のおもちゃ箱

状況的にはこれと似てるんだけど、もう片方のはkeywordそのままでもいけてるんよなぁ

 

【MyBatis】MyBatis@Springで動的なSQLを発行する際に発生したエラー対応 - SEワンタンの独学備忘録

List searchKeyword( String keyword);

List searchKeyword(@Param("keyword") String keyword);

にしたらできたー

移植しよう

すんなりできた

何で検索したのかと、該当件数も出したいな

【ページネーション作る、20件ずつとか】

Spring Boot + Thymeleafでページング機能を実装する - Qiita

https://www.beeete2.com/blog/?p=632

Spring BootのWEBの一覧画面上でページング処理を実装してみた(ソースコード編) | ITエンジニアとして経験・学習したこと

普通の Spring Boot 2.0 Web Applicatrion 〜 Bootstrap と Thymeleaf でページネーション 〜 - A Memorandum

うーん、わからぬなぁ

先にこっちしよ

【管理画面の方のURL、adminを入れて変える】

と思ったけど、サービス名決まってから一緒に変えよ

戻ってやりたいこと

外部キー設定

マイグレーションはあったけどシーダーはないのかな、調べる

セキュリティ的なの何も気にしてないCSRFあたりってどうするんだろ

インデントの整理

Spring Boot でログイン画面 + 一覧画面 + 登録画面の Webアプリケーションを作る ( その10 )( ログイン画面作成3 ) - かんがるーさんの日記

あとで見る

Spring Bootで使われる基本的なアノーテーションと設定の仕組み (1/3):CodeZine(コードジン)

スネークケース、キャメルケースあたり質問しよ

カテゴリのinsert

joinの仕方 done

カテゴリのプルダウンをDBから done

あとなぜかログインのところがデフォルトの?が最初に表示されちゃう。多分どっかがうまく切り替わってない

エラーページを作る

うーん、複数条件検索ってどうするんだろ、自由記述の検索窓どうしよう

inにするために、先にチェックされたカテゴリのidをカンマ区切りにしてから入れ込むとか、、、?

とりあえずフリーワードの検索orカテゴリ1つバージョンにするか

公開されてない案件 jobs/2 とかにされた時のエラー画面

テンプレートのレイアウトか

手前の詳細部分にはjob_id入ってるんだけどnull?か何かで0でDBに入っちゃう

コードが全体的に汚い、綺麗にしたい

選択したプルダウンを検索語の画面でも保持しておきたい気持ち

管理画面の並び順の変更

コントローラ、増やしたほうがいいのかなーと思いながらjobに集約してしまっている感

カテゴリの編集が、全部営業スタートになっちゃってる

ユーザー側のエラー

【応募はいません。のif文】

マイグレーションが変 けど結局hiddenで送ってしまった

【jobs/2とかにした時のエラー画面を作りたい(is_enabled=1以外の時の処理)】

テンプレートの共通化

管理画面のURL

ページャー 20件ずつとかかな

上に戻るぽたんとかもつけたらjavascriptもかけていいかな

検索したら何件ありました、みたいなやつ?