はてなブログへの投稿画像がIDになった時の対処方！alt属性が指定できるようになりました。
はてなブログで自分の記事を振り返ってみていると意味不明のIDが表示されていました。さて、これは何でしょうか。「f :id :somegoro:20160505165548p:plain」とあります。
「f :id :somegoro:20160505165548p:plain」最初の f はなんでしょうかね。fileでしょうか。次は id :somegoro はIDを示しているようですね。次は 20160505165548p 時刻ですね、アップロードした時刻でしょうか。最後の plain はなんでしょうかね。
意味不明IDは画像が読みこめないときに出る
もうお気付きでしょうか。この意味不明のIDが記載されている場所には元々画像が貼ってあったのですね。このような表示になる原因は指定先に画像が無いからです。画像が無い場合に何かしらを表示する設定をしていないと、このように表示されるようです。
フォトライフの画像を削除すると
従って、はてなブログでは「フォトライフ」に投稿した画像を削除してはいけません。そういう仕様なのですね。削除してしまうと上述のように不都合があります。
削除してしまうと次のように「IDのみの表示」となり、せっかくアップロードした画像も見ることが出来なくなってしまいます。
※写真を投稿する画面UIが変更になっていました。（追記 2017.12.20）
ちなみにすでにアップロードした写真を削除する方法はフォトライフのリンクをクリックします。すると、写真置き場に行けるのでそこで削除することができます。
すでにアップロードした写真を削除するには、リストボックス「Hatena Blog ▼」の右にある画像のマークをクリックしましょう。すると、写真置き場に行けるのでそこで削除することが出来ます。
もしフォトライフの画像を削除してしまったら
こうなってしまったら、また投稿しなおすしか元に戻す方法はありません。記事の編集画面から「＋写真を投稿」を押下して再投稿しましょう。この手順は一度しているので簡単ですね。
一つの操作ですべての記事の画像に影響が出てしまうんですね。便利なようで恐ろしくもあります。もし、間違えてどこかの画像を削除してしまったら元に戻すのにどこの記事の画像だったかを探し出さないといけないんですね。
一度アップロードした記事に対して、その記事に行かずに編集できてしまうことに少々の違和感を感じますがここはシステムに従うしかないですね。便利なようでもありますし。
根本的な解決へ（alt属性を指定）
はてなブログ開発チームが根本的な根本的な対処方法を開発しました。 はてなブログでもalt属性を指定できるようになったのです。今までのはてなブログではalt属性を指定できなかったため、この記事のようなノウハウが必要だったのです。alt属性を指定すればこのようなよくわからないノウハウは必要ありません。
alt属性とは
HTMLで画像を表示する際にはimg要素を使用するのですが、img要素にはalt属性があるのですね。alt属性に文字を入力しておくと、なんらかの影響で画像が表示できない時に代わりにその文字を表示してくれるのです。
alt属性の設定方法ははてばブログ開発チームの公式ブログをどうぞ。
それでは今日はこの辺で。
