このサイトのトップページを、久しぶりに変更した。ブログではなく、トップページの方ね。以前に変更したのは2009年の5月だから、約2年半ぶりの変更だ。

ページ構成は今までと変わらず、「HOME、ABOUT、CONTACT」の3ページだけ。相変わらず内容はないが、プロフィールページとして使っている。

今回は、ウインドウサイズに合わせて、画面いっぱいに背景画像が表示されるようにした。ウインドウをリサイズすると、背景画像もそれにあった大きさで表示される。ついでに、HOMEではその背景画像をスライドショーに。

フルFlashのサイトなどでよくあった表示方法だが、Flashは使わずに、JavaScriptで背景画像の表示をコントロールしている。仕事でつくるサイトでも、Flashはもうめったに使わないしね。

ちなみに某古いブラウザでも表示されるようにしているが、見た目やレイアウトが若干崩れたりするのは気にしていない。ほんとうは、完全に無視したかったのだが。

あと、最初はHTML5で作っていたのだが、コチラはまだちょっと早い気がして、次回の変更まで延期にした。それまでに勉強しておこう。

先日、amazon.co.jpで、何か面白いモノがないか探していると、1987年に発行された講談社X文庫、喜多嶋隆の『天使のアッパーカット』上下巻セットが、マーケットプレイスで安く販売されていたので、さっそく購入した。いま読んでいる本が読み終わったら、次はこれを読んでみよう。でも、ほかにも未読の本があるなぁ……。

角川文庫と光文社文庫の喜多嶋隆作品は、すべて揃っているが、そのほかの文庫本や単行本は、持っていないものが結構ある。それらは、古書店などで見つけると買ったりしているのだが、たまに、「これは持っていたかな？」と忘れたりするので、備忘録も兼ねて蔵書リストを作っておくことに。

ページ下部メニューの、Individual Pagesのところに、「喜多嶋隆作品 蔵書リスト」へのリンクを入れておいたので、喜多嶋隆作品に興味のある方はどうぞ。

蔵書は結構な数があるので、「角川文庫」「光文社文庫」「そのほかの文庫」「単行本など」の4つに分け、それぞれを、JavaScriptでタブ切り替え表示するようにした。

タブ切り替え表示用のJavaScriptは、探してみるといろいろな種類のモノあったが、このサイトでは、画像拡大＆スライド表示用のJavaScriptで、prototype.jsというAjax JavaScriptフレームワークを使用しているため、タブ切り替え表示用のJavaScriptも同様のモノを選択。これで、なんとか1ページに収めることができた。

タブ切り替えって、今まで使用したことがなかったけれど、結構簡単に作ることができたし、今度、仕事でも使ってみようかな。

• 喜多嶋 隆のホームページ
• 喜多嶋隆　My Hawaii My Room　〜今年もハワイに帰ってきた〜
• Prototype JavaScript framework

前回のエントリーでもチラリと予告したが、トップページに引き続き、このBlogページのデザインも、1年半ぶりにリニューアル。題して、POCKET BASE 2G（セカンドジェネレーション）！

すみません、大げさなタイトルを付けるほど、たいしたモノじゃないです。流行っぽい名前を付けてみたかっただけです、はい。

リニューアル作業自体は、今年の3月に開始しており、4月にはリニューアルをする予定だったのだが、途中でいろいろと忙しくなって作業を放置したまま、結局約2か月遅れのリニューアルとなった。まあ、誰かが待っているというわけでもなかったのでいいかなと。このあたりは、仕事でのサイト制作とは違って気楽だよね。

デザインは、今回も1カラムレイアウトに。2カラムや3カラムのレイアウトにするほど情報量は多くないので、これで十分かなと。それに、1カラムレイアウトは、ごちゃごちゃせずにスマートなデザインにできるので、個人的には結構好み。

そのわりには重いじゃないかっ！　という突っ込みは却下で。

ああ、見られないぞっ！　とか、動かないぞっ！　などの、不具合があれば、どしどしご連絡を。もちろん、ご苦労さまというねぎらいの言葉は大歓迎。

このサイトのトップページを、久しぶりに変更した。といっても、そんなに見た目は変わっていないが、この後予定している、このBlogページのデザイン変更に合わせ、プチリニューアルといったところか。

主な変更点として、従来のトップページでは、JavaScriptでスタイルシートをランダムに読み込み、アクセスするたびに、表示される写真が変わるようにしていたが、今回のトップページでは、JavaScriptのスライドショーで、いくつかの写真を連続で表示するようにした。古い環境では、ちょっと重くなったかな？

その他には、同じくトップページで、このBlogの新着を表示するようにしたり、コンタクトページを新しく作ったりと、変更点がいくつか。

