webエンジニアの気づき

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

web開発

vue-cliにtailwind CSSを導入する

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

node modulesの入れ直し手順メモ

node_modulesを削除する rm -rf node_modules package-lock.jsonを削除する rm package-lock.json yarn.lock npmのキャッシュクリア npm cache clear --force npmの入れ直し npm install 参考: qiita.com

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とは?ゆるーく解説していくよ

dockerとは 物理マシンのOSを共通に使いながら、その上にコンテナというアプリごとの環境を作り上げることのできるツールです。 各アプリごとの環境は、各サーバーごとに一つの環境を作らなければなりませんんでしたが、dockerを使えば一つのOSで複数の分断…

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を削…

dockerでgoose up ができない問題

コード npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated @hapi/hoek@8.5.1:…