Beeeat’s log

Beeeat’s log

プログラミングで出くわした知識やツール、日常生活、働き方その他色々なことをメモしていくブログ

Vue.js

Vue.js(Vue 3) のドキュメント翻訳に参加してみた話

この記事は マイナビ Advent Calendar 2020 の21日目の記事です. 昨日は @object97 さんの SalesforceのREST APIのCRUDをphpで実現する でした. Salesforce って使ったこと無いんですが,API 用意されてるんですね! 外部のWebアプリのリアルタイム連携って…

create-nuxt-app で現在のディレクトリにNuxtプロジェクトを作成する時に気をつけること

Nuxt.js の勉強していた時に最新のcreate-nuxt-app(v3.3.0)を使ってNuxtプロジェクトを作成した時にCan't create . because there's already a non-empty directory . existing in path.というエラーを踏んでしまったのでその時にどう対応したのかのメモをま…

docker-compose でコンテナを起動し, localhost にアクセスする時に勘違いしていたこと

最近,Docker を使って vue-cli の勉強をしているのですが,アプリケーションのコンテナを起動し,ブラウザで localhost にアクセスすると「ERR_CONNECTION_REFUSED」と表示され,localhost にアクセスできなくなりました. 「え!? 突然どうした?」という…

「Pesticide for Chrome」を使って CSS のレイアウトのチェックをする

「Vuetify.js」のキャッチアップをしている過程で,どうやら「CSS Flexbox」のキャッチアップも必要だと思い,進めているのですが CSS が崩れているかのチェックや実際はどのようなレイアウトでスタイルされているのかを確認するのが少し面倒になってきまし…

create-nuxt-app した Nuxt プロジェクトに Prettier を入れたら VSCode の フォーマット機能と競合した時の対応

個人開発で create-nuxt-app で Nuxt プロジェクトを作成したのだが,Prettier と VSCode の フォーマット機能が競合した. おそらく,最初に通る道なんだろうなと思ったが,意外とと対応方法がわかるのに時間が掛かったのでまとめてみる. 前提 VSCode に「…

vue-cli でローカルサーバを起動し,接続に時間が掛かる場合の対応方法

現在 Vue.js の勉強をしているのだが,以下のように vue-cli でサーバを立ち上げてブラウザでアクセスした所,接続にやたらと時間が掛かったので原因と対応方法についてまとめる. $yarn serve yarn run v1.22.4 $ vue-cli-service serve INFO Starting deve…