はてなブックマーク

長い前置き（飛ばし読み推奨） 最近、フロント側を完全に脱jQueryして、Vue.js + Vuex + VueRouter + Vuetifyで開発を進めている。 これまでもVue.js + Vuex この２つは使っていたわけなんだけど bootstrapベースであるAdminLTEと組み合わせることに限界を感じていて、 それぞれの開発者がVueライブラリを探して入れてみたり、 自作してみたりみたいなことを、それぞれの案件で繰り返していたわけだ。 心の声（もう、こんなお飾りのjQuery依存のUIフレームワークなんて実際は足枷じゃねーか。確かにデザインは綺麗なんだけど。。） そこで出会ったのがVuetify。 少し使い込んでみた感じ、グリッドレイアウトにflexboxを採用しているので レイアウトに苦戦することもあるけど、それだって新しいbootstrap4も同じだし もはや、これが時代

あなたは覚えているだろうか。この記事を。 arm4.hatenablog.com そう。Vuexを導入するとv-modelは使えなくなる。 これは、v-modelではstoreのstateを直接書き換えに行ってしまうためだ。 そのため、上記のようにして自前でstateの値と同期が取れるように書いてやる必要性がある。 ライブラリを導入しようと思うと、だいたいサンプルのコードにはv-modelが登場してくるので Vuex初心者は困惑してしまう。 これも、上記のv-modelとは要するに何をしているのかということを理解することで ライブラリのサンプルのコードを自前で書き直すことができるようになる。 v-modelとはつまり何か まずはこちらのv-modelについての公式の解説を見てもらいたい。 jp.vuejs.org <input v-model="searchText"> イコール <inp

Laravel5.4でイベント＆キューを使ってメールをキュー送信する手順もとうとう最終回を迎えます！！ 上級Laravelerの人はこの回から読んでも大丈夫です。 初級Laravelerの人は過去記事から読んでみてください。 arm4.hatenablog.com arm4.hatenablog.com というわけで恒例の今北さん用３行を Laravel新規プロジェクトを作ってダミーデータを挿入した 投稿一覧ページと詳細ページを作っていいねボタンを設置した いいね押したら投稿者にメールでお知らせが行くようにした 今回やること ボタンの種類を増やして種類ごとにメール送信の挙動を変える イベント＆リスナーでメール送信を実装 リスナーをキュー化して非同期でメールを送信 イベントリスナーって何？ いわゆるオブザーバーパターンと呼ばれるコードの実装方法で、JavaScriptでDOM操作するときには