LD.ymst.net - 郡山市でホームページを制作している人のブログ

IE8でTweetボタンが表示されなくなったけど解決

2012-01-18T07:21:35Z

家のPCでやったら、やっぱ大丈夫だった。

何なんだろうなあとあれこれ試すも駄目。
あーデバッグしてみようと思って、IE8の開発者ツールからスクリプトデバッグを試してみたら、直ったｗｗｗ

意味分からんけど、良しとしよ。

IE8でTweetボタンが表示されなくなった

2012-01-18T07:19:59Z

今日気づいたんだけど、IE8でTweetボタンの画像が表示されなくなった。
画像が表示されず、「Tweet」とテキスト表示になっちゃうんだけど、俺の環境が悪いのかなあ。
iframeで埋め込んでるボタンはおｋだけど、アンカータグで埋め込んでるTweetボタンがダメ。
他のバージョンのIEはどうなんだろ。

出てくるエラーはこんな感じ。

文字が正しくありません。
widget.js コード:0 ライン:1 文字:1
URI:http://platform.twitter.com/widget.js

家に帰っても試してみよう。
ちなみに、FirefoxとかChromeとかその辺はおｋ。

WordPressのカテゴリーリストからrel属性をカットする

2011-12-26T02:41:59Z

WordPressのカテゴリーリストのrel属性が、HTML5だとvalidじゃないよと言われて、あまり良い気分じゃないんで、簡単に取り除いちゃいます。

テーマのfunctions.phpに

add_filter('the_category', 'remove_rel');
function remove_rel( $text ) {
	$text = str_replace('rel="category tag"', "", $text);
	return $text;
}

こんなんでおｋ。

Operaは、CSSでパーセント指定の長さの小数点以下は計算してくれない

2011-12-26T14:59:23Z

Opera最強伝説なのに、CSSのwidthやheightなどで、パーセントで長さを指定した場合、小数点以下は計算をしてくれないとは、これ如何に。まあ今更の話だけども。

例えば

<!-- CSS -->
<style type="text/css">
ul{
	background:#444;
	width:400px;
	height:56px;
	margin:0;
	padding:10px;
	list-style:none;
}
li{
	float:left;
	color:#FFF;
	text-shadow:0 0 2px #000;
	width:12.5%;
	height:56px;
	line-height:56px;
	margin:0;
	padding:0;
	text-align:center;
}
li.abc{
background:#666;
}
li.def{
background:#888;
}

ul:after{
	content:'';
	display:block;
	clear:both;
}
</style>

<!-- HTML -->
<ul>
	<li class="abc">OPE</li>
	<li class="def">RA</li>
	<li class="abc">最強</li>
	<li class="def">伝説</li>
	<li class="abc">OPE</li>
	<li class="def">RA</li>
	<li class="abc">最強</li>
	<li class="def">伝説</li>
</ul>

こんなのをOperaで見てみると

のような感じで、右端に少し空きができちゃいます。
例えばFirefoxと比べると

こんな感じで、小数点以下分、合計4%=16ピクセル分ずれますん。

俺の場合、こういう時は何だかなあと思うけど、Opera用に簡単なjsで対応してます。

<script type="text/javascript">
if(window.opera){//Operaだったら
	$(function(){
		$("li").css("width",$("ul").width()/8+"px");//liのwidthをulの1/8pxに
		$(window).resize(function(){//ウィンドウがリサイズされたら
			$("li").css("width",$("ul").width()/8+"px");//liのwidthをulの1/8pxに
		});
	});
};
</script>

こんな感じのjsでおｋ。

初めて天体撮影してみた（皆既月食）

2011-12-15T14:52:25Z

デジカメを買って以来初めて、月食を撮影してみた。
というかこれが初めての天体撮影だったりする。

とりあえず満月

1/3くらい

半月状態

皆既

また欠けてきた

皆既月食と星空

微妙にオリオン座が入りました。

以後は、レンズが結露しちゃって断念。残念。

反省

望遠200mmじゃ足りなかった。300mmは欲しいと思った。
あと強固な三脚も欲しいなあ。
何かISO感度上がってて、ノイジーになっちゃった（´･ω･｀）
しかし寒かった…。
次は2014年10月8日かあ、まだまだ先だね。

INBloggerテスト

2011-12-12T12:38:50Z

Windows mobileのINBloggerのテスト。
便利だねこのアプリ。

ツイートボタンのデザインが新しくなった？のでサイズを直す

2011-12-09T01:01:25Z

なんかツイートボタンが新しくなったようで、レイアウトがおかしくなった。
だのでCSSで修正します。

ツイートボタンの修正

