*n.on.log

The serene rainbow spans after heavy weather.

 
 

Home

Akari * Studio

Photolog

Twitter

About

Chronology

Category

Tag

WordPress 新テーマ、Metro UI っぽくしてみた

WordPress 新テーマ作成

WordPress の新テーマを作りました。
ブラウザ要件などは以前と変わっていません。Firefox、Webkit 系、Internet Explorer 8 & 9 にて確認しています(IE 7 までは未対応)。
一部色を変えるスウィッチャーが iOS デバイスでは機能しないのですが、これはそのうちなくすかもしれないのでとりあえずそのままで。
もし崩れていたり明らかに統一のとれていない箇所があったら教えてください。

今回は、Windows Phone や 次期 Windows である Windows 8 (仮称)で採用されている Metro UI を意識して作ってみました。

Metro UI - Wikipedia

簡単に言えば、地下鉄の案内表示のような、指示に従っていけば目的に必ず辿り着く簡潔・明瞭性、そしてスイス・デザインを基調に据えた単色のタイルデザインが特徴です。
私はまだ Windows Phone を所持していませんが、今のところのスマートフォンの本命だったりします。Metro UI は結構好きなのでテイストだけでも取り入れてみようと思った次第。

Lessons From Swiss Style Graphic Design | Smashing Magazine
なぜ Windows Phone のアプリバーのボタンは丸い線で囲まれているのか? - ななふぉ

本当はフォントも Segoe 使いたいのですが… Win 8 には入ってるのかなあ。

おそらく Windows 8 が発売されたら Metro UI っぽいサイトはわんさか出てくると思いますが、そうなったらたぶん変えると思います、性格的に(笑)。
でもタイルデザインってほんとタッチデバイスと相性いいですね。

MacとBootCamp上Win7でBluetoothデバイスを併用&キー割り当て変更方法

自分が躓いたので備忘録も兼ねて…。

MacBookにてApple Wireless KeyboardとMagic Mouseを利用しています。そのMacBookにBootCampを利用してWindows 7を入れたところ、Apple Wireless KeyboardとMagic Mouseを登録できない現象にぶつかりました。
※以下、Windows 7として話を進めますが、他のOSでどうなるかは分かりません。

Windows 7の「デバイスの追加」にてデバイスは見つかるのですが、接続しようとすると「デバイスに接続しています」と表示されるだけでうんともすんとも言わない。結局接続されずにエラー。
さっぱり分からなかったので検索してみると、2ちゃんねるにも同様の書き込みがあり、その方の解決方法で同じく解決しました。多謝!

まずWindows 7にてBluetoothデバイスを登録する前に、Macにて登録済みのデバイスを削除する必要があります。ここで気をつけるべきなのは、「接続解除」ではなく「登録デバイスの削除」という点です。

環境設定から登録済みのBluetoothデバイスを削除
「システム環境設定」から「Bluetooth」へ。すでにApple Wireless KeyboardやMagic Mouseを利用されている方は、左側のデバイス一覧に表示されていると思います。
BootCamp上のWindows 7で登録したいデバイスを一度ここで削除します。あとでもう一度Macで使えるように再登録するのでご安心を。
一覧下部の「-」をクリックして削除します。私の場合はここでApple Wireless KeyboardとMagic Mouse(表示はApple Wireless Mouse)を削除。

再起動してWindows 7で起動します。
通知領域アイコンのBluetoothアイコンをクリックして「デバイスの追加」を選択します。ここで通知領域にBluetoothアイコンがなければ、Windowsメニューの検索にて「bluetooth」と入力し、ヒットした中の「Bluetooth デバイスの追加」を選択します。
登録したいBluetoothデバイスの電源を入れると、やがて自動的に表示されると思います。そしてデバイスアイコンをダブルクリックして指示に従っていれば登録できると思います。

無事に動作を確認できたら今度はMacにて再起動。先ほどデバイスを削除したので利かないはずです。Bluetoothデバイスの電源を入れ、インジケーターが点滅している状態であれば、Macが拾ってくれると思います。そして指示に従って再登録。上記スクリーンショットにある歯車アイコンをクリックすればデバイスの名前なども変更できます。お好みでどうぞ。

これでMac、BootCamp上のWindows 7と両方で使うことが出来ます。なぜ最初の段階で出来ないんでしょうね。ともあれめでたしめでたし。

Read the rest of this entry »

自作PCケース(2G)完成【Win7杯’09参加】

2代目自作PCケース完成!
11月より作っていた自作PCケースが完成しました。「このあいだも作ってなかった?」と今思われたあなた。あなたは正しい。