今回の制作でも、Internet Explorer各バージョンの表示崩れや、opacityを使った透過PNGの表示がおかしくなるなど、SafariとFirefox以外では、相変わらずブラウザ間の表示差違に苦労させられた。また、全然理解していないのに、PHPやJavaScript、CGIなどの言語を多用してしまったせいで、何度「キーッ！」となったことか。

それでも、多少変な所はあるが、とりあえず、そこそこの環境では問題なく表示できるはず。でも、推奨環境はSafari 3とFirefox 3以上ということで、どうぞよろしく。

このドメインで始める前は、FC2のブログサービスを利用していたのだが、独自ドメインのホスティングサーバへ移行をする際に、ブログのサーバソフトウェアをどうするかで悩んでいた。「Movable Type」や「Nucleus」なども検討したが、落ち着いたのは導入が簡単だった「WordPress」。

確かに導入は簡単だったのだが、いざカスタマイズするとなると、参考になる書籍やサイトがMovable Typeのように豊富ではなく、少々苦労することになった。この辺りは国内でもしっかりとした会社が運営し、国内に限ればシェアも高いMovable Typeが有利なのだろう。

しかし、ココログを使った時に不満だった再構築の煩わしさから、Movable Typeは遠慮したかったし、Nucleusになると参考になる資料などがほとんどなかったので、結局はWordPressに落ち着いてしまった。まあ、とりあえず今は順調に運営できているので満足している。

導入はしても、しばらくはデザイン以外のところで試行錯誤をしていたので、テーマは既存のモノを少しいじって利用させてもらっていた。なんとか運用の方も落ち着いてきたので、やっと独自テーマを作れるところまでたどり着いたが、WordPressのテーマを作るには、通常のXHTML＋CSSだけではなくPHP言語が必要になる。ここで思いっきり挫折しそうだったのだが、いろいろな既存テーマを参考にして、なんとか独自デザインのテーマを作ることが出来た。

そんなこんなで、しっかりと理解して作ったモノではないので、もしかしたらどこかに不具合が潜んでいるかもしれない。もし何か問題などがございましたら、コメントなどでお知らせいただければ幸いです。

• WordPress › Blog Tool and Weblog Platform
• ja:resource « WordPress Codex

インターネット上で初めてサイトを公開したのが1998年1月。当時で10年程使い続けていたMac関連の情報サイト「Hannya.Web」。「’s」ではなく「.」なのがポイント。更新もほぼ毎日で、テキストエディタでコツコツと手打ちをしたHTMLファイルを、プロバイダのスペースにアップしていた。サイトのキービジュアルが、愛用のレイバンのサングラスだったため、MacWorld Expo Tokyoで会った【めのう】に、「なんでサングラスしてないんだっ」といわれた事も。

ちょっとお休みを得て、2000年の12月にはiTools（現在の.Mac）のスペースも利用して、雑記系のサイト「Pocket Sense」にリニューアル。更新頻度や内容は今と同じ感じで、マイペースになんでも気になった事を書き続けていた。そういえば、HTMLの手打ちから、Adobe GoLiveに移行したのもこの頃かな。仕事ではずっとMacromedia Dreamweaverを使っていたのだが、Adobe GoLiveの方が安かったので、個人用ではそっちを買ったはず。

その後、日記システムを併用して別館「ポケットの中から」を開設したり。その日記システムが閉鎖されたり。また本館をお休みをしたり。お誘いを受けてmixiをしてみたりしながら、2005年の5月からはFC2を利用して、ブログ「ポケットの中から」を続けてきた。そして今回、そのFC2ブログもクローズし、またまた新しいサイトへ。

なにはともあれ、移転を期にサイト名も新しく「POCKET BASE」にリニューアル。こんなサイトですが、これからもよろしくお願い致します。

• 【めのう】の“Macintosh Garden”

手持ちのバックアップデータと下書きをインポートして記事の方はなんとかすべて復旧したが、コメントとトラックバックは最近ひと月分ほど復旧出来ず。せっかくコメントとトラックバックをしていただいた方々、申し訳ありませんでした。

タダより高いものはなし。転ばぬ先の杖。無料サーバなんだからあまりあてにしないで、自分でこまめにバックアップしなきゃな。

今まで仕事や個人的に作ってきたサイトはHTMLのみや部分的にCSSを使ったハイブリッドだったが、どうせ作るならとWeb標準になっているXHTML＋CSSでのデザインに挑戦。今まで少しずつ勉強して使ったりはしていたが一から十までこれで作るのは初めて。まあ何とかカタチにはなったが、まだまだいい加減な部分もあると思う。

今回のデザインをしている時にはMacのSafari 2.0とFirefox 1.5、WinのIE 6.0とFirefox 1.5で動作確認をしながら作業を進めたが、相変わらずIE 6.0での表示がネックとなって、たびたび修正するはめに。もうそろそろIE7.0がリリースされるらしいけれど行儀の悪さは直るのかな？

とりあえず様子を見ながら少しずつおかしな所は直していこうと思うので、何か問題があったら教えてください。