まじごみ日記

パチスロ・アニメ・特撮好きの日記です。最近の趣味は筋トレ。

近況と負ける気しないモード転落

近況

9月から新しい現場に入って早一週間。
通勤時間が長くなったこと、緊張感のある現場、歓迎会に帰社、パチスロで負けまくってムキになったりなど、いろいろ重なって一週間学習と筋トレをできていなかった。
(モンハンアイスボーンも買ったけど、ゲームする元気も出ず。)

日記にも残したいことも色々あったけど、中々PCを立ち上げる気が起きず。
今日も22時過ぎまでPCを立ち上げられなかったけど、そろそろやる気を出していこうと思う。
今日はもう無理なので、明日から少しずつ進めていきたい。

今後の学習予定

直近は、現場作業に直結する以下のような内容を学習していく予定。

  • leaflet(vue2leaflet)について
    • geojsonの構成や使い方など
  • vuexについて
    • storeの使い方など
  • scss
  • yarn

など。

さらば、負ける気しないモード

f:id:majigomi:20190909231635j:plain f:id:majigomi:20190909231649j:plain 8/31 これがピーク。


この後は・・・


9/6

f:id:majigomi:20190909231747j:plain
番長3で大ハマリ


9/7
f:id:majigomi:20190909231816j:plain
新台のTIGER&BUNNYで80%継続を活かせず・・・
f:id:majigomi:20190909231918j:plain
単発


9/8
f:id:majigomi:20190909231958j:plain
サラ番、中段チェリーからの青頂ラッシュ、さらに・・・
f:id:majigomi:20190909232206j:plain
絶頂ラッシュに入るも、しょぼいゲーム数・・・
f:id:majigomi:20190909232252j:plain
それでも青頂で270ゲームもあればもうひと山起こせると期待するも・・・
f:id:majigomi:20190909232350j:plain
ボーナスも引けずに駆け抜け。
f:id:majigomi:20190909232441j:plain
Aタイプ偽物語で900ゲーム越えてバケ。
その後得意のエウレカAOではQACは毎回1ゲーム終了で、追加で2万使ってフィニッシュ。
地味にAタイプ偽物語で900ゲームハマったのが一番辛かった。。
ついに、リアル天国モードからリアルモードAに転落してしまった。 持ち金もほとんどなくなってしまったので(借金返済や500円玉貯金、豪遊などしたため)、しばらく打ちに行くのは控えよう。

もはやクソ記事すら書く余裕が無い

教本とブログは相性が悪い

教本に従って学習を進めていると、どうにもブログに何を書くか悩ましくなる。
ポイントを整理しようにも、教本の各章にポイントも書いてあるし。
(それでも、自分の言葉に置き換えて書くだけでも、理解を深める意味はあると思うけど。)
もともと、記事としてのクオリティは考えずに書いていたが、それすらも厳しくなってきた。 今日は学習したことのキーワードだけ記載して終わりにする。

ちなみに今日は定時後帰社だったので、教本の内容以外にも、移動時間でいろいろ調べて浅~い知識をつけた。(むしろその時間のほうが多かった)

学習したことのキーワード

移動中に調べたCSS関係の内容については、時間ができたら実際に動かして、自分なりに要点を整理してブログでまとめたいところ。
果たして、余裕ができるのはいつか・・・。

無敵の帰省最終日

8/17 帰省最終日。
予定も無かったので実家でゆっくり過ごそうと思っていたが、親が職場の飲み会で一人になってしまったので、散歩がてら地元のマイホに打ちにいくことに。
帰省中、トータル78kプラスとなっていたので、30kくらいは失ってもいいやという気持ちで、無根拠で鉄拳3に着席。

・・・25k使って500枚ほどの出玉を得て、Re:ゼロに移動。このとき初打ち。

