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

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

新規登録して質問してみよう
ただいま回答率
85.47%
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

0回答

896閲覧

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

Kakichi_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クリップ

投稿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

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yuma.inaura

2023/01/06 09:09

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.47%

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

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

質問する

関連した質問