自作PCケースがやっと完成 - January 20th, 2009

一年経たずに作り直してるとかどんだけ飽きるの早いんだよ、とか言われそうですが一応理由はあるのです。
一番大きな理由は、その高さ。前のケースは浮いている分も含めると50cmほど。幅と奥行きはそれほどでもないのですが(約27cm四方)。この高さをどうにかしたかった。またこの一年で内部のパーツ構成がいくらか変わり、ファイルサーバを別に立ち上げたことによってこのメインマシンには3.5inchのハードディスクがなくなりました。これによって空きスペースが増え、作り直したいなと。
あと素材的にピノス集成材を使っていたため、重い。この重さが地味にめんどくさい(笑)。今度は軽くしようとも考えていました。
もう一つ言えるのは、前回は初めての自作PCケースで、それをしばらく使ったことにより、「ここはこうしたほうがいい」とか「ここはこうでなくても構わない」といった改善点が見えてきたことです。
新たに作ったと言うよりは、改良を加えて作り直した、という感じです。2代目です。2Gです。

また今回のこの記事は、「Windows 7杯 自作PCの祭典 2009」へのエントリー記事も兼ねています。ずばり締め切りは今日! せっかくなので間に合わせるため、急ピッチで完成させました。
ベンチマーク結果なども交えていますが上記コンテストのエントリーのためのものですので、その辺は適当に読み飛ばしてください。

立方体になりました
さきほど書いたように今回の目的は省スペース化を進めることがひとつ大きかったので、パーツの配置を決めるのに一番時間がかかりました。その結果、30cm四方の立方体になりました。容積比で3/4以下になったことになります。重心も低くなったので安定感が増しました。

木材は今回はファルカタ集成材を使いました(ファルカタ材についてはこちら)。桐のように軽く、白くてとても美しい。そして安い! 厚13x巾300x長910のもので840円。2枚使ったので1680円。背面とMB取付版に使ったMDFボードも含めても板代は2000円行きません。支柱に使ったアルミ板(厚2x巾20x長さ910)が680円かな?

ドライヴ&USBポートへの扉
前回は左右どちらからでも使いやすくするために、扉は手前へ倒れる方式にしました。しかし自分の場合、右側に置くことはまずないことが分かりました。また加工も大変なので、簡単に左へ開く扉に。
また前面のUSBポートは3つ同時に使うことは一年間で一度もなかったので2つへ削減(デジカメとiPhoneを同時に繋げることはあっても、更にもう一つペンタブなどの臨時接続デバイスを同時利用することはなかった)。
PCケースを浮かせて見せるために前回は足を作りましたが、「インシュレーター置けばよくね?」と気づいてしまいました。なので今回は足なしです。インシュレーターはまだ買っていないので板の切れっ端を置いてます。

Read the rest of this entry »

Windows 7 tips: XP Modeを使ってIE6&7を共存させる

IE6,7&8 working on Windows 7
原寸大[1920x1200] ※以下、「原寸大」はサイズの大きいものがあるので注意。

ウェブサイトを作ってる身としては、なんだかんだ言ったところでやはりInternet Explorer 6&7を無視するわけにはいきません。よって手っ取り早く検証作業を行うために、Internet Explorer 6~8の各ヴァージョンをインストールしておきたいわけですが、これをやるには一手間が必要です。ちょっと今更感もありますが、ここで備忘録的にも手順を残しておきたいと思います。

Read the rest of this entry »

Windows 7 tips: エクスプローラの検索ワード履歴を削除する

エクスプローラの検索機能
エクスプローラ(MacでのFinder)には右上に検索窓があり、以前使ったキーワードがリストアップされ、簡単に探すことができますが時には以前のキーワードを削除したい場合もあるかと思います。
ところが、このキーワード履歴を一括削除するといったことをどこでやるのか、未だに見つけられていません。

そこで一括削除ではないものの、検索キーワード履歴を削除する方法のティップス。というほどのものではありませんが。(笑)

このようにキーワード履歴が出てきます
たとえば、検索窓をアクティヴにするとこのようにキーワード履歴が出てきます。同時表示されるのは3つまでのようですが、キーワードを入力していけばどんどん候補が絞られていきます。

まず、削除したいキーワードにカーソルを重ねるか(クリックしてしまうと入力されるのでだめです)、キーボードの矢印で選択します。
その状態で、[Delete]を押すだけ。
消去したいキーワードを選択し[Delete]
消去したいキーワードを選択し[Delete]。これだけですが、これ以外にこのキーワード履歴を削除する方法が分かりません。