はてなブログ使い方ゲーム系のブログなんかをやっていると、動きを見せるためにgif画像を使いたい時があると思います。ブログみたいな複数ページが連なっているようなところでgifを貼りまくるとそれぞれが勝手に動くのでなかなかにCPUを食いまくります。そこで紹介したいのがGiffferというgif画像に再生ボタンをつけるJavaScriptライブラリです。はてなブログ上でも使えそうだなと思い、試してみたらいけたのでそのやり方を書いていきます。設定→デザイン→カスタマイズ→フッタを開き、下記のhtml及びjavaScriptを貼り付けます。data-gifffer="http://チタンダエル.gif">こんな感じに指定してやると再生ボタンが勝手につけられます。超簡単!捕捉Gifffer.jsはHTML5のCanvasを利用してサムネイルを作ってくれているみたいですね。読み込みに若干時間はかかるけどなんとなくページスクロールが軽くなったような気がします。あと上のスクリプトに書いてあるURLはgifffer.js開発元から勝手に引っ張ってきたものなので、あっちで変更があると動かなくなる可能性があります。下の開発元サイトからダウンロードしてきて自前サーバなりDropBoxなりに置いて、そこから引っ張ってくることをオススメします。noteひよこのたまごnotargs.com検索mailはてなブログをはじめよう!chroskeさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。