もやぶろ

moyashidaisukeのブログだからもやぶろ。フリーランスのエンジニアのダイスケです。QOLあげて色々楽しくチャレンジして良く生きたい。プログラム関連とかギター関連とか旅行関連とか色々。

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

【javascript】【vue】 create-nuxt-appした後「No rules found within configuration. Have you provided a "rules" property?」エラー

create-nuxt-appした後に、yarn run dev したら「No rules found within configuration. Have you provided a "rules" property?」エラーでビルドができなかったのを解決しました。 事象 create-nuxt-app hogehoge yarn run dev create-nuxt-appで作ったプロ…

【vue】 nuxtで「core-js/modules/es6.array.find in ./.nuxt/client.js」エラー

create-nuxt-appした後に、firebaseを入れたら、以下のエラーが発生するようになってしまったのを解決しました。数時間ハマった・・・ 事象 create-nuxt-app hogehoge yarn add firebase yarn run dev create-nuxt-appで作ったプロジェクトに対して、firebas…

【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を動かす〜

この記事はqiitaに移動しました qiita.com

【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指定で取得するときに、…