近況記録 その１
なんか書きたいと思いつつも、平日は忙しく、めずらしく休日も忙しい日が多かったので、結果１ヶ月もブログを放置してしまった。
勉強のネタというか、仕事で試行錯誤して身に付けたことを記載したいと思いつつも、いざ休日になるとやる気がおきず。。
- vue2leaflet
- vuetify
- vuexの設計思想
など。
このブログは、日記として後で振り返れることを主な目的としているので、とりあえず、めずらしく忙しかった休日(モンハンもあったし)について記録しておく。
9/14～16
増税前に、前から買いたかった一体型コンポを買いに池袋へ。
と、その前にお金を増やしにパチ屋へ。
戦国乙女2に座るも、見せ場もなくのまれる。
いつも思う、やめときゃよかったと。
申し訳程度のプラスで止めて、池袋へ移動。
後日、宅配でコンポが届く。配達員さん、いつもありがとうございます！！
9/21
大学の友人と飲みに川崎へ。(大学の友人というか、東京には大学の友人以外に友人はいないのだけど)
いつものように飲み会前に打ちに行く。
ギルティクラウンで15kほど失った後、500Gで落ちていたオーバーロードを初打ち。
天井直前でボーナスを引いて、ATに入らず。最近めっきり調子が悪くなってしまった。
結果25kほど失い、飲み代も失う。
(飲み代はカードで支払いました)
9/27
この日は会社の創立イベントで、三島へ。
よくわからん神社へ行き、
うな重を食べる。
こういう神社とかって、デートで行かないと1ミリも面白くないなと思った。
あと、うな重は美味しかったけど、吉野家の牛丼には劣るかな。やはり、吉野家の牛丼よりうまいものは無い。
写真はないけど三島スカイウォークというところでやたら高いところをワイヤーにぶら下がって渡るというやつもやった。
その後三島で飲み会して、新幹線で東京に帰る。
会社には若い人が多く、30過ぎの人は皆既婚者で、話の合う人がいないので、終始ニヤニヤして過ごした。まあでも楽しかったです。
次回
この程度の文章でも、書くのは疲れるし時間がかかる。もっとテキパキ書くつもりだったのに、もう11時。。
続きは明日とかに記載予定。
結局勉強しない日々
なんだか忙しい
今週こそは勉強しよう！と息巻いてみたものの・・・
なんだか普通に忙しくて、帰宅後に何かをするのはハードルが高い。
通勤時間でも技術的なことを調べるので、家に着いたら全力で休みたくなる。
今日は比較的早く家についたので、勉強するど！とPCの電源を入れるも、ダラダラyoutubeを見ていたら時間がすぎてしまった。。
明日働いたら3連休なので、その間に現場と似た環境を作って、vuetifyやらvue2leafletやらの動作を試そうと思う。
とりあえずは・・・
筋トレして寝るど！！
黒猫のウィズ キャラプレ
負ける気しないモードの影響で、今月既に2回も課金してしまった黒猫のウィズ。
ここ数日は、ゲーム自体はほとんどまともに遊んでないのに。(そもそもやることが無い)
さらに本日から行われているキャラプレゼントで、クリスタル購入(3,700円)でプラス1体！というのをやっているので、課金せずにはいられない。
結果、今月3回(計11,100円)も課金してしまったが、ソシャゲはこれしかやっていないし、長い付き合いなので感謝の気持ちを込めて気持ちよく支払おう。
キャラプレの結果はこちら。
何故か雷ばっかりだったけど、一番欲しかったルミスが出たので大満足。
ゼロワンドライバー
けっこう前だけど、ゼロワンドライバーを購入。
今まで通り、コレクションアイテム(プログライズキー)の脱着が気持ちいいのは○。
デザインもカッコイイけど、ちょっと遊びの幅が狭く、必殺技の待機音が無いのも物足りない。
令和1発目なので、今までに無いプレイバリューが欲しかったな～。
今回は個別認識が無いコレクションアイテム依存の形式で、音声バリエーションも豊富なんだけど、ライドウォッチの後だと集めるテンションが上がらない。
あれは過去作品の思い入れで購入意欲が底上げされていたからな～。
待機音とかもアイテム側で出しているけど、今のところ違いが無いようなので、劇中の活躍を見て欲しくなったやつだけ買おう。
近況と負ける気しないモード転落
近況
9月から新しい現場に入って早一週間。
通勤時間が長くなったこと、緊張感のある現場、歓迎会に帰社、パチスロで負けまくってムキになったりなど、いろいろ重なって一週間学習と筋トレをできていなかった。
(モンハンアイスボーンも買ったけど、ゲームする元気も出ず。)
日記にも残したいことも色々あったけど、中々PCを立ち上げる気が起きず。
今日も22時過ぎまでPCを立ち上げられなかったけど、そろそろやる気を出していこうと思う。
今日はもう無理なので、明日から少しずつ進めていきたい。
今後の学習予定
直近は、現場作業に直結する以下のような内容を学習していく予定。
- leaflet(vue2leaflet)について
- geojsonの構成や使い方など
- vuexについて
- storeの使い方など
- scss
- yarn
など。
さらば、負ける気しないモード
8/31 これがピーク。
この後は・・・
9/6
9/7
9/8
地味にAタイプ偽物語で900ゲームハマったのが一番辛かった。。
ついに、リアル天国モードからリアルモードAに転落してしまった。
持ち金もほとんどなくなってしまったので(借金返済や500円玉貯金、豪遊などしたため)、しばらく打ちに行くのは控えよう。
もはやクソ記事すら書く余裕が無い
教本とブログは相性が悪い
教本に従って学習を進めていると、どうにもブログに何を書くか悩ましくなる。
ポイントを整理しようにも、教本の各章にポイントも書いてあるし。
(それでも、自分の言葉に置き換えて書くだけでも、理解を深める意味はあると思うけど。)
もともと、記事としてのクオリティは考えずに書いていたが、それすらも厳しくなってきた。
今日は学習したことのキーワードだけ記載して終わりにする。
ちなみに今日は定時後帰社だったので、教本の内容以外にも、移動時間でいろいろ調べて浅～い知識をつけた。(むしろその時間のほうが多かった)
学習したことのキーワード
- ライフサイクルフック
- コンポーネントの基礎
- OOCSS
- FlexBox
- Grid Layout
移動中に調べたCSS関係の内容については、時間ができたら実際に動かして、自分なりに要点を整理してブログでまとめたいところ。
果たして、余裕ができるのはいつか・・・。
無敵の帰省最終日
8/17 帰省最終日。
予定も無かったので実家でゆっくり過ごそうと思っていたが、親が職場の飲み会で一人になってしまったので、散歩がてら地元のマイホに打ちにいくことに。
帰省中、トータル78kプラスとなっていたので、30kくらいは失ってもいいやという気持ちで、無根拠で鉄拳3に着席。
・・・25ｋ使って500枚ほどの出玉を得て、Re:ゼロに移動。このとき初打ち。
写真は無いけどこれが白鯨攻略戦2連続突破で、1500枚ほど出た。
一旦流してから、次に仮面ライダーBLACKを打って、これは3kで500枚ほど出た。
持ちメダルで最後にディスクアップを打って帰ろうとしたところ
1ビッグのみの状態で、シンディ⇒シンディ！はじめて100Gを突破した！
反転シンディ、尊い。お守りにしたい。
はたして、何百G乗ったのか・・・？
結果は200Gだったが、テンポよくボーナスを引けたので、1028枚まで伸びた。
結局、この日はプラス23k。
これで帰省中のトータルは、
プラス101k！の快勝で幕を閉じた。帰省最高！
さらば仮面ライダー
今日は午前中、現場でやることがなかったので、こっそり(現場作業と全く関係ない)Vue.jsのサイトで学習。 jp.vuejs.org
このページの途中までやった。
明日もまたチャンスがあるかもしれないので、家での学習は引き続き教本に従って行うことにする。
被るところもあるし、見て理解した(気になった)ところを家で手を動かすので、身につきそう！頑張ろう！
算出プロパティ
computed
データに何らかの処理を加えたものを参照したいときに使用する。
new Vue( computed:{ 算出プロパティ名:function(){ return xx // returnで処理結果を返す } }
こんな感じて定義する。
ディレクティブ
v-で始まる、Vue.jsで使用する独自の属性のこと。
属性値の式の変化に応じたDOM操作を行うことができる。
その他いろいろ
他にもいろいろやって、けっこう手応えを感じてるけど・・・
まだ2章「Vue.jsの基本」が終わらず、全然間に合わない・・・
もうブログ書いてる場合じゃないわ！
さらば仮面ライダー
8/16 パチンコでの勝ちから、調子こいて無根拠で「仮面ライダーUNLIMITED」に着席。
導入当時は甘いと噂で、撤去騒ぎにもなったな～。懐かしい。
特に見せ場もなく3万ほど吸い込まれて、そろそろやめようかと思ったときに・・・
1/65535のフリーズ！
真ライダー無双はそこそこ乗ったが、80%継続は活かすことができず・・・
3連で終了。初回は継続確定だから、80%を1回しか通せなかった。。
でもゲーム数はそこそこ乗せたので満足。撤去も近いしどこにも置いてないので、もう打つことは無いだろう。
プラス35.5k！
Vue.js入門と久々のパチンコ
今日は、いよいよVue.jsについて学習をはじめる。
まずは、チュートリアルと本の内容を読みながら、主機能を実際に動かして確認してみる。
JSFiddle
公式サイトのチュートリアルにも、教本「Vue.js入門」でも紹介されていたが、JSFiddleというサイトでVue.jsの動作を簡単に確認できるみたい。
保存もできる。すげぇ・・・。
チュートリアルはこれを使って試してみよう。
結局は教本
チュートリアルを実際に動かしてみても、理解するのは難しかったので、結局教本に従って進めることに。
基礎的な機能を説明する、4章の「Vue Routerを活用したアプリケーション開発」まで今週中に進めることが目標。
ここまでで148ページ。
今日進んだのは45ページまでで、ここまでで既に結構難しい。。
金曜日は現場の打ち上げ、土曜日は友達と連れ打ちなので、現場に入るまでに勉強できるのは水、木、日のあと3日を残すのみ。
これからさらに難しくなっていくと思うので、明日、明後日でどこまで進められるかが勝負。
久々のパチンコ
8/14、小学校からの友達と飲んだあとに、連れ打ちでパチンコへ。
ここ数年、パチンコは全く打っておらず、この友達と飲んだあとに打つくらい。
なので、台も全然分からず、てきとうにエヴァを打つことに。
そしたら・・・
めっちゃ出た。
延長営業で、終電ギリギリの23:45くらいに21連でようやく終了した。
プラス42.5k
バリデーションとRe:ゼロ
今日は昨日の続き、しょぼい画面に立派なバリデーションを追加する。
バリデーション
メモ
- フォームクラスの各フィールドにアノテーションを付ける
- postメソッドの引数のフォームクラスに、@Validatedを付ける
- message.propertiesにメッセージを追加
例
signupForm.password=パスワード
NotBlank.signupForm.password={0}を入力してください
Length.signupForm.password={0}は、{2}桁以上、{1}桁以下で入力してください
Pattern.signupForm.password={0}は半角英数字で入力してください
- メッセージを個別表示するため、htmlを修正。th:if="${#fields.hasErrors('フィールド名')}" th:errors="*{フィールド名}"
何故か、bootstrapのhas-error classが適用されていない(ように見える)が、とりあえず無視して進める。
- バリデーションの順位を付けるため、バリデーショングループのインターフェースを追加
- バリデーショングループの順は@GroupSequence({ValidGroup1.class, ValidGroup2.class, ValidGroup3.class})という感じで指定する
- コントローラークラスの@Validatedでバリデーショングループ順のIFを指定する@Validated(GroupOrder.class)
- フォームクラスの各アノテーションに、バリデーショングループを指定する@NotBlank(groups=ValidGroup1.class)
駆け足だがバリデーションの実装まで進めた。
明日からはVue.jsの学習！
今日までに作ったこの画面を、明日からVue.jsを使ってカスタマイズしていく。
はじめは公式サイトのチュートリアルを進める予定。
昨日の出来事
仮面ライダージオウの最終回をリアルタイムに見るため、9時に起床。
リュウソウジャーも見終えたら時間は10時、打ちに行くしかないっしょ！
というわけでRe:ゼロに着席。
帰省したときに今更ながら初打ちしたら、白鯨攻略戦の勝率が2/2で恐怖心が弱まったので。
とはいえ流石にそろそろ負けるかな～と思ったら、さらに2回連続で完全撃破し、2,000枚ほど出玉を獲得。
なんか楽しくてもうちょっと打ちたくなっちゃって、ここから一行に白鯨攻略戦に勝てなくなる。
5回ほどスルーして残り出玉が少なくなってきて、ようやくチャンスが訪れるも・・・
これでも勝てず・・・。
しかしこの後・・・
強引に勝利を引き込む！
結果これが、
ここからさらに後乗せがあり・・・
初の完走！
これだけ純増が多いと、枚数上限で損した気分にはならないな～。
最終的に3,000枚超えだったけど、換金したら50kだったのは予想外。どんな換金率だよ・・・
プラス37k！