CSSでiframe.twitter-share-buttonに変更を加えてやります。
インラインでwidthとheightが指定されているので、important付けとこ。

iframe.twitter-share-button{
	width:64px !important;
	height:62px !important;
}

widthは適当な数字で62pxくらいあれば間に合うかな？heightは62pxで丁度だとオモ。

これでおｋ。

Mobile Joomla!で携帯対応してみた【文字コード変換完結編】

2011-12-09T00:59:53Z

一番ネックだったのは、JoomlaはHTTPヘッダで指定している文字コードがUTF-8にハードコードされている為、そこをShift_jisに変更してやらないと、文字コードをShift_jisに変換しても、文字化けが発生してしまう事でした。

色々とググってみたところ、HTTPヘッダに吐き出される文字コードを指定している箇所を
libraries/joomla/factory.php
にて発見。

このファイル内で、変更してやります。

factory.phpの変更

694行目あたりから

$attributes = array (
	'charset'	=> 'utf-8',
	'lineend'	=> 'unix',
	'tab'		=> '  ',
	'language'	=> $lang->getTag(),
	'direction'	=> $lang->isRTL() ? 'rtl' : 'ltr'
);

このcharsetをShift_jis（SJIS-win）に変えてやります。
端末のUSER AGENTを取得して、DoCoMoかKDDIの場合はShift_jisにしてやるような感じに。SoftbankはUTF-8でおｋなので、DoCoMoとKDDIだけです。

$uagent = $_SERVER['HTTP_USER_AGENT'];//UA取得
if(preg_match('/^DoCoMo|^KDDI/i', $uagent)){//UAがDoCoMoかKDDIで始まっていれば
	$attributes = array (
		'charset'	=> 'SJIS-win',
		'lineend'	=> 'unix',
		'tab'		=> '  ',
		'language'	=> $lang->getTag(),
		'direction'	=> $lang->isRTL() ? 'rtl' : 'ltr'
	);
}else{
	$attributes = array (
		'charset'	=> 'utf-8',
		'lineend'	=> 'unix',
		'tab'		=> '  ',
		'language'	=> $lang->getTag(),
		'direction'	=> $lang->isRTL() ? 'rtl' : 'ltr'
	);
}

な感じにしてやれば、DoCoMoとKDDIの場合は、HTTPヘッダでShift_jisを指定してくれるようになります。
これで文字コード変換は完結！

plugins/mobile/terawurfl/terawurfl.php
もUAでKDDIとSoftbankの場合もmarkupをchtmlにしてやれば、iModeのテンプレートを読み込んでくれるようにできるので、色々とおｋ。

Joomla!1.7で管理メニューの構築エラーです

2011-12-09T00:59:58Z

Joomla!1.7でエクステンションをインストールすると、
赤字で「管理メニューの構築エラーです」
とか言われて、コンポーネントのメニューに追加されない場合が時々あって困る。
コントロールパネルにもメニューが追加されるタイプだと良いんだけど、そうじゃない時は、非常に参ります。

で、解決するには、

インストールしたエクステンションを一度削除
MySQLの@@@_menuテーブルの中の、削除したエクステンションの行を削除（phpMyAdminとかで）
※@@@はDBのプレフィクス
再度インストール

としてみると、うまくいく場合が多いです。

XAMPP Virtualhost設定とPHPのセッションでWARNINGメモ

2011-10-25T11:29:40Z

XAMPPを再インストールしてて嵌ったのでメモ。

Virtualhost設定

<VirtualHost *:80>
	DocumentRoot "C:/Program Files/xampp/htdocs/xampp"
	ServerName localhost
	ErrorLog "logs/localhost-error.log"
	<Directory "C:/Program Files/xampp/htdocs/xampp">
		Options Indexes FollowSymLinks Includes ExecCGI
		Order deny,allow
		Deny from All
		Allow from localhost 127.0.0.1
	</Directory>
</VirtualHost>

localホスト用も入れとかないと駄目。まあ当たり前だよね…。
そんで別のホスト入れればおｋ。

<VirtualHost *:80>
	DocumentRoot "C:/_works/example/_html"
	ServerName example
	ErrorLog "logs/example-error.log"
	<Directory "C:/_works/example/_html">
		Options Indexes FollowSymLinks Includes ExecCGI
		Order deny,allow
		Deny from All
		Allow from localhost 127.0.0.1
	</Directory>
</VirtualHost>

PHPのセッションでWARNING

PHP Warning: session_start()…sess_…., O_RDWR) failed: No such file or directory (2)
とWarning表示された場合は、

php.ini 1480行目付近の

session.save_path = "\Program Files\xampp\tmp"

を

session.save_path = "C:/Program Files/xampp/tmp"

とちゃんと指定してやればおｋ。