画面をグリッドシステム！でイジる(失敗)

今日から再開

8/12～18まで帰省、19、20は帰りが遅くなったため、久しぶりの勉強。
Spring入門は今週で終わらせて、来週から(できれば今週末から)Vue.jsの勉強に取り掛かりたい。
明日、明後日は帰社するからな～時間がもったいない。

不細工な画面を直す

前回、教本の通りに実装したのにも関わらず、
どうしようもない画面ができてしまったので、まずはこれを直す。
↓これが理想形

・・・ Bootstrapのグリッドシステムなるグリッドマン関連の用語のようなものを使い、画面を12分割した単位でテーブルの列幅を指定できるはずだが・・・。

                <tr>
                    <th class="col-sm-2">ユーザID</th>
                    <td class="col-sm-3">
                        <div class="form-group">
                            <input type="text" class="form-control" />
                        </div>
                    </td>
                </tr>

なぜこれでできない！？

こうすると

                <tr>
                    <th class="">ユーザID</th>
                    <td class="col-sm-3">
                        <div class="form-group">
                            <input type="text" class="form-control" />
                        </div>
                    </td>
                </tr>

こうなる。意味がわかんねぇ・・・

結局、小一時間いろいろ試しても、グリッドシステム！での指定で項目名(th)と入力欄(td)の割合を指定することはできず。
ここで悩んでもしょうがないので・・・

                <tr>
                    <th width="30%">ユーザID</th>
                    <td width="70%">
                        <div class="form-group">
                            <input type="text" class="form-control" />
                        </div>
                    </td>
                </tr>

もうこれで進めることにする。

また時間を無駄に使ってしまった。。
やばい、Springの学習が何一つ進んでいない。明日は定時後に帰社なので帰りが遅くなるけど、なんとかバリデーションの実装に着手したい。
今日は終わり。うまくいかないことばかりだと、やる気が無くなるわ・・・

さらば化物語

化物語、打ち納め。
最後に出せて良かった。


・・・ちなみにこのあと、

モンキーターン2で840、まどマギ2で893と、天井付近までハマって出玉を減らしてしまったのは、しゃーなし。
8/10
15kプラス