2018.12 Archive

12.27

ブログの表示を早くしたいならCDNを使うべき理由

ブログの表示速度はSEOにとても関わってくるため、多くのブロガーは画像の圧縮などに力を入れているのでは無いでしょうか。しかし、ブログの表示速度を早くする（処理を軽くする）うえで大切なポイントは他にもあります。 それはJavascriptやCSSなどのコードの読み込みです。 ...

はてなブログでFont Awesomeが表示されない時の対処法

はてなブログではHTMLでFont Awesomeのアイコンが表示されない場合があります。これはCSS編集の画面では起きませんが、記事用エディターのHTML編集ではよく起きます。しかし対策法が無いわけではありません。 そこで今回は、はてなブログでFont Awesomeが使えないときの対処法を紹介します。実際にどのように使えなくなるのかも紹介するので、参考にしてみてください。 ...

Google code prettifyをはてなブログで使う方法【CDN】

技術系のブログではコードを書くことが多いと思います。そこで便利なのが syntaxhighlighter です。自動でコードを識別して色分けをしてくれます。 しかしサーバーにアップロードする必要がある以上、はてなブログなどの無料ブログでは使えません。そこで使えるのがGoogle code prettifyです。サーバーにアップロードしなくても 内にコードを書くだけで導入できます。 そこで今回ははてなブログでGoogle code prettifyを使う方法を紹介します。今回紹介するGoogle code prettifyははてなブログのために作られたのではなく多くのブログで使われているので、はてなブログ以外の人も参考にしてみてください。 今回のGoogle code prettifyの導入ではCDNを使います ...

12.29

CSSが効かない時の対処法

先日、はてなブログのCSSを編集していると、突然CSSが反映されなくなるということがありました。気になって調べてみると、他の人も同じようにCSSが反映されなくなることが多々あるようです。 そこで今回は「CSSが効かない時の対処法」をまとめてみました。はてなブログを中心に説明しますが、他のブログでも効果があるので、ぜひ参考にしてみてください。 ...

12.30

HTMLカラーコードの使い方。サイトを見やすく配色する

WEBサイトを作る上で大切な配色。 選んだ色次第でユーザーが離れていくこともあれば、PV数が跳ね上がることもあります。それほど見やすさは大切なポイントです。 それほど大切な配色ですが、なかなかいい色が見つからない・色の変え方がわからないという人が多いのではないでしょうか。そこで今回はWEBサイトの色を編集する際に必須のHTMLカラーコードについて説明します。 ...