開発スタッフがアプリ関連の最新技術やニュースをご紹介します。

WindowsでWSL2＋Docker Desktopを使って開発していると、環境構築や起動時にちょっとした問題が発生することがあります。

今回は、実際に遭遇しやすい問題と、その対処方法を簡単にまとめます。

Dockerが起動しない

Cannot connect to the Docker daemon

と表示される場合は、まずDocker Desktopが起動しているか確認します。

それでもダメな場合は、Docker Desktopの

Settings → Resources → WSL Integration

を確認し、使用しているUbuntuが有効になっているか確認します。

WSLからDockerコマンドが使えない

WSLで、

docker ps

を実行してエラーになる場合は、Docker DesktopのWSL Integrationを確認します。

また、WSLを再起動すると解決することがあります。

wsl --shutdown

その後、Docker Desktopを再起動します。

Dockerの動作が遅い

WSL2＋DockerでLaravelなどの開発をしている場合、プロジェクトをWindows側に置いていると遅くなります。

例えば、

C:\Users\user\projects

ではなく、

/home/linux/projects

のようにWSL側にプロジェクトを置いて起動します

Windowsからは、

\\wsl.localhost\Ubuntu\home\linux\projects

でアクセスできます。

木曜日担当：nishida

Tweet

Vue.jsを使って開発していると、コードを修正したのに画面に反映されないということがあります。
そんなときに関係してくるのがコンパイルです。

今回は、Vue.jsでコンパイルするときのポイントを紹介します。

コンパイルとは何か？

簡単にいうと、自分が書いたVue.jsのコードを、ブラウザが動かせる形に変換する作業です。

イメージとしては、

Vue.jsのコード
↓
コンパイル
↓
ブラウザで動くJavaScript

という流れです。

そのため、Vue.jsのコードを修正したあとは、コンパイルを実行しないと変更が画面に反映されません。

npm run devは開発用

開発中にVue.jsをコンパイルするときは、以下のコマンドを使います。

npm run dev

コードを修正したので、動作確認したい場合に使うコマンドです。

本番環境ではnpm run prod

本番環境へ公開するためのファイルを作る場合は、

npm run prod

を使います。

npm run dev
↓
開発・動作確認用

npm run prod
↓
本番公開用

というイメージです。

ただし、プロジェクトによって使えるコマンドが違うので、package.json の scripts の確認が必要です。

反映されない場合の確認ポイント

Vue.jsのコードを修正したのに画面に反映されない場合は、次の順番で確認します。

1. １．コンパイルしたか？
   npm run dev

を実行してみます。

2. ２．エラーが出ていないか？

コンパイル中にコンソールにエラーが出ていないか確認します。

3. ３．ブラウザのキャッシュが残っていないか？

ブラウザに古いファイルが残っている場合があります。

Chromeなら、

Ctrl + Shift + R

で強制リロードして改善するか確認します。

Dockerを使っている場合は注意が必要

Docker環境では、npm run devをどこで実行するかも重要です。

docker exec -it docker_container_name bash

でDockerコンテナに入ってから、

npm run dev

を実行する必要があります。

木曜日担当：nishida

Tweet

昨日6月24日からiOS18.5以降を搭載するiPhoneに
マイナンバーカードを登録できるようになったそうです。

Tweet

拝啓　年の瀬も押し詰まり、ご多用のことと存じ上げます。
さて、誠に勝手ながら、弊社の年末年始の営業は、下記のとおりとさせていただきます。
皆様にはご迷惑をお掛けしますが、何卒ご容赦願います。
今年一年ご愛顧を賜りまして大変感謝申し上げますと伴に、皆様のご多幸をお祈りいたします 。

敬具

記

年内営業　　　令和6年12月27日　15：00まで
年始営業　　　令和7年1月6日　10：00より

Tweet

謹んで新年のお慶びを申し上げます。

本年もより一層尽力してまいりたいと存じておりますので、
何とぞ昨年同様のご愛顧を賜わりますよう、お願い申し上げます。

株式会社ギガスジャパン　社員一同

Tweet