Pixel.United » Knowledge

Mac OSX Leopard 10.5.7で日本語入力できなかった時の対処

J.J. — Sun, 02 Aug 2009 05:26:24 +0000

現在、Mac OSX Leopard 10.5.7を利用していますが、時折日本語入力モードになっていても、英字入力に固定されてしまい、日本語が全く打てない状態になってしまうことがあります。

これを元に戻すには、”アプリケーション” > “ユーティリティ” > “アクティビティモニタ” と選択し、アクティビティモニタを起動します。プロセスの一覧から”ことえり”を選択し、ウィンドウ上部にある”プロセスを終了”を押すと、終了してもいいか聞かれるので、ここで”終了”を選択。
OSXのメニューバー上にある言語メニューから”ひらがな”を選択すれば直ります。

via : Re: Mac OS X 10.5.6 で日本語入力ができなくなる。 – FileMaker Pro の使用方法 – FileMaker フォーラム

IE7でのインライン要素の背景指定は変？（アイコン追加にて）　ではIE8では？

J.J. — Wed, 25 Mar 2009 16:35:49 +0000

当サイトでは、外部サイトへのリンクを用いる場合、CSSで”インライン要素であるaタグの右側に適度な余白（padding-right:）を作り、アイコンを背景画像として右に配置”しています。これは割とメジャーなテクニックかと思われます。

しかし、なぜ今まで気づかなかったのか、Internet Explorer 7（以下「IE7」）ではインラインの背景をブロック要素のように取るため、以下の赤線のようなボックス状の中に画像を配置するようです。

ということは、実際のIE7での見た目は下の画像のようになり、アイコンは欠けたり、見えなくなったりします。

padding-rightで与えた右の余白はしっかりと2行目に入ってるのですが、background-position: right center;で”X軸：右、Y軸：中央”として与えた背景は”2行合計のX軸：右、Y軸：中央”にされてしまっています。
2行合計で計算されていますから、background-position: left top;で”X軸：左、Y軸：上”にすると、今度は1行目のaタグ冒頭に余白ができ、1行目の全体頭に（aタグではない部分）にアイコンが来るようです。上の画像だと”UI”と書かれてるあたりにアイコンがカブります。

IE8ではこのテクニックは通用します。しかしながら、IE8を意識し、モダンブラウザをメインターゲットに捉え、過去のブラウザと決別するのであれば、CSS3で実現すればいいという考えも浮かびます。そのためのコードは以下の通りで、当サイトもこの形式に変更してみました。

アイコンを追加したい部分のaタグに向けて……

div.post p a[href^='http']:after {
content: url(‘icon_outside.png’);
}
div.post p a[href^='http://www.eight-bits.net']:after {
content: url(‘empty.png’);
}

このa[href^='http']がCSS3によって実装されているセレクタを利用した部分で、1つ目の部分の意味は”href属性の内容がhttpで始まっているaタグだったら”ということになり、続く:afterは”その後にどうする”ということになります。また、content: urlの中で、icon_outside.pngという”外部リンク用アイコンの画像”を指定することにより、アイコンの表示が可能になります。

2つ目の指定は、そうじゃなかった場合に1つ目で指定したものを打ち消すために仕方なく書いたコードです。本来なら「～でないなら」的なコードを書きたかったのですが、ざっと探した限りでは見つからず、またcontent: none;のような「そうだった場合に、”消す”」的なものは、一部ブラウザで動作しなかったため断念。意味としては”href属性の内容がhttp://www.eight-bits.net（つまり自分のドメイン）で始まる場合は、その後にempty.pngという1*1pxの判別しづらい透明画像を追加する”となります。

以上のコードを要約すると、「httpで開始する外部リンクは後方にアイコンを付加、そうでないときは何もしない、しかし、意図しない自分のドメインへの絶対パスがリンクに設定されている場合は、代わりの判別しづらい画像を後方に追加する。」ということになります。

Windows用のIE8、Firefox3、Opera9.64、Safari3.2.2、Google Chrome1.0、Mac OSX用Safari3で動作しました。2つ目の指定をもっとスマートに書けないものかなぁ……

2009年3月28日追記

なぜ上記のようなとてつもなくやっつけ半分なコードになっているかについてですが、vanguardeさん（ご協力ありがとうございます）よりコメント欄にてご意見いただいているように、よりスマートな書き方としては……

div.post p a[href^='http']:not([href^='http://www.eight-bits.net']):after {
content: url(‘icon_outside.png’);
}

という書き方が存在します。これは”href属性がhttpで開始されているaタグのうち、http://www.eight-bits.net（自分のドメイン）での開始を除いたものの後にicon_outside.pngを追加する”という意味になりますが、この方法ですと、IE8では動作しませんでした……そもそも:notが対応していないようです。

