質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

受付中

Docker環境で更新したCSSがタイムリーに反映(更新)されない

Kakichi_01
Kankitsu_01

総合スコア43

docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0回答

0グッド

0クリップ

265閲覧

投稿2023/01/06 07:51

実現したいこと

  • Docker環境でCSSを編集したいと思ったのですが、タイムリーにブラウザに反映されません。ソースコードをいじったらすぐに反映されるようにしたいです。

  • 「タイムリーに」というのは、CSSをいじった後に一度docker compose downdocker compose up -dをして再起動した後ならば、いじったCSSが反映されています。なぜ一回一回dockerを立ち上げ直さないとCSSが更新されないのかわかりません。(立ち上げ直せば反映されていることからCSS内の優先順位や誤記等が影響している可能性はないと思います)

  • HTMLの編集であればタイムリーに反映されています。

補足情報

  • Docker: version 20.10.21
  • Docker Compose: v2.12.1
  • Server: NGINX_VERSION 1.23.2
  • DB: mysql:5.7

試したこと

  • デベロッパーツールからブラウザのキャッシュをクリア
  • 更新ボタン長押しの「キャッシュの削除とハード再読見込み」
  • スーパーリロード(Cmd+Shfit+R)
  • nginx.confのsendfileをonからoffに変更する(その後、docker再起動・PC再起動も実施)
  • nginx.confに以下二つを追記すると解決したという記事がありましたが、既に記載あったので関係ないよう
include /etc/nginx/mime.types; default_type application/octet-stream;
  • DevツールからConsole確認→エラーメッセージは無し
  • Devツールからstyle.cssクリック→更新前のCSS情報が記載されている

PC環境

  • 機種ID:MacBookPro18,3
  • macOS:Monterey
  • チップ:Apple M1 Pro
  • メモリ:16GB

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

yuma.inaura

2023/01/06 09:09

- ローカルとdockerコンテナをマウントしてますか? - 問題が再現できる今のコード等を載せませんか?

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

MacOS(OSX)

MacOSとは、Appleの開発していたGUI(グラフィカルユーザーインターフェース)を採用したオペレーションシステム(OS)です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。