FC2ブログのサムネイル用独自変数がついに使い物にならなくなった

小ネタです

ご無沙汰しております。
以前コメントツールバーの遅延ローディングで記事紹介していただいたmochiです。

FC2ブログのデータサーバーに保存されている画像URLと各サムネイルの画像URLには法則性がありまして、<%topentry_image_url>で得られる画像URLをJavaScriptで置換することで各サムネイルの画像URLを導きだすことができます。

下記コードは一例ですが、原寸表示のimgタグを一旦コメントで囲んでおいて、コメント内部をJavaScriptでURL変換して書き出すことで、各サムネイル画像にalt属性が付与された形で画像表示することができます。

<div class="changeimg">
<!-- <img src="<%topentry_image_url>" alt="<%topentry_title>"> -->
</div>

<script>
var texts=document.getElementsByClassName("changeimg");
var text=texts[texts.length-1].childNodes[1].data;

// ↓ <%topentry_image_72>で取得できる72×72pxサムネイルに変換したい時
text=text.replace(/(blog-imgs-)(.*?)(.fc2.com)/g,"blogthumbnail$3/72/$2");

// ↓ <%topentry_image_w300>で取得できる幅300pxサムネイルに変換したい時
text=text.replace(/(blog-imgs-)(.*?)(.fc2.com)/g,"blogthumbnail$3/W300/$2");

// ↓ <topentry_relate_thumbnail>で取得できる144×144pxに変換したい時
text=text.replace(/(blog-imgs-)(.*?)(.fc2.com)/g,"blogthumbnail$3/r72/$2");

document.write(text);
</script>

ただW3Cバリデータはコメント内部のチェックやJavaScript実行後のHTMLチェックをしていませんので、コレやるとalt属性有無に関わらずエラーは出なくなるんですけど…
そもそもこのインタプリタ的手法がW3Cバリデータ云々以前の倫理的課題がありそうな感じですけど。

それでもGoogleクローラはJavaScript実行後のHTMLをちゃんと見てくれているようなので、この手法によるalt属性付与はそれなりに意味が出てくるとは思います。

こんなことしなくてもJavaScript関数に引数としてURL文字列を渡して、変換後のURLを返値で返せば良いのかもしれませんが、それはまだ試したことがありません。

いずれにしても、現行のサムネイル画像での大きさや寸足らずなど課題が残ったままなので、結局サムネイル独自変数使えねぇという結論は変わらないんですけど…

To mochiさん

mochiさん、こんにちは ('0')/

たぶんGoogleがraw htmlを見てるのって今もうheadぐらいじゃないかなぁ、と思います。
細切れの情報をつなぎ合わせると個人的にそんな解釈になります。実際のところはわからんけど(笑)

解像度の点で内容が沿わないとしてもalt属性を付けたい方ってたくさんいらっしゃると思うのでmochiさんが記事にされたら助かるんじゃないかしら(既に書いてらしたらごめんなさい)
画像サーバー番号が変わって困ってる、という方にも応用が効きますし。
mochiさんはこういうのを突き詰めて研究されるのがお好きなんですね。そういう方が居ると初心者の人にとってとても手助けになると思います。
またいろいろ教えてくださいね :)

----
クレクレ君、嫌ですよねぇ。心中お察しします (´・ω・｀)
なんか私も「質問にはちゃんと答えなさい」とか言われたことあります。「答えなさい」って(笑)
ちなみに頻繁に訪れてはたまに意地の悪いコメントとか残していかれますよ(笑)

ちょっとまとめて記事にしてみようと思います

こんにちは。Akiraさん。

>たぶんGoogleがraw htmlを見てるのって今もうheadぐらいじゃないかなぁ、と思います。
僕のブログ半年ぐらい前から先程の手法で、記事本文をコメントで囲って画像表示に自動でLazysizes適用させて出力するようなスクリプトをテンプレートに仕込んであるんですが、記事中の文言もちゃんとgoogleの検索に引っかかってくれていますのでおそらくその推測はほぼ合っているんじゃないかと僕も思います。

>解像度の点で内容が沿わないとしてもalt属性を付けたい方ってたくさんいらっしゃると思うのでmochiさんが記事にされたら助かるんじゃないかしら(既に書いてらしたらごめんなさい)
サムネイル画像URLの規則性については記事にしたことがありますが、スクリプト置換を使った具体的な応用方法までは書いてはいませんでした。
折角背中を押してもらえたのでdocument.writeのところをもう少しマトモなものにして、記事にまとめてみようと思います。

Akiraさんやぼっちんさんのコメントのやりとりを見ているとすごく親切丁寧で、僕なんかとても真似できないなぁと常々感じています。
神対応というのは少し言い過ぎかもしれませんが、僕から見るとホントそれぐらいのレベルで回答されていると思います。
絡まれているのは以前コメント欄でエキサイトされていた相手だと想像していますが、ブログをやっていると本当に世の中にはいろんな人がいるということを実感します。
陰ながら応援しています。(^▽^;)

To mochiさん

はい。是非お書きになってください。
それからお気遣いもありがとうございます(笑)
いろんな方がいらっしゃいますね。ホントに ^^;