写真は無いけどこれが白鯨攻略戦2連続突破で、1500枚ほど出た。
一旦流してから、次に仮面ライダーBLACKを打って、これは3kで500枚ほど出た。
持ちメダルで最後にディスクアップを打って帰ろうとしたところ f:id:majigomi:20190829230849j:plain 1ビッグのみの状態で、シンディ⇒シンディ!はじめて100Gを突破した!
反転シンディ、尊いお守りにしたい。

はたして、何百G乗ったのか・・・?


f:id:majigomi:20190829231120j:plain 結果は200Gだったが、テンポよくボーナスを引けたので、1028枚まで伸びた。

結局、この日はプラス23k
これで帰省中のトータルは、
プラス101k!の快勝で幕を閉じた。帰省最高!

さらば仮面ライダー

今日は午前中、現場でやることがなかったので、こっそり(現場作業と全く関係ない)Vue.jsのサイトで学習。 jp.vuejs.org

このページの途中までやった。
明日もまたチャンスがあるかもしれないので、家での学習は引き続き教本に従って行うことにする。
被るところもあるし、見て理解した(気になった)ところを家で手を動かすので、身につきそう!頑張ろう!

算出プロパティ

computed
データに何らかの処理を加えたものを参照したいときに使用する。

new Vue(
    computed:{
        算出プロパティ名:function(){
            return xx // returnで処理結果を返す
        }
    }

こんな感じて定義する。

ディレクティブ

v-で始まる、Vue.jsで使用する独自の属性のこと。
属性値の式の変化に応じたDOM操作を行うことができる。

その他いろいろ

他にもいろいろやって、けっこう手応えを感じてるけど・・・
f:id:majigomi:20190828232655p:plain まだ2章「Vue.jsの基本」が終わらず、全然間に合わない・・・

もうブログ書いてる場合じゃないわ!

f:id:majigomi:20190805232904j:plain
それでも筋トレは欠かせない

さらば仮面ライダー

8/16 パチンコでの勝ちから、調子こいて無根拠で「仮面ライダーUNLIMITED」に着席。
導入当時は甘いと噂で、撤去騒ぎにもなったな~。懐かしい。

特に見せ場もなく3万ほど吸い込まれて、そろそろやめようかと思ったときに・・・ f:id:majigomi:20190828212737j:plain 1/65535のフリーズ!
f:id:majigomi:20190828212849j:plain 真ライダー無双はそこそこ乗ったが、80%継続は活かすことができず・・・


f:id:majigomi:20190828212941j:plain 3連で終了。初回は継続確定だから、80%を1回しか通せなかった。。
でもゲーム数はそこそこ乗せたので満足。撤去も近いしどこにも置いてないので、もう打つことは無いだろう。
プラス35.5k!

Vue.js入門と久々のパチンコ

今日は、いよいよVue.jsについて学習をはじめる。
まずは、チュートリアルと本の内容を読みながら、主機能を実際に動かして確認してみる。

JSFiddle

公式サイトのチュートリアルにも、教本「Vue.js入門」でも紹介されていたが、JSFiddleというサイトでVue.jsの動作を簡単に確認できるみたい。 f:id:majigomi:20190827201228p:plain

保存もできる。すげぇ・・・。
チュートリアルはこれを使って試してみよう。

結局は教本

チュートリアルを実際に動かしてみても、理解するのは難しかったので、結局教本に従って進めることに。 f:id:majigomi:20190825213354j:plain

基礎的な機能を説明する、4章の「Vue Routerを活用したアプリケーション開発」まで今週中に進めることが目標。 ここまでで148ページ。
今日進んだのは45ページまでで、ここまでで既に結構難しい。。

金曜日は現場の打ち上げ、土曜日は友達と連れ打ちなので、現場に入るまでに勉強できるのは水、木、日のあと3日を残すのみ。
これからさらに難しくなっていくと思うので、明日、明後日でどこまで進められるかが勝負。

久々のパチンコ

8/14、小学校からの友達と飲んだあとに、連れ打ちでパチンコへ。
ここ数年、パチンコは全く打っておらず、この友達と飲んだあとに打つくらい。
なので、台も全然分からず、てきとうにエヴァを打つことに。

そしたら・・・

f:id:majigomi:20190827193510j:plain めっちゃ出た。
延長営業で、終電ギリギリの23:45くらいに21連でようやく終了した。
プラス42.5k

バリデーションとRe:ゼロ

今日は昨日の続き、しょぼい画面に立派なバリデーションを追加する。

バリデーション

メモ

  • フォームクラスの各フィールドにアノテーションを付ける
  • postメソッドの引数のフォームクラスに、@Validatedを付ける

f:id:majigomi:20190826223740p:plain

  • message.propertiesにメッセージを追加

signupForm.password=パスワード
NotBlank.signupForm.password={0}を入力してください
Length.signupForm.password={0}は、{2}桁以上、{1}桁以下で入力してください
Pattern.signupForm.password={0}は半角英数字で入力してください

f:id:majigomi:20190826225334p:plain

  • メッセージを個別表示するため、htmlを修正。th:if="${#fields.hasErrors('フィールド名')}" th:errors="*{フィールド名}"

f:id:majigomi:20190826231258p:plain

何故か、bootstrapのhas-error classが適用されていない(ように見える)が、とりあえず無視して進める。

  • バリデーションの順位を付けるため、バリデーショングループのインターフェースを追加
  • バリデーショングループの順は@GroupSequence({ValidGroup1.class, ValidGroup2.class, ValidGroup3.class})という感じで指定する
  • コントローラークラスの@Validatedでバリデーショングループ順のIFを指定する@Validated(GroupOrder.class)
  • フォームクラスの各アノテーションに、バリデーショングループを指定する@NotBlank(groups=ValidGroup1.class)

f:id:majigomi:20190826232801p:plain
優先度1のエラーが優先される
f:id:majigomi:20190826232940p:plain
優先度1のエラーがなければ2のエラーが表示される

駆け足だがバリデーションの実装まで進めた。

明日からはVue.jsの学習!

今日までに作ったこの画面を、明日からVue.jsを使ってカスタマイズしていく。
はじめは公式サイトのチュートリアルを進める予定。

jp.vuejs.org

昨日の出来事

仮面ライダージオウの最終回をリアルタイムに見るため、9時に起床。
リュウソウジャーも見終えたら時間は10時、打ちに行くしかないっしょ!

というわけでRe:ゼロに着席。
帰省したときに今更ながら初打ちしたら、白鯨攻略戦の勝率が2/2で恐怖心が弱まったので。
とはいえ流石にそろそろ負けるかな~と思ったら、さらに2回連続で完全撃破し、2,000枚ほど出玉を獲得。

f:id:majigomi:20190826220506j:plain
こんな感じの千枚超えを2連発


なんか楽しくてもうちょっと打ちたくなっちゃって、ここから一行に白鯨攻略戦に勝てなくなる。
5回ほどスルーして残り出玉が少なくなってきて、ようやくチャンスが訪れるも・・・ f:id:majigomi:20190826213716j:plain これでも勝てず・・・。
しかしこの後・・・ f:id:majigomi:20190826214248j:plain 強引に勝利を引き込む!
結果これが、 f:id:majigomi:20190826214354j:plain ここからさらに後乗せがあり・・・ f:id:majigomi:20190826214448j:plain 初の完走! これだけ純増が多いと、枚数上限で損した気分にはならないな~。

最終的に3,000枚超えだったけど、換金したら50kだったのは予想外。どんな換金率だよ・・・
プラス37k!

データバインドについて

魔道杯というイベント

木、金と帰社が続いて、結局ほとんど勉強できず。
土日にじっくりやろうと、会社からVue.jsの本を借りてきたが、気づけば日曜日の夜に。。

f:id:majigomi:20190825213354j:plain
コレ
やばいな~。。土日は時間があると思って油断してしまうんだよな。。 やっぱり、しっかり時間を決めてやらないとダメだと改めて実感。

で、「魔法使いと黒猫のウィズ」というソシャゲで毎月行われる魔道杯というイベントが今行われており。
f:id:majigomi:20190825213722j:plain
25000位以内で総合報酬ゲット
ほとんど惰性で総合報酬取り続けているけど、これやってると落ち着かないんだよな~。
そんなこんなで、残すところあと1週間となったので、学習方針を見直し。
Springの学習は、切りのよいところで一旦切り上げて、Vue.jsのチュートリアルを実施することにする。 Vuetifyは触れないかも・・・。

データバインド

画面とコントローラークラスとのデータのやり取りは、フォームクラスのインスタンスによって行われる。
⇒画面入力値をフォームクラスへデータバインドする。

メモ

  • フォームクラスを追加、画面項目を設定
  • コントローラークラスのGetMappingメソッド(遷移時に呼び出されるメソッド)の引数に、@ModelAttributeを付けてフォームクラスを追加
  • コントローラークラスのpostMappingメソッド(画面項目入力後に呼び出されるメソッド)の引数に、@ModelAttributeを付けてフォームクラスを追加
  • ModelAttributeを付けると自動でModelクラスに登録される。キー名は指定しなければフォームクラス名の最初の文字を小文字にしたもの。
  • postMappingの引数にはBindingResultも追加。これでデータバインド結果を受け取る。
  • 入力画面のhtmlには、th:object="${<ModelAttributeのキー名>}"でModelに登録されたオブジェクトを受け取る。
  • th:field="${<ModelAttributeのキー名.フィールド名>}"でデータを取得。
  • resources直下にエラーメッセージのプロパティファイルmessages.propertiesを追加。

f:id:majigomi:20190826002806p:plain

データバインドして、フォーマットエラーの場合はメッセージを出すとこまでできるようになった。
あとはバリデーションチェックをやったら、切りがよいのでVue.jsの学習をメインに進める。明日はなんとしてもそこまでやろう。

最近の出来事

8/24

唐突に「天気の子」を見に映画館へ。
映画は21時半からなので、早めに家を出て映画館(イオンシネマ板橋)の近くのパチンコ屋へ。
てきとーに偽物語へ着席。投資8千円でなんとか幸時間に入れることができたが・・・ f:id:majigomi:20190825214129j:plain 全く増やせる気がしないのでヤメ。

そんなときはディスクアップ。 f:id:majigomi:20190825214219j:plain 念願のチェリー重複確定目を見ることができ、なんとかプラス2kで終了。
f:id:majigomi:20190825214446j:plain 仕事用のリュックも購入。これもイオンに来た目的だった。
カプリチョーザのパスタを食べて、ポップコーンとコーラも買って、準備万端でいざ映画視聴。
・・・

「天気の子」は面白かった。個人的には「君の名は」より断然良かった。

良かったんだが・・・ ラスト40分前くらいの大事なシーンを、お腹を下して見逃すという失態を犯したため、作品について語る資格は持ち合わせていない。

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

今日から再開

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

不細工な画面を直す

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

・・・ 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>

f:id:majigomi:20190821223320p:plain なぜこれでできない!?

こうすると

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

f:id:majigomi:20190821223622p:plain
こうなる。意味がわかんねぇ・・・

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

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

f:id:majigomi:20190821224049p:plain
もうこれで進めることにする。

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

さらば化物語

f:id:majigomi:20190821194926j:plain
f:id:majigomi:20190821195010j:plain
化物語、打ち納め。
最後に出せて良かった。


・・・ちなみにこのあと、 f:id:majigomi:20190821195117j:plain
f:id:majigomi:20190821195135j:plain
モンキーターン2で840、まどマギ2で893と、天井付近までハマって出玉を減らしてしまったのは、しゃーなし。
8/10
15kプラス