btmup Blog

「Screengrab!」を使えば、Webページ全体や表示範囲のみ、あるいはユーザーが任意に指定する範囲のキャプチャをすることができます。

Mac環境ではFlashがうまくプリントできなかったり、「Shift+command+4」でキャプチャするにも案外手間だったり、そもそも縦長のページは分割するしかなかったり、様々な問題や不満があったのですが、このアドオンを使い始めてそれらはすべて解消しました。
毎回の初動でモタついたり、重いページだと若干画像がおかしかったりすることもありますが、実用レベルには十分だと思います。
続きを読む

Google Analyticsにプロファイルを追加したときに気が付いたのですが、トラッキングコードがビミョーに変わってますね。
ほとんど同じなんですが、2つめのスクリプトの中身がちょっとだけ書き替えられています。

変更前↓

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-xxxxxxx-x");
pageTracker._initData();
pageTracker._trackPageview();
</script>

変更後↓

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-xxxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}</script>

公式ブログでも特に言及されていないようなので、別に大したことではなさそう。
でも同じドメインで違うコードを使ってるのも何となく気持ち悪いので、一応新しい方に変えておきました。

こちら↓の記事によると、10月半ばまでは変わってなかったそうです。
Analyticsのトラッキングコードがいつの間にか書き方変わってますね – あきらめたらそこでテキオモですよ

こういう変更ってよくあるんでしょうか？
何も知らない状態で、変わってる事実だけを見つけるのはちょっぴり不安。

ただ、ググってみても今回の変更に関する情報ってあんまりないんですよね。
一年くらい前に「urchin.js」から「ga.js」に変わった（というか新しく公開された）ときの記事は、見つかったんですけど。

ま、こういうもんなのかなぁ。

IE7（Internet Explorer 7）で発生する、「一部の記号（○□△×など）が小さく表示される」という事象を解決する方法があったので、メモ的にエントリーしておきます。

結論から言ってしまうと、「UTF-8 でフォント指定をしていないサイトを IE7 で表示した場合」に発生する事象のようなので、その条件をクリアしてやれば良いようです。

以下、詳細。
続きを読む

最近、WordPressで作業しているときにこんなメッセージ（アラーム）が表示されることがあります。

確認
このページから移動します。よろしいですか？
他のページへ移動すると編集データは破棄されます。
「OK」を押すと移動、「キャンセル」を押すと現在のページにとどまります。

再現性はたぶん無し。
というか、結構な頻度で表示される割には決まった法則性は無さそう。
ただ、記事の編集画面から移動するときに発生してると思います。たぶん。

まったく同じ操作をしても表示されるときとされないときがあるし、保存したばかりの状態で違うページに行こうとするだけでも出るときがあります。
また、WordPress内だけじゃなく、たとえばブラウザのホームページボタンを押しても表示されたりされなかったりします。

メッセージをそのまま打ち込んでググってもみましたが、同じような事象は見つからず。
何をきっかけに出始めたのかも分からないので、ちょっと困り気味です。

まぁ気にせず「OK」を押しとけばフツーに使えるんですけどね。
どうしても「破棄されます」という文字列には過敏に反応してしまうので、できれば原因を突き止めたいものです。

MTのTinyMCEプラグインに関する記事で似たような事象が書いてあったので、ひょっとしたらビジュアルエディタを使用していることが原因かも知れません。
そういえば、HTMLエディタしか使っていないときは出てなかったような…………。
»MT > TinyMCE-MTPlugin > TinyMCE-MTPlugin 0.1.6 をリリース – ToI

あと、JavaScriptで似たようなメッセージを表示することもできるそうなのですけど、何かのスクリプトが作用してるってこともあるんでしょうか。
»blog.yosy.jp::window.onbeforeunload
»記事消失の悲劇を防ぐGreasemonkeyスクリプトを入れてみた – 頭ん中
でもこれって何かが入力された後に保存しなかった場合のはず。

保存した直後に表示されるアラームって、一体、何？

むー……。
調査継続決定。

普段はHTMLエディタしか使わないのですが、お客さんに操作方法を説明しないといけないのでビジュアルエディタも触り始めています。
（HTMLのことをまったく知らない人にCMSの管理をさせるっていうのもどうかと思うんですけど他もそんなもんなんですかねぇ）

で、まったく知らなかったのですが、ビジュアルエディタで単純にEnterを押すだけじゃ<p>タグになっちゃうんですね。
<br>タグにするためには、Shiftを押しながらのEnterでした。

どうやらこれはWordPressに限らず、多くのビジュアル（リッチ）エディタに共通している仕様みたいです。

いやぁ、奥が深い……。

参考サイト

• bit to bit » wp自習ノート#5
• 平和への結集ブログ » WordPress 投稿方法
• i-drift » Blog Archive » wordpress のRSSで改行が変
• WordPress 2.2 改行の不思議
• 静岡 SOHO Webデザイナー生活 （備忘録）改行プラグイン

ビジュアルエディタについての雑感

idとかclassが無効になっちゃうんじゃないかとか、行揃えのアイコンを押したら非推奨属性を入れちゃうんじゃないかとか、意味不明なソースになってレイアウトが崩れまくるんじゃないかとか、いろいろ不安はありましたが、今のところ大きな問題は発生していません。

不満があるとすれば、分かりやすくするために入れておいた改行が全部解除されてしまうことでしょうか。
全体的にソースがギュッと詰まってしまうので、パッと見の印象はかなり変わって「ん？」となります。

タグの閉じ忘れとかは直してくれるっぽいのですが、ってことは気づかないところで構造が変わってる可能性もあるってことで、そのあたりはやっぱり一抹の不安は残っています。