正直に書くブログ

ライブドアブログにログインすると、スマートフォン向けのカスタマイズが出来るようになったとしつこく表示されるので、ならやってみるかと当然の如く「フリーエリア」を使ってJavascriptで書いてみたのだが、スマートフォンでアクセスしても一向に思い通りの表示がされない。なぜ？

記述を間違ったかな？とか思いつつ手直ししてみてもやっぱり間違えてはいない。って事はやっぱライブドアブログの問題だろ！と、またいつもの不具合かよ～と思いながら、まずはJavascriptをサポートしているのか確認してみたら・・・・対応してないらしい。

livedoorブログ　スマートフォン設定Google Adsenseは使えない - アセットアフィリエイト

なんじゃそりゃぁって感じだけど、先にそれをやろうとした人が問い合わせてサポートしてないと回答されている以上仕方ないか。ただ、これが何時問い合わせているのか分からないんだよなぁ～検討するって答えられたらしいし。

私も問い合わせてみるか。

PS.
スマートフォンサイト用のフリーエリアは、Javascript非対応だと回答が来ました。livedoorブログのことだからと予想通りでしたが、使い物になりませんね。スマートフォン対応のカスタマイズをしている方はガシガシ要望を入れましょう。動かないものは動かざるを得なくさせるしかないです。ユーザーの声を聞かないサービスなら廃れるでしょうからね。

ありがたいfeed2jsですが、日本語の文字コード問題はちょくちょく発生する様です。サーバーを社内のLinuxサーバでやっている分には問題なく出来たのですが、外部でも使えるようにレンタルサーバに設置したら問答無用で文字化けを起こしました。

文字コード対策の方法は、先にするした小粋空間さんに解説されているので私の出る幕は無いのですが、プレビューボタンを押したら確実に化けるので、プレビューに関するファイルをカスタマイズする事にしました。具体的には生成されるJavascriptコードに文字コードを付加するカスタマイズです。

preview.php

<script language="JavaScript" src="<?php echo $rss_str?>"></script>

<?php 
	if ($utf== 'y') {
		$charset='utf-8';
		echo '<meta http-equiv="content-type" content="text/html; charset=utf-8">';
	} else {
		$charset='iso-8859-1';
		echo '<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">';
	}
?>

<script language="JavaScript" src="<?php echo $rss_str?>" charset="<?php echo $charset?>" type="text/javascript"></script>

こんな感じに修正してみました。プレビューの文字化け解消で機能的にOKかなという印象です。使い込んだらまだ日本語での使用に際して不具合あるんだろうなぁ。

仕事の中に、複数のCMSを組み合わせて要件を満たしたり、CMSで生成した記事を静的なWEBサイトに動的に表示させたいというニーズもあったりします。手っ取り早いのはJavascriptになるんでしょうね。私はJavascriptでプログラムの作り方は良く分かりませんが使い方はある程度分かります。

今構想している案件の中で、EC-CUBEでのショップサイトに、オーナーのブログ記事から新着情報的な一覧を表示させたいというニーズがあります。単純 に考えるとCMSの棲み分けをする事で機能を分離できますが、別々のCMSを使うことで、連携という部分で弱みが出てきます。なんとか簡単に実現出来ないかなと考えてみました。

そんな場合に使える仕組みとして便利なのが、RSSフィードです。多くのCMSがこのRSSフィード生成に対応していますので、それを取り込むことで容易に新着記事を別のCMSで表示させることが可能となってきます。静的なサイトでも使えるテクニックですね。

問題は、RSSフィードを生成する機能は多くのCMSに実装されているものの、よそのRSSを取り込む機能を備えているCMSが少ない点です。多くの場合はプラグインで対応することになるのでしょうが・・・私はプログラマじゃないので作れません・・

さてどうしたものか。と調べていたら良いものを発見しました。

feed2js

何となく以前やっていた1文字字下げを適用してみようかなと、<p>要素に適用するスタイルシートを書いてみました。元々私は字下げをしないタイプなのですが、長文になりがちなので読んでくれる数少ない人達への配慮も必要だなとの思いからカスタマイズしてみた次第です（行頭にスペースを1つ入れるのは手間だしダサいと私は思うので・・）。残念な事にライブドアブログのHTMLエディタでは<p>タグが使われないので、意識してソースを編集しなくてはなりません。改行すると<br />が2つ続いてしまいますし。

まぁそれは構造上仕方の無い事だし、基本的なパターンだと認識して守っていけば、テキストエディタ上で簡単に置換できるので<p>要素に統一していくことも可能ではあります。若干手はかかるけれど、段落の意識をするには、やはり<p>要素は重要だと思うのでソースコード修正ででも統一して行こうかなと思っています。

ちなみに、このブログではスタイルシートは下記の様にして、1em下げることにしました。

div.article-body-inner p {
	text-indent:1em;
}

使っているテーマ（スキン）によっても違うと思うので適宜調整しなくてはならないと思いますが、要するにp要素にインデントを適用させれば1文字字下げは出来るので難しい話じゃないとは思います。問題はフォントによっては1emという指定が正しく1文字分下がらない点です。まぁそれは仕方ないかなと割り切ることにしました。

はてなブックマークのアイコンが表示されるようになったと言う事

<li class="article-tool-box"><$ArticleToolBox$>
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="https://livedoor.blogimg.jp/syoujikido/imgs/b/9/b9fb0d87.gif" width="16" height="12" style="border: none;" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a></li>
</ul>