はてなダイアリーにgifアニメ画像を登録する方法

id:h071019さんが
プロフィールアイコンを並べてみた - 自意識過剰人の憂鬱 - h071019の倉庫
こちらで、はてなちゃんのかわいいドット絵アイコンを紹介しているのですが、はてなフォトライフでは gifアニメに対応していないことから元々のアニメーションgif画像をわざわざ、分割して載せられています。

GIFアニメも上げられるようになればいいんだけどなー。
プロフィールアイコンを並べてみた - 自意識過剰人の憂鬱 - h071019の倉庫

とのこと。

フォトライフには確かに gifアニメを載せることはできませんが、実ははてなダイアリーの機能を利用することで、gifアニメも載せることができます。
コメントで書こうかと思ったのですが、少々長くなったのでトラックバックで。

ちなみに

結論から先に言えば

id:h071019さんのプロフィールアイコンはとてもカワイイ
- このエントリーをこれ以上読まなくてもいいので、アイコンは必ず見るように
  - ここ数日くらいは毎日新しいアイコンに変更されてるっぽい
さらに、はてなハイクの投稿も素晴らしいので、チェックするなら > えいちぜろな h071019 - はてなハイクがお薦め

で以下は、はてなダイアリーでgifアニメ画像を登録する方法（今日の1枚の活用の仕方）を解説。ま、それは長くなったのでたたんでおきます。

今日の1枚とはなにか？

はてなダイアリーのサービス開始が2003年ですが、はてなフォトライフの正式サービス開始の2005年*1まで、画像を登録するのによく使われていた機能でした。
もちろん、外部のサービス・または自分のサーバーの画像を表示させるのはそれまでにもできましたが、はてなダイアリーだけを利用しているユーザーにとっては、手軽に日記に画像を付け加えられる機能でしたね。最近はフォトライフの容量も拡大されたこともあって、あまり使われてはいないようですが。

ただこの今日の1枚、には色々と制限があります。それについても順を追って説明してきます。

通常の使い方

今日の1枚を使うには、日記の編集画面から
日記を適当に書いて

で、ここに画像を登録します。

登録する画像はこちら

あとは「登録する」ボタンを押して、投稿。

こんな感じになりますね。

実際に投稿したのが、上のエントリーです
http://d.hatena.ne.jp/rikuo/20080131#p2008013101
画像の表示位置、はスタイルシートで設定しているため、右・左はそのデザインによるのですが、大抵は日記本文上部に表示されています。こんな形で gifアニメでも登録することができます。
通常の使い方は以上です、続いて制限など

今日の1枚の仕様

150ピクセルが上限（無料利用では）

最も大きな制限としては、画像サイズの上限が最大150ピクセル四方というものです。

つまりはこのサイズまでしかできません。それ以上の画像をアップロードしようとした場合、リサイズされてしまいます。この機能が実装された当時はともかく、現在他のブログサービスに比べるとちょっと見劣りしますね（フォトライフがあるからいいのかもしれませんが）。
ただ、有料オプションを使っていると、その条件が緩和され300ピクセル四方が上限になります。

登録できる画像は1日に1枚

1日にいくつエントリーを書いても、1枚です。
これは、元々はてなダイアリーがエントリー単位のブログサービスというよりは、日付単位の日記サービスであることに起因しています。サービス名もはてなブログではなく、はてなダイアリーですし。

画像のURL

今日の1枚は

<img src="http://d.hatena.ne.jp/images/diary/r/rikuo/2008-01-30.gif">

つまり

<img src="http://d.hatena.ne.jp/images/diary/ユーザーidの先頭1文字/ユーザーid/yyyy-mm-dd.画像の拡張子">

こうなります。

以上が「今日の1枚」の基本的な情報です。

ちょっと長くなりましたので、

ちょっと息抜きに

＜宣伝＞
「今日の1枚」を巧く活用している素敵なダイアリーのご紹介

上でも書いた通り「今日の1枚」は画像サイズに上限があったり、1日に1枚しか登録できないなど正直使い難いのですが、こちらのダイアリーはそれぞれとても巧く活用されています。
三者三様それぞれにかわいいイラストをほぼ毎日更新されている、私のお気に入りの日記です。
お薦めのダイアリーです。
＜／宣伝＞

で、話を戻しまして応用編。
通常の使い方ですと、1日に1枚しか画像を見せられませんし、表示位置も固定されてしまいますね、それを解消するテクニックです。

日記には表示させないで、画像を登録する方法

ここでは先日のエントリー http://d.hatena.ne.jp/rikuo/20080127 に画像を登録してみます。
日記に画像を登録するところまでは一緒です。

27日の日記に

画像を選択し

ここで「確認をする」をします。

確認をしたらこの画像のURLをチェックしておきましょう。その後、それ以上の編集を加えません。

最新の日記で戻りましょう。

「この内容を登録する」を実行してはいないので、27日の日記には画像が表示されていませんね。

http://d.hatena.ne.jp/rikuo/20080127

それで、再度日記の編集画面に戻ります。
先ほどメモした画像の URL で表示させます。

<img src="http://d.hatena.ne.jp/images/diary/r/rikuo/2008-01-27.gif">

すると、このように表示することができます。

つまり編集を完了したわけではないので、日記に画像が表示されないものの、画像そのものは登録されているので、それを使って表示することができるわけです。

少々ややこしいですが、まとめると

今日の1枚に画像を登録する
「確認する」を押し、画像が表示されていることを確認する
画像の URL をチェックする
それは登録しない
- このとき「最新の日記」からではなくても、編集を完了させなければいいので「ブラウザを閉じる」「タブを閉じる」でも別に構いません
チェックした画像の URL を日記に書く

という手順になります。

この手法を使うにしても、1日に登録できる画像は1枚だけ、という原則は変わりませんからご注意下さい。特に同じ日付に上書きなんかをしてしまうと困りますね。
そういうミスを無くす、というのと画像をもっとたくさん登録する、というさらに上級テクニック。

過去日記、未来日記を使う

はてなダイアリーは、現在の日付だけでなく、過去の日付、未来の日付で日記を書くことができます。
書ける範囲は西暦1000年1月1日から9999年12月31日まで、かなりの範囲が使えますね。画像の内容にもよりますが、はてなフォトライフよりもずっと多くの容量があります。で、上で書いたように画像をそれぞれの日付で登録することも当然可能ですから、例えばこんな風に

1000年1月1日に画像を登録して

確認をする

あとは

戻る、と。

そうすると画像は登録されているものの