もやぶろ

moyashidaisukeのブログだからもやぶろ。フリーランスのエンジニアのダイスケです。プログラム関連とかギター関連とか旅行関連とか色々。

エンジニアリング-クライアントサイド-vuejs

【vue】Vue Styleguidistの使い方を説明④ 〜見た目を変える〜

概要 Vue Styleguidistで、stylesの変更(見た目の変更)のやり方についてです。 今までの www.moyashidaisuke.com www.moyashidaisuke.com www.moyashidaisuke.com 概要 公式 解説 theme styles コンポーネントの探し方 なぜReact? 公式 ここに書いてあり…

【vue】Vue Styleguidistの使い方を説明③ 〜Vuetify動かす〜

概要 Vue Styleguidistで、vue用のコンポーネントライブラリのvuetifyを使う設定をいれてきます。 前回までの www.moyashidaisuke.com www.moyashidaisuke.com 概要 公式 解説 外部ライブラリの読み込み設定 loaderの設定 私の設定 exampleの書き方tips 次 …

【vue】Vue Styleguidistの使い方を説明② 〜Sections〜

概要 前回はとりあえずVueStyleguildを動かすところまで解説しました。 今回はページの設定である「Sections」の解説をします。 前回の www.moyashidaisuke.com 概要 マニュアル ベース sections name, description components、ignore content usageMode co…

【vue】Vue Styleguidistの使い方を説明① 〜Laravel + vue環境でVue Styleguidistを動かす〜

概要 vueのstyleguild「Vue Styleguidist」をLaravel + vue環境で使い始めてみました。 思ったより手間取ってしまったので、設定ファイルや、私の環境で発生したエラーの対応等を残しておきます。 ↑のカメレオンはVue Styleguidistのロゴ。きもかわいい。 ※L…

【vue】わかりにくいvue.jsのwatch(ウォッチャ)のオプションを使った書き方

概要 vue.jsのwatchにはdeepとimmediateという2つのオプションがあるのですが、書き方がちょっと特殊なのと、マニュアル上で探しにくくいので、癖があります。 毎回ググってしまうので備忘録として残します。 概要 watchとは オプション deep immediate 所感…

【Laravel】【PHP】「Laravel/Vue.js勉強会#9」に参加してきた

ちょっと前の話ですが 久々の参加。 laravue.connpass.com スポンサー発表 カオナビはReact laravelshift laravelshift.com Laravelのバージョンアップ専用のサービスらしい。確かにほしいけど、そんなニッチなサービスがあるんだな、、、 私の発表 docs.goo…

【vue】vue-test-utilsは@vue/test-utils になってるよ

Laravelでvue使ってて、vueのunitテストをしたい場合に使う(Laravel関係なく使うと思いますが、、、)nodeのライブラリでvue-test-utilsがあります。 vue-test-utils.vuejs.org なのですが、npmなりyarnで入れる時のpackage名はvue-test-utils ではなくて @…

【Laravel】【PHP】Laravel(mixも)でvueファイルのlintで自動修正させる

lint自体の設定はこちらで。 laravel-news.com qiita.com qiita.com npm(yarn)から起動する場合は、package.jsonに "scripts": { "lint": "eslint --fix --ext .js,.vue resources/js/", みたいな感じで、--fixをつければ自動で修正までしてくれます。(で…

nokogiriとMechanizeでスクレイピングその2

前回の続き nokogiriとMechanizeでスクレイピングその1 - moyashidaisuke's diary 文字コードをちゃんと設定してないせいか、\nがたくさん出てる。=>gsubで無理やり置換しました。 now_updated = div.inner_text.gsub('\n', '') class指定で取得するときに、…