【書評】中学なんて忘れたい

書評

誰にでも厨二病の頃ってありますよね。自意識過剰で、その癖大真面目に哲学的なことを考えてみたかと思えば自分探しをしてみたり、なんか設定を考えてみたり、キャラに憧れてみたり……。

そんな中学生時代がメインの、かくれんぼ戦略のとりさんのエッセイです。

以下書評です。

CSSとJavaScriptの読み込み順によってはスタイルが適用されないことがある

Web html・CSS JavaScript

かなりハマったので覚え書き代わりに。

ページの読み込み時に一部のCSSだけが反映されなくて、ソースコードをあちこちひねり回していたのです。

最初に疑ったのは、後からスタイルを上書きされているとか、CSSファイルが読み込めていないとか、JavaScriptでなにかやっているとか、そういうことでした。

でも、該当のページは他のページと何ら違いはなくて、唯一違いと言えばheadタグ内にCSSの記述があったくらいでした。

こんな感じです。

【該当ページ】

<head>
[外部の共通CSSファイル読み込み]
[JavaScriptやjQueryファイルの読み込み]

[インラインCSS]
</head>

その読み込み時に表示されないのが、ちょうどそのインラインCSSの記述部分でした。まさかなあ……と思ってこのインラインCSSを、共通のCSSファイルに移動させたところ、ちゃんと表示されるようになりました。

正直、え、それで良かったの？　と拍子抜け。

【該当ページ：変更後】

<head>
[外部の共通CSSファイル読み込み]←ここにインラインCSSを移動
[JavaScriptやjQueryファイルの読み込み]

なぜこんなことになるのかという理由はよくわからないのですが、とりあえずCSSの読み込みをJavaScriptの読み込みより後に行うと、CSSが読み込まれず、スタイルが適用されない……ということがあるようです。

読み込み順には気をつけよう……と思った出来事でした。そもそもあまりインラインCSSを使わないようにしたい。読み込み順によってはパフォーマンスも変わるようです。

posted with amazlet at 15.07.05

谷拓樹
インプレス
売り上げランキング: 36,403

まだまだ勉強中。考えながら読んでいるので、意外と読むのに時間がかかってしまう。

今週のお題「好きな服」

スカートが好きです。理由は『便利だから』という、好きという表現でいいのか微妙な境界線ですけれど。

1年と数ヶ月前、最後に一本だけ残していたジーンズを手放しました。シンプルライフを目指したあたりでそのジーンズ以外のズボンは捨てたのですが、それも滅多に履かず、引越しを機に捨てることとしたのです。

以降ずっとスカートしか履いていません（パジャマのズボンは別）。

昔はスカートを避けていたのですが、人は変わるものです。

並べれば並べる程、利便性重視。

もっと早くに楽さに気がつけばよかったです。