また、その他にも2つ目に挙げたコードをちょっとでもスマートにしようと……

div.post p a[href^='http']:after {
content: url(‘icon_outside.png’);
}
div.post p a[href^='http://www.eight-bits.net']:after {
content: none;
}

“href属性がhttpで開始するaタグにicon_outside.pngを追加するが、href属性がhttp://www.eight-bits.net（自分のドメイン）で開始するaタグの場合は何も追加しない”的なコードにしてみたのですが、こちらはWindows用Opera 9.64、Windows用Safari 3.2.2、Google Chrome 1.0で動作しませんでした。2つ目の指定が1つ目に対して上書きされていないのかと思い、content: none !important;としてみてもやはり動作せず。

正しいというか、スマートなコードを書きたければCSS3の導入はもう少し先にすべきかもしれません。

ちなみにこれは余談ですが、jQueryによる仮想CSS3にて今までこの動作をさせていたのですが、これがIE8ではJavaScriptエラーが発生し気持ちが悪かったために、CSS3への転換を決意したというのが事の発端です。

Photoshopのカラーピッカーでアプリ外の色を拾う

J.J. — Sat, 17 Jan 2009 08:19:23 +0000

先日Twitterで”Photoshopのカラーピッカーで、デスクトップ上の色をピックアップするにはどうするの？”的な質問があったりしたので、Twitter上で回答してみましたが、もしかしたら他にも知らない方もおられるかもしれないのでエントリー。

Fireworksでは可能な”アプリケーション領域外の色の取得”。Photoshopで同様の操作を行うことができません。これにより、一見できないのかと思われてしまいますが、実はPhotoshopでもアプリケーション領域外の色は取得できます。

やり方は簡単。カラーピッカーを開いたら、キャンバス上から拾いたい色まで、ドラッグアンドドロップ操作をするだけです。

これで、アプリケーション領域外の色をピックアップできました。

Googleマップで世界のサッカースタジアム

J.J. — Wed, 17 Dec 2008 16:48:54 +0000

世界の～とか言ってますけども、実際はGoogleマップでわかる範囲ですので、結構偏ってます。あと、分かり次第の記述なので、順番に関しては特に意味はありません。バルサが一番最初にきてるのは個人的には意味がありますが……

（注）スタジアム名およびチーム名は正式名称・一般名称混じってます m(_ _)m

2008.12.18：中国とオーストラリアとエジプトのごく一部を追加。スペインに加筆・修正。
2009.4.29：韓国追加。解像度の上がっているマップを更新。
2009.12.4：不明だった”春川総合運動場”と”深圳体育場”を追加。スコティッシュ・プレミアリーグを独立。

Safari for WindowsがやっとWindows XPで動いた。

J.J. — Sat, 19 Apr 2008 08:16:36 +0000

Appleが世に放つソフトウェアプロダクトの一つ”Safari“。このSafariのWindows版がリリースされてから10ヶ月立ちましたが、2008年3月にバージョン3.1で初めて正式版とされ、ようやくWindowsユーザも普通に使うことができるのかなと思っていたのですが、インストールしても全く起動できませんでした。

遷移としては、一度パブリックベータの段階でインストールし、エラーを吐いてブラウザが数度落ちながらも表示のテストなど行っていたのですが、ある時マイナーアップデートのアップデータをインストールした時点から全く起動しなくなりました。
起動プロセス時にエラーを吐いて、ブラウザウィンドウも表示されずに強制終了がかかっていた感じです。

その後、正式版であるバージョン3.1をインストールしても、依然として起動プロセス時にエラーを吐いて強制終了。もうだめかと思ってたのですが、各所で同じ症状を報告するブログエントリが挙がっており、「Windowsのユーザ名を半角英数にすれば起動した」という報告が随所に見られたため、それらを参考にWindowsのユーザ名を半角英数にしてみたのですが、上で挙げた”起動プロセスでのエラー”は変わらず……。

半分諦めてましたが、ここでもう一度Windowsのユーザ名をトライ＆エラーの連発覚悟で、ユーザ名の文字列を全て「半角英数”小文字”」に変更したところ、起動することができました。手順としては以下のとおり。

既にインストールされているSafari for Windowsをアンインストール
Windowsのユーザー名を”半角英数小文字”に統一
Windowsを再起動
現在最新としてアップロードされている、Safari for Windowsをダウンロード
Safari for Windowsのインストール
Safari for Windowsを起動

シェアを獲る気うんぬんはどうあれ、とりあえず「ユーザー名によって起動しない」というのはなんとも……。このエラーの期間が長すぎて、使用する前から既にSafari for Windowsにかなり失望している人は多いかと。

せっかくiTunesと同じような美しい見た目と、高速な描画性能を持っているのに、なんとももったいないですねぇ。