webエンジニアの気づき

都内ベンチャーでwebエンジニアとして働く著者が、web開発における気付きをまとめています。golang,railsやVue.js(Nuxt)を主に利用。

Vue.js

vue-cliにtailwind CSSを導入する

概要 vue-cliで作成しているプロジェクトにtailwind CSSを導入したのでその時のメモ 前提 vue-cliでプロジェクト作成ができていること 手順 1. tailwindcssのインストール npm install -D tailwindcss postcss autoprefixer でtailwindcssのインストールを行…

Vue.jsでaxiosを利用したAjax通信をゆる〜く解説

vue.js お題 完成コード 開発 createdとmountedではどちらに書く方がいい? 参考 お題 hogehoge.com/api/v1/organisms というURLを叩いたときに [{"Name": "犬", "Category": "哺乳類"}, {"Name": "マグロ", "Category": "魚類"}, {"Name": "タカ", "Categor…

Vue.jsでライブラリをインポートしたときにエラー

概要 vue.jsでライブラリを利用しようと、npm install パッケージ名 のコマンドを叩いたところ npm ERR! Cannot read property 'match' of undefined となり、エラー。 原因 利用していたパッケージ管理ツールは、yarnであったにも関わらずnpmでインストール…

dockerでvue-cliを立ち上げようとした際にnpmエラー

コード /app/frontend # npm run local-serve > practice-app@0.1.0 local-serve > vue-cli-service serve --mode local sh: vue-cli-service: not found 内容 原因と考えられること ・dockerの立ち上げがうまくいかない時があり、その際にnode modulesを削…