VuetifyのData tablesは癖があって、幅調整等が結構ややこしいのですが、paddingを調整することで意図した幅調整ができる可能性があります。 VuetifyのData tablesの幅（width）調整は分かりづらい ChromeのDevToolで見てみよう data tablesのpaddingを指定…

Vuetifyの公式ドキュメントを確認しながらコンポーネント実装していたら思ったように動かないという事象に遭遇しました。 実装方法やプロパティの設定が間違っているのかと試行錯誤していたのですが、結論的には単に公式ドキュメントのバージョンと利用して…

Vue.jsで開発をしていますが、デザインセンスに全く自信がなかったので、Vuetifyを利用したらとても簡単にマテリアルデザインが実現できたという話。 また、Vuetifyを始めるにあたって、コンポーネントから入るより、レイアウトサンプルの利用から入るのがお…

HTMLの理解がふわっとした状態だったので、FreeCodeCampを始めてみた。 FreeCodeCampについてはこちらがまとまっている。 www.recipi.jp FreeCodeCamp www.freecodecamp.org 今ではHTMLであればいろんなサイトで学習が可能で、最近だとProgate、少し前だとド…

最近Vue.jsをAWS Cloud9上で利用する機会があったが、その際にpreviewでlocalhostがhedderエラーとなったので、その解決方法。 npm run serve をしたら、以下のエラーが表示され、previewが表示されない。 invalid hedder error 以下の内容でvue.config.jsを…