新サイト移行のお知らせ
この度新しくサイトを公開し、ブログも含めて完全に移行することにしました。
こちらのブログは更新終了とします。
新しい服を下ろしたような、すっきりとしたサイトになりました。
http://19810720.org/
お手隙の際にお立ち寄りください。
WordPress 新テーマ、Metro UI っぽくしてみた
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 っぽいサイトはわんさか出てくると思いますが、そうなったらたぶん変えると思います、性格的に（笑）。
でもタイルデザインってほんとタッチデバイスと相性いいですね。
東北関東大震災について [UPDATE #12]
【UPDATE #12: 03:01, March 26, 2011】
SoftBankの携帯電話をお使いの方は、ポイントが貯まっているかと思います。それを「100ポイント＝100円」単位で義援金として寄付できます。
携帯マイレージポイントを義援金に ソフトバンクモバイル – 架空の妹があらわれた！
マイレージポイントで寄付：東北地方太平洋沖地震 – ソフトバンクモバイル
ポイントが幾らあるか分からない場合は、My SoftBankにログインすると表示されます。
もちろん寄付画面でもログインすれば確認できます。（名前がただの「さん」になっているのは表示名を登録していないからです。）
そもそもこのポイントは案内によると「貯まったポイントは機種変更やオプション品との交換・割引などにご利用いただけます。」だそうですが、遣う予定は一切ないのでいい遣い方ができ良かったです。寄付先は「特定非営利活動法人 ジャパン･プラットフォーム」とのこと。
HTML5 でサイトりにゅ～ある！
XHTML やめて HTML5 で書いてみたよ！（画像をクリックで原寸表示）
サイトの内容も足したり引いたりしてますので、よろしければご覧になってみてください。まともに更新したの2年ぶり；
今回から Internet Explorer 7 以下のブラウザをご利用になっている方にはモダンブラウザにしてみない？ なお誘いを表示させています。
IE7 以下をお使いの方へのお知らせ。（画像をクリックで原寸表示）
HTML5 と関係ないところでは、上記スクリーンショットを見比べていただくと分かるかと思いますが、罫線が本来は綺麗な画像なんですけれども、IE6 & 7 ではただの灰色の線になっています。IE8 は OK です。
HTML5 に対応していない Internet Explorer 8 以下への対応に関しては後述しますが、フォローしていますので表示崩れなどはないはずです。
ブログ変更点まとめ
ずいぶん時間が経っていますが、いくつかブログ周りに手を加えました。
◆やっと命名。
HTML日記からウェブログシステムに移行して何年？ って感じですが、やっと名前が決まりました。（今までの「site-ichijo.net * blog」はその通り暫定のもの）
で、決めたのが「*n.on.log（のんろぐ）」。
一応込めた意味は、
・non log – のんのログ。「のん」は子供の頃よりの愛称。
・nonlog – ただのログ（記録）にあらず。
・n on log – n(ori) on log. のりがここにいるよ、みたいな感じ。
◆favicon、iPhone/iPod touch向けアイコンを設定。
ブラウザでサイトを見ていると、URLバーの左側に小さいアイコンが表示されることがあります。これはfavicon(favorite icon)というもので、サイト作成者は自由に設定することが出来ます。
私は今までなんとなく押しつけがましい気がしてfaviconは好きではなかったのですが、iPhoneでホームにブックマークすると、（faviconとは別の、iPhone/iPod touch向けの）アイコンを設定していないとただのスクリーンショットになってしまうので、これを機にfaviconと併せて設定しました。
iPhone/iPod touch向けのアイコンはこういう感じです。
faviconのほうはグレーにしました。（表示面積が小さいので色数は少ない方が分かりやすい。）
このアイコンですが、トレードマークみたいなもの？ （聞いてどうする。）
花が好きっていうのもありますが、この7という枚数には意味があります。正7角形というのは、実際に描いてみると正確には描ききることが出来ません。そういう意味で「掴みきれないもの」みたいな感じの印象があります。虹のような光もそう。捉えどころのなさというのは憧れます。「蓴菜な人」になりたい。（蓴菜[じゅんさい]はお店のお澄ましなどに入っているぬめりのある芽。掴みにくいことから「蓴菜な人」とは「捉えどころのない人」などの意味。関西の方で遣う言葉だそうです。神戸在住の伯母に教えてもらいました。）
◆WordPress新テーマ作成。
久しぶりに模様替えしました。NHKの「クローズアップ現代」の新しいスタジオデザインが好きなので、その配色（淡いコーラルピンクと白）を使いました。
加えて、ブログっぽくなくしたいという思いが以前よりずっとあって、利便性を損なわずにブログらしからぬレイアウトを模索。なかなか難しいですね。
TwitterのウィジェットをFlash版からJavaScript版にしました。その結果、InternetExplorer環境では多少不安定さが出ています。どうにもしようのないIE6向けにはFlash版を読み込ませるようにしていますが、「操作は中断されました」などのエラーが出る場合、ご連絡ください。（ブラウザの種類とヴァージョンをお教えください。）
それにしても今回ばかりはIE6をサポートブラウザから外そうかと本気で思いました（笑）。うちのサイトはFirefox比率が高いのですが（IEが45％、Firefoxが30％くらい）、IEのヴァージョンで見ると6,7,8がそれぞれ32～33％と三つ巴になっています。全体の15％くらいがIE6ユーザということになります。これが5％を切ったら実際にサポート外そうかと思っていますが、あと2年くらいは難しいかもしれないですね。5％じゃ厳しいかなあ、3％切ったら、でしょうか。