にしし ふぁくとりー(西村文宏 個人サイト)

Presented by Nishishi via Movable Type. Last Updated: 2017/06/21. 12:29:46.

サイトのトップページをリニューアルしました

にししふぁくとりーTOP新デザインこのサイトのトップページのデザインを新しくしました。…といっても、全体的な色や構成は変わってないのですが。更新頻度の高いコーナーを大きく出して、更新頻度の低いコーナーを小さくしました。(^^;;;
まあ、上部のメニューの構成は何も変わってないのですけど。

以前のトップページも置いてあります。(^^;)
画像を使った立体的なデザインはやめました。最近は立体よりフラットな方が流行ってるっぽいし。画像を使う分重たくなりますしね。

うちのトップページは、昔々からの試行錯誤の後が色濃く残ってて、大文字でタグを書いてるとこ(=昔に記述したとこ)と小文字でタグを書いてるとこ(=比較的最近に記述したとこ)が混在していたり、文法的にもかなりおかしかったりしてたので(^^;)、ちょこちょこ修正もしました。

新デザイン!…といっても、大きくは以前の構成のままなので、完全スタイルシートデザインには至ってません。大部分のデザインはスタイルシートにしましたけど、外側のレイアウトの構成は、まだtableを使ってます。今の細かなレイアウトをスタイルシートで行うのは、ブラウザ間の差を解消するのが大変だというのが主な理由です。あと、トップページの改修って、特に生産的な活動ではないので(^^;)、あんまり時間を割きたくなかったという理由もあります。
だから、楽に作業を完了できる方法を採りました。おいおい、スタイルシートONLYな構成に変えていきたいという気はあるのですけど。

現状のうちのサイトのメインコンテンツは、フリーソフトウェアの公開と、ブログです。
というわけで、その2点を強調する感じになってます。

ブログについては、最新5つのエントリを直接表示するようにもしてみました。
ブログツール(Movable Type)で、トップページに挿入する用の短いHTMLを(エントリの投稿と同時に)吐くように設定して、そのHTMLファイルをSSIで(トップページのHTMLに)合成しています。

…というとシンプルなのですが、トップページの文字コードはSHIFT-JISであるのに対し、このブログの文字コードはUTF-8です。そのまま合成したのでは、ブログの部分の文字列が化けてしまいます。(^^;;;

仕方がないので、文字コードを変換するCGIを作って、そいつをSSI経由で呼び出すようにしました。文字コードの変換には、JCode.pmを使ってるので、CGIそのものはシンプルなものです。

これで、トップページにも常に最新のブログエントリのタイトルが表示されるようになりました。これは以前からずっとやりたいと思ってたんです。(するのは簡単だけど、トップページの大改修と一緒にする必要があって、それが面倒だったので今までできませんでした。^^;)

今回の新トップページでは、古いブラウザへの対応を捨てました。
具体的には、Netscape3~4では、色はほとんど出ません。Netscape3はそもそもスタイルシートを読まないし、Netscape4には意図的にスタイルシートを読まさないようにしました。(読まれると崩れるけど、読まなければ色や余白がなくなるだけで文字は読めるので。)

…まあ、「読めなくはない」という点では、「対応を捨てた」とまでは言わないかな。
一応、「読もうと思えば読める」ようにするために、文字コードはSHIFT-JISのままにしたわけだし。(Netscape3は、UTF-8を読めません。)

持ってる人は、新トップページと旧トップページをNetscape3・4で見比べてみて下さい。旧トップページは、大部分をHTML駆使なデザインで作っているので、古いブラウザでも新しいブラウザでも、ほとんど同じように見えます。(^^;) その代わり、ソースはtableの入れ子がすんごいことになってますが。

表示確認は、IE6、Firefox、Netscape7・6、Opera8・7でしかしてません。
IE5.5以下のIEでは、微妙におかしなところがあるかも知れません。よく考えたら、今、IE5.5以下を実行できる環境がないことに気づきました。^^;
以前用意してた実験用PCは、Winodwsを削除してLinuxを入れたり、他の用途に転用したりしちゃったので。

VirtualPCにWindows98でもセットアップするかなあ…。

あ、あとMacでも確認しなくっちゃあ。完全に忘れてた。(笑)
Safariとか、どうだろうなあ。
まあ、段組構成のレイアウトが完全にtableなので、大きく崩れることはないでしょうが。そういう点では、(文法や思想的に)褒められるものではありませんけど、安心はできます。^^;;;

さて、これでしばらくはトップページは改修しないな。(^^;;;

コメント

コメント数: 0件

コメント投稿欄 この日記に対するコメント投稿を歓迎します。



※本文中にURLは書けません。(書くと投稿が拒否されますのでご注意下さい。)

※ご投稿頂いた内容は、掲載前に管理者が確認する設定にしている場合があります。たいていは数日以内には表示されるはずですので、気長にお待ち願います。m(_ _)m

著者紹介


にしし(西村文宏)

にししでございます。本書いたり記事書いたりしてます。あと萌えたり。著書5冊発売中です(Web製作系4冊+小説1冊)。著書や記事は「西村文宏」名義。記事は主にAll Aboutで連載。本の最新刊は2011年3月に発売されたライトノベルでございますよ。

Twitter:にしし/西村文宏
にしし/西村文宏 on facebook にしし/西村文宏 on mixi にしし/西村文宏 on Google+ フォローはお気軽に!

にしし(西村文宏)連絡先
☕ コーヒーをおごる

著書一覧と詳細

関連する記事など

※下記には、本サイト内外の関連記事などが8本くらい自動で表示されています。

にししふぁくとりー Sakura scope内限定での主要なカテゴリ

--- 当サイト内を検索 ---