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

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

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

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

Vagrant

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

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

解決済

2回答

2534閲覧

CentOS6.4でbootstrap3を使う方法

twin_bird

総合スコア230

CentOS

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

Vagrant

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

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

0クリップ

投稿2015/08/16 09:23

編集2015/09/05 02:20

centos6.4にてbootstrap3を使うにはどうすればよいのでしょうか?

現在以下のテンプレートファイルで検証しているのですが、ファイルを変更してもブラウザ(192.168.33.10/~)側で更新されません。

html

1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>Bootstrapの基本テンプレート</title> 8 <link href="css/bootstrap.min.css" rel="stylesheet"> 9 <!--[if lt IE 9]> 10 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 11 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 12 <![endif]--> 13 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 14 <script src="js/bootstrap.min.js"></script> 15 </head> 16 17 <body> 18 <h1>why?</h1> 19 </body> 20</html>

通常のhtmlファイルやphpファイルは問題ないのですが、bootstrap3のテンプレートファイルとなるとうまく動作しません。

scriptタグ内がおそらく原因だと思うのですが、検討がつきません。。。

centosに何かインストールする必要があるのでしょうか?

2015/09/05
依然として解決されておりません。
phpファイルやbootstrapを使用していない通常のhtmlファイルは更新がブラウザにキチンと反映されるのですが、bootstrapをしようしたhtmlファイル(BS3のテンプレファイル)は更新が反映されません。

これまでの対応としては、レスポンスヘッダを操作し、htmlやphpファイルをキャッシュさせないようにしたのですが、特に変化がありませんでした。

引き続き回答をお願い致します。

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

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

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

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

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

guest

回答2

0

自己解決

原因を突き止めることはできてないのですが、キャッシュが関係あるということに着目し、以下の対応をしたら解決されました。
・httpd.confでEnableMMapとEnableSendfileの設定をOFFにする。

<Directory “対象のディレクトリ”>

EnableMMAP Off

EnableSendfile Off

</Directory>

※httpd.confの場所→/var/www/httpd/conf/httpd.conf

回答頂いた方、ありがとうございました。

投稿2015/09/18 15:56

twin_bird

総合スコア230

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

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

0

Chromeの開発者コンソールのNetworkタブを開くと読み込めていないファイルがあるかないかすぐに分かります。

たぶん下記のファイルがよみこめていないのではないでしょうか?

http://192.168.33.10/css/bootstrap.min.css
http://192.168.33.10/js/bootstrap.min.js


各ファイルのレスポンスヘッダーには、下記のようにCache-ControlExpiresが設定されていませんか?それがキャッシュ時間です。もし設定されているのであれば、リンク先を参考にキャッシュを無効にする設定をしてみてください。

キャッシュの説明

投稿2015/08/16 09:30

編集2015/08/17 15:44
退会済みユーザー

退会済みユーザー

総合スコア0

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

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

twin_bird

2015/08/16 10:05

回答有難うございます。 cssの方は読み込めていたのですが、jsファイルはそもそもそれを格納しているjsフォルダ自体が読み込めていませんでした。 file:/// ~ のアクセスではすべてのファイルが読み込めています。 centosではうまく行きません。。 
退会済みユーザー

退会済みユーザー

2015/08/16 10:08

jsフォルダの権限がcssと異なるようです。ファイルのアップロードは何のツールを使われていますか?
twin_bird

2015/08/16 10:08

ちなみにローカル共有しているディレクトリである/vagrant内では確かにjsファイルなど共有できていました。
twin_bird

2015/08/16 10:10

ファイルのアップロードいいますとどういうことでしょうか? apacheを使用しているのですが、どちらにファイルをアップロードすれば良いのでしょうか。。
退会済みユーザー

退会済みユーザー

2015/08/16 10:27

/vagrantにファイルを置き、CentOS上のapacheから見られる特定のフォルダにファイルをコピーしていませんか?例えば、/var/wwwです。 /var/wwwだとすると、その下のjsがCentOS上のファイルの権限がApacheの実行ユーザーが見られないように設定されていると、今回のようにjsだけブラウザがダウンロードできず、読み込めない問題が発生します。
twin_bird

2015/08/16 11:01

/var/www/htmlに/vagrant/var/www/htmlというシンボリックリンクを貼っています。 apache側でjsの設定を調整する必要があるということですね! 確認してみます!
twin_bird

2015/08/17 06:34

var/www/htmlの権限は以下のとおりです。 /vagrantにはjsフォルダ等が入っています。 drwxr-xr-x 2 root root 4096 Jul 24 11:53 cgi-bin drwxr-xr-x 3 root root 4096 Aug 9 08:05 error lrwxrwxrwx 1 root root 8 Aug 9 08:22 html -> /vagrant drwxr-xr-x 3 root root 4096 Aug 13 16:06 icons 現状として、apcheを再起動するとjsフォルダが読み込まれたのですが、htmlファイルを変更しても更新されないという問題が起きています。 権限の問題なのでしょうか?
twin_bird

2015/08/17 06:36

httpd.confのほうにはadd typeでcssとjsの設定をしてみたのですが、特に変化はなかったみたいです。。
退会済みユーザー

退会済みユーザー

2015/08/17 06:40

cssもjsも既に設定されているでしょうからね。 レスポンスヘッダで該当のファイルをブラウザにキャッシュさせるかどうかが返っているはずです。それにより、HTMLファイルを変更しても更新しない問題があるかもしれません。
twin_bird

2015/08/17 14:00

apacheの実行ユーザーをroot権限を持つユーザーに変更してみたのですが、htmlファイルが更新されないという問題は解消されませんでした。 レスポンスヘッダの設定はどのように行えばよいのでしょうか?
twin_bird

2015/08/17 15:40

apacheをリスタートさせると一応更新はすることは出来るみたいです。。。
退会済みユーザー

退会済みユーザー

2015/08/17 15:45

キャッシュされているかどうかの確認方法と、レスポンスヘッダの設定について追記しました。
twin_bird

2015/09/01 09:57

返答が遅くなり申し訳ございません。 apacheからキャッシュをさせないよう設定しました。しかし、bootstrap3のテンプレートファイルは相変わらず更新が反映されません。。。 それからjquery.min.jsというファイルはステータスコードが304のままでした。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.51%

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

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

質問する

関連した質問