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

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

新規登録して質問してみよう
ただいま回答率
85.50%
CentOS

CentOSは、主にRed Hat Enterprise Linux(RHEL)をベースにした、フリーのソフトウェアオペレーティングシステムです。

Apache

Apacheは、Apache HTTP Serverの略で、最も人気の高いWebサーバソフトウェアの一つです。安定性が高いオープンソースソフトウェアとして商用サイトから自宅サーバまで、多くのプラットフォーム向けに開発・配布されています。サーバーソフトウェアの不具合(NCSA httpd)を修正するパッチ(a patch)を集積、一つ独立したソフトウェアとして開発されました。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

FuelPHP

FuelPHPは、軽量高速で開発が可能なPHPのWebアプリケーションフレームワークです。

Vagrant

Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

Q&A

解決済

1回答

6815閲覧

Vagrant上のFuelPHPでcssの変更が反映されない

yudai524

総合スコア37

CentOS

CentOSは、主にRed Hat Enterprise Linux(RHEL)をベースにした、フリーのソフトウェアオペレーティングシステムです。

Apache

Apacheは、Apache HTTP Serverの略で、最も人気の高いWebサーバソフトウェアの一つです。安定性が高いオープンソースソフトウェアとして商用サイトから自宅サーバまで、多くのプラットフォーム向けに開発・配布されています。サーバーソフトウェアの不具合(NCSA httpd)を修正するパッチ(a patch)を集積、一つ独立したソフトウェアとして開発されました。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

FuelPHP

FuelPHPは、軽量高速で開発が可能なPHPのWebアプリケーションフレームワークです。

Vagrant

Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

3グッド

1クリップ

投稿2016/06/30 21:25

###前提・実現したいこと

Vagrant上でFuelPHPを使ってアプリケーションを開発しています。
その際、スタイルを変更しようとするとcss(style.css)の変更がブラウザに反映されずに困っています。
ホストOS上のプロジェクトフォルダ内でstyle.cssを変更しています。

###試したこと1
ブラウザキャッシュかと思い、ブラウザのキャッシュ削除してみましたが効果なし。
変更は反映されませんでした。

###試したこと2
さらにブラウザ側の線を疑うため、wgetでstyle.cssを取得するも、
変更が反映されていないstyle.cssが返ってきます。

###試したこと3
そもそもゲストOSに変更が反映されていないのかと思い
ゲストOSにsshした後、該当のstyle.cssを確認したところ、変更が反映されていました。
もちろんファイルの更新日時も変更が反映されています。

###試したこと4
ゲストOSの方でvimなりnanoなりでstyle.cssを編集して保存すると
ブラウザ側にも変更が反映されます。

ホストOS上で編集して(この時点では反映されていない)
ゲストOS上のvimで開き、編集はせずに:wqした場合も変更が反映されました。

###試したこと5
FuelPHPのcssを読み込む、

<?php echo Asset::css('path/to/style.css'); ?>

が何か悪さしているのかと思い

<link rel="stylesheet" href="http://example.local/path/to/style.css">

に書き変えてみるも、変更は反映されていませんでした。

###試したこと6
FuelPHPのAssetsではデフォルトでファイル名末尾に更新日時のタイムスタンプが(style.css?1467319333の様に)つきますが、
このタイムスタンプの部分はホストOS側でファイルを編集しても変更されていました。
タイムスタンプ部分が変更されているにもかかわらず、style.cssの中身は変更されていませんでした。

style.cssのHTTPのステータスコードはタイムスタンプ部分が変更になると200 OKが、
タイムスタンプ部分がブラウザリロード前と同じだと304 Not Modifiedが返ってきます。
上述の通り、200 OKの場合もstyle.cssの内容は変更されていません。

また、タイムスタンプの部分をつけない設定にしても、当然ですが変更は反映されていませんでした。

###試したこと7
そもそもFuelPHPのViewファイルを変更した場合は変更が反映されるので
Viewファイルのhtml内に直接styleタグでスタイルを書き加えた場合は、当然ですが変更が反映されます。

###環境情報
環境については下記の通りです。
追加で必要な環境情報がありましたらお申し付け下さい。

Vagrant 1.8.1
CentOS 7.2.1511
Apache 2.4.6
PHP 5.6.20
FuelPHP 1.7.2

是非、お知恵をお貸し下さい。
どうぞよろしくお願い致します。

miyabi-sun, takyafumin, takumi123👍を押しています

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

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

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

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

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

guest

回答1

0

ベストアンサー

vagrantの共有フォルダを利用している場合、apacheの設定によってはホストOSでの変更が反映されないようです。
以下ページを参考にhttpd.confEnableSendfile offを設定してみてください。
設定後、設定反映のためapacheの再起動をお忘れなく。

VagrantでCSSの更新が反映されない場合の対処法
VagrantでCSSを更新しても反映されないのは共有ディレクトリを使っているから

投稿2016/07/01 00:24

takyafumin

総合スコア2335

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

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

miyabi-sun

2016/07/01 02:13

私も真っ先にこれを思いつきました。 なぜだか知らないですが、JavaScriptやHTMLは再現せずにCSSだけ再現したりするので中々原因を特定出来ず悔しい思いをしました。
takyafumin

2016/07/01 02:21

そうなんですよね。 私個人としても過去に同事例でハマったことがありました。 webシステム的なキャッシュ部分を疑っても解決できず、苦労した覚えがあります。
yudai524

2016/07/01 06:22

ありがとうございます! おかげさまで一発で解消しました! ベテランの方は一度は通る道なのですね…。 僕は丸一日ぐらいハマっていたので絶望していました…笑 本当にありがとうございました!
takyafumin

2016/07/01 06:40

ドンピシャでしたね。 同じくハマる人のために、この質問が良いナレッジになるといいですね。
takumi123

2016/07/07 16:16

同じくハマった人です。 この回答のおかげで本当に助かりました!! ありがとうございます!!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問