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

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

ただいまの
回答率

90.48%

  • CentOS

    2778questions

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

  • Vagrant

    1233questions

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

  • Bootstrap

    1013questions

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

CentOS6.4でbootstrap3を使う方法

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 981

twin_bird

score 209

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

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

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrapの基本テンプレート</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
            <script src="js/bootstrap.min.js"></script>
    </head>

    <body>
        <h1>why?</h1>
    </body>
</html>


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

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

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



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

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

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

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

check解決した方法

+1

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

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

EnableMMAP Off

EnableSendfile Off

</Directory>

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


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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

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

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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 19:05

    回答有難うございます。
    cssの方は読み込めていたのですが、jsファイルはそもそもそれを格納しているjsフォルダ自体が読み込めていませんでした。

    file:/// ~ のアクセスではすべてのファイルが読み込めています。

    centosではうまく行きません。。 

    キャンセル

  • 2015/08/16 19:08

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

    キャンセル

  • 2015/08/16 19:08

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

    キャンセル

  • 2015/08/16 19:10

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

    キャンセル

  • 2015/08/16 19:27

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

    キャンセル

  • 2015/08/16 20:01

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

    キャンセル

  • 2015/08/17 15: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ファイルを変更しても更新されないという問題が起きています。

    権限の問題なのでしょうか?

    キャンセル

  • 2015/08/17 15:36

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

    キャンセル

  • 2015/08/17 15:40

    cssもjsも既に設定されているでしょうからね。

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

    キャンセル

  • 2015/08/17 23:00

    apacheの実行ユーザーをroot権限を持つユーザーに変更してみたのですが、htmlファイルが更新されないという問題は解消されませんでした。

    レスポンスヘッダの設定はどのように行えばよいのでしょうか?

    キャンセル

  • 2015/08/18 00:40

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

    キャンセル

  • 2015/08/18 00:45

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

    キャンセル

  • 2015/09/01 18:57

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

    キャンセル

関連した質問

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

  • CentOS

    2778questions

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

  • Vagrant

    1233questions

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

  • Bootstrap

    1013questions

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