TumblrにアップしたGIFをはてなブログに貼り付ける

http://bit.ly/15ViLFJ































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































“Shishi Yamazaki”































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































via.Youtube.com































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































There is a charm that nobody knows.































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































d(゚ε゚*) (Taken with GifBoom)via.Tumblr.com/Youtube.com/しし やまざき
2013/10/8時点の記事です。

GIF(ジフ)ってご存知?

Tumblrなどで、普通の動画投稿とは違って、勝手にアニメーションしている画像を見かけます。ソイツがGIF(ジフと読むらしい)です。
iPhoneでブログを閲覧していて、結構面倒なのが“動画”。
いちいち、画面遷移するのがハッキリいって煩わしい。
時間がない時はクリックしてません!
自分のブログに貼り付けた動画も、スルーされている予感が?( ̄- ̄;)

GIFを気軽に楽しめるTumblr

そんな時に出会ったのがTumblr
オシャレなものから笑えるものまで、様々なGIFがサイトを彩り、閲覧もスピーディー。気軽に楽しむことができるサービスです。

iPhoneアプリも高速化して、スムーズ。
独自ドメインを使って本格的なブログを運営することも出来ますが、私の場合は専ら、気になったものを全てぶち込むスクラップブックになっています。
SakanaGuitars' Tumblr
 

はてなブログにGIFを導入したい!

GIFは動画と比べると軽い分、画質が粗め。
でも、ソコを逆手に白黒であえてレトロな雰囲気を狙ったものなど、Tumblr強者のGIFは工夫してあります。
そこで私も自分で作成したGIFをこのブログに貼って見たいと思いやってみました。はてなブログアプリの写真貼り付けアイコンを使うとこんな感じ。
f:id:sattelle:20131008162747j:plain
…ピクリとも動きません。

サイズの問題なのか原因は不明ですが、どうやっても動かないので、HTMLを取得して、ウェブサイト版はてなブログのHTMLモードで記述してみることに。
私がiPhoneのメインブラウザとして使用しているWebhubにはアクションメニューからのポップアップで、ウェブページのソースを見て、それをダウンロードする機能があります。

https://itunes.apple.com/jp/app/webhub-browser-u-ebuhabu-burauza/id597069002?mt=8&uo=4&at=11I77Q

そこから抽出したコードはこんな感じ。
<a href="http://gifboom.com/x/d3db4f94"><img src="http://24.media.tumblr.com/90b14928746b24fe2f71f96ed0aa5bb1/tumblr_mual7rmkY51siipepo1_400.gif" alt="http://bit.ly/15ViLFJ“Shishi Yamazaki&rdquo;
There is a charm that nobody knows.d(゚&epsilon;゚*) (Taken with GifBoom)" class="max" /></a>
ソースを見ると基本画像リンクです。
f:id:sattelle:20131008171220j:plain
私がGIF作成に使用したgifboomというiPhoneアプリのサイトに投稿した、しし やまざきさんの記事へのリンクになってます。alt=以降は記事の本文ですので削ってもOK.ですが、class="max" /></a>を削ると表示されないようです。

https://itunes.apple.com/jp/app/gifboom-animated-gif-camera/id457502693?mt=8&uo=4&at=11I77Q

もしかしたら、このアプリがキモ⁈
私がGIFを作成したのに使用したアプリです。いろいろ試してみましたが、これが無料なのに一番優秀でした。
但し、FacebookTwitter、もしくはgifboomオリジナルのアカウントが必要です。また、GIF作成後すぐ、Tumblrにシェア出来ますが、それは良し悪し。
プライバシーモードもありますが、基本作成したものは全て公開されてしまうようです。気に入らないものはカメラロールにバックアップしたのち、削除しましょう。
今のところ、私が見つけたiPhone環境ではてなブログにGIFを貼り付ける方法はこれのみ。
PC環境がある方はもっと手っ取り早い方法があると思います。
私と同じ、iPhone環境のみでブログ書いてる方はiPhoneアプリ、gifboomとTumblr、そしてWebhubがあればGIFをアップ出来ます。 上手く使って表現の幅が増えれば、読者もきっと増えるよね?
GifBoom: Animated GIF Camera 4.7.5
分類: 写真/ビデオ,ソーシャルネットワーキング
価格: 無料 (TapMojo LLC)


アイキャッチに使わせていただいたGIFは動画アーティストのしし やまざきさんのYoutube動画が元になってます。優れたアーティストだと思うので、皆さんも是非チェックお願いします。
*参考記事