Vueの勉強継続できてる！
1.Vueの勉強継続できてる！
2.出すべき書類いろいろ出せた
一応順調！
エアロバイクじゃなくて、腹筋ローラーするなら、
記録残せない。
なら、体重自体を晒してみる・・・？
4月スタートダッシュできるようにいろいろ準備！
102.8kg
参考:大学時代の私の体重82kg
・・・太りすぎ・・・(´；ω；｀)
ってことで、体重を晒すという羞恥プレイはじめました・・・
いつまで続くかわからないですが、自分追い込んで頑張ってみます・・・！
■プルリクエスト
モンスターとの戦闘を実装 by klack710 · Pull Request #12 · klack710/study-vue · GitHub
■作ったもの(ブランチはmaster参照なので、今後も更新されます)
だんだんそれっぽいものが作れるようになりましたね。
プルリク見るとわかりますが、結構いろんな機能をつけたわりには、記述量は少ないです。
いい感じ。次に進みましょう！
■プルリクエスト
Sp70 戦闘ページのベースを作成 by klack710 · Pull Request #11 · klack710/study-vue · GitHub
■作ったもの(ブランチはdevelop参照なので、今後も更新されます) (2019/03/23時点では、まだ今回のコードは反映されていません)
今回は次の勉強のための仕込み。
ってことで、いい感じに進んでるのいいね！頑張ろー！
■プルリクエスト
topのリンク生成方法を変更 by klack710 · Pull Request #5 · klack710/study-vue · GitHub
■作ったもの(ブランチはdevelop参照なので、今後も更新されます)
リンクをVueで管理に切り替えてみた。
<ol>
<li v-for="item in link_list">
<a v-bind:href="item.link_url" v-text="item.link_name"></a>
</li>
</ol>
var app = new Vue({
el: "#app",
data: {
link_list: {
hello: {
link_url: "/hello/index.html",
link_name: "hello"
},
bind_click: {
link_url: "/bind_click/index.html",
link_name: "bind_click"
},
data: {
link_url: "/data/index.html",
link_name: "data"
}
}
}
});
URLと名前の組み合わせはよくあるやつなので、
それをHTML側ではなくVue側で一つの形で保存できたのは良かった。
リスト構造するものは、これでVueによる一括管理ができそう。
パット見キレイそうには見えるんだけど、
実際のプロジェクトとかでは別な書き方になるんでしょうか？
教えていただけると嬉しいです(´；ω；｀)どんな形であれアドバイス求むぅ・・・
■プルリクエスト
bindの機能をいろいろ実装 by klack710 · Pull Request #3 · klack710/study-vue · GitHub
■作ったもの(ブランチはdevelop参照なので、今後も更新されます)
aタグの表示文字・リンク先をうまくVueで生成したいけど、良い書き方ないかな？
<a href="../" v-bind:text-content.prop="link_name"></a>
var app = new Vue({
el: "#app",
data: {
link_name: "topに戻る"
},
わりと便利なのはわかる。
ただ、実際の現場ではどう使われているのかわからない。
一旦機能を理解を目的においているので、ベストプラクティスがワカラナイのはいいけど、
どっかのタイミングで誰かに質問したいところ。
あるいは、いいVueのプロジェクトの例とかないかな。Laravelが混ざってるとなお良いが・・・
■プルリクエスト
■最終ブランチ
GitHub - klack710/study-vue at ep42
■作ったもの(ブランチはdevelop参照なので、今後も更新されます)
<div id="app">
<ol>
<li v-for="item in list">{{ item }}</li>
</ol>
</div>
<button v-on:click="handleClick">リストにおれんじが増えるよ！</button> //←こいつうううう
Vueの基礎中の基礎の時点で、すでに新しい考え方が生まれてて、びっくり。楽しい。
今回の学びの3.はかなり新鮮でした。
あと、学習コスト低いというのは間違いない。jQueryとか触ってた人ならあっという間だと思う。
これは読み進めるのが楽しみですね！
今日の私のお仕事は、既存でバグが起こってるっぽいから、直して！ってお話！
さあ、何が起こってるのかな〜？
IlluminateSessionTokenMismatchException
なるほどなるほどー？
これは、Laravelの機能で、postリクエストするときに一緒に送っている、csrfトークンが合ってないってやつですね。
なぜだ・・・
ってことで、共通点がないか探してみた。
laravel.logで、エラーを確認。
同時刻のnginxログを漁り、ユーザーのアクセスページを特定。
なるほど、特定のページだけめっちゃエラー出てるね。
なんでだ？なぜこのページだけエラーが出るのだ？
ここはユーザーのログインページ。
普通にログインできてしまう。
なぜだ。。。1., 3.でもない。2.か？
でもなぜみんな2.をする？みんながみんな、クッキーを削除することあるか・・・？
『ログインに失敗してしまう、そんなユーザーの皆様は、こちらを参考にしてみてくださいね！』
・・・？なんだこれは、え、なに、もしかして・・・
そこに、、、
クッキーを消す方法が、おすすめされていた
バグじゃないし、ユーザーにクッキー消せっておすすめしてたら、そりゃみんなクッキー消すよな！！！！
くっそ、見つけた時めっちゃ気持ちよかったけど、過去最高にもやっとした！！！
ってことで、これの対策をどうするかを考える予定・・・
滅多にないパターンだと思いますが！
コード的に明確なバグじゃなくても！
たった少しの誘導で、問題は発生する！！！
いい、勉強になりました、、、
Vueの勉強始めれました！良かった！
1.Vueの勉強始めれました
2.ちゃんと寝れた
Vueの勉強開始、もう少し早くやりたかった・・・
あと、書類周りまだ終わってない(´；ω；｀)
やっぱり、スケジュール作らないと私は安定して進めれない。まあそりゃそうだ。
あと、BeatSaber(VR音楽ゲーム)の方が、エアロバイクより疲れるしダイエットなる予感・・・ただ、どうやって記録残そう？
書類用意とかせねばあああ(二回目
今週でいろいろ進むから頑張る
23km(BeatSaberやったあとはとてもじゃないけど無理ぃ)
エアロバイク続かない！
でも、回数メモしてない腹筋ローラーはちょっとずつ。
少しずつ腹筋の筋肉痛は減ってきた！！！
