<  siteCTS /  Top /  "siteCTS" /  siteCTSのご案内  >


siteCTSのご案内
Guidance of
the "siteCTS"


このページは siteCTS の旧版です。
URI確保のために保存してあるだけで、二度と更新されません。
JavaScript が有効の時は以下に移動先URIが表示されます。

 もくじ

押すと下の方へジャンプします

 はじめに

いらっしゃいませ。siteCTSへようこそでございます。

当Webページは、ソースの軽量化や管理の手間削減、及び趣味を主な目的として、JavaScriptとスタイルシートを非常に多用してます。
OFFでもなんとか表示できるように善処してますが、だいぶ厳しいです。

その他の推奨環境は下に書いてあるので、気になる人は見てってください。


 推奨環境について

  <理想環境>
  • IE5.5 (SP2ならなお理想)
  • XGA (1024×768)
  • 最大化
以上の環境で最適な表示ができます。俺と同じだから。
IE5.5はこちらで入手できます。


  <動作確認ブラウザ>

すべてWindowsです。MacやUNIXは確認環境が一切ないので不明。
  • IE5.5 SP2
  • IE5.01 (友人代行なのでやや不完全)
  • Netscape 6.1
  • Netscape 4.78
    以下のふたつはテキストを読む分には大丈夫なのを確認。
  • Lynx 2.8.3 (Win32)
  • SHARP SERIE MR-1 (ワープロのゴミブラウザ)


これ以外のやつは一切未確認ですが、IE4.0は大丈夫かもしれません
IE3以下、ネスケ3.x以下では非動作を確認してるので、JavaScriptをOFFにしてください。



IE6.0 Preview Releaseでは、読みこみをよくミスります。特にパチョ奮闘記とScrawl Notesで顕著に起こります。これは俺のせいじゃないので、「なんか変だな」と思ったら表示されるまで更新ボタンを押してください。



ネスケ4.xでは動作が時々怪しげです。 でもローカルでしか起きないので、たぶん大丈夫だと思いますが。

これに関すると思われる参考記事をご一報いただきました。
ネスケ4.xユーザーの人は目を通しておくと後学のためになるかも。




  <画面の大きさ>

XGA (1024×768)+最大化
  • 多少崩れるけどSVGA(800×600)およびVGA(640×480)でも確認しています。
  • IEでのみ、フレームの境目をつまんで動かすとサイズを変えられます。横にフレームがあって幅が狭すぎる時などにご使用ください。

  <フォントサイズ>

お好きなサイズでどうぞ。
  • IEは「中」、ネスケ6は「100%」で確認してます。
  • ネスケ4は初期状態だと文字がちょっと小さいです。設定で各自お好みに調整してください。確認は12ポイント(IEの「中」と同じサイズ)でやってます。

  <画像>

PNG画像を多用しているため、これに対応してないブラウザでは一部の画像が表示されません。
  • IE4以降、ネスケ4以降なら大丈夫です。
  • でも、ネスケなど一部のブラウザは透過PNGに対応してないので、画像の背景が真っ白になるやつがあります。
  • ネスケ4.xでは、画像を非表示にすると「Scrawl Notes」のタイトルが読めなくなります。これはブラウザの仕様上どうしようもないので、範囲選択して反転表示させるなどしてください。


 その他

  <siteCTSへのリンクについて>

事前事後承諾一切無用でご自由にどうぞ。
  • 普通に張るなら http://www2.to/cts/ へ。
[ 標準バナー 6.5KB ]
  • 下のバナーは慣れてる人向けの透過PNG仕様。
[ 特別仕様6KB ]


  <著作権について>

完全著作権フリーです。
  • 引用以外の文章、バナー以外の画像、ソース、スクリプトは(俺に実害を与えない範囲で)引用、使用、あるいは改変しちゃっていいです。
  • 連絡、著作者の表示なども必要ありません。(してもいいけど)

  <JavaScriptをOFFにするなら>

かなり不自由させてしまうのでご了承ください。
  • OFFの時は隠しアイテムが現れますが、あくまでも「トップページに戻る」等の必要最低限なものです。
  • 確認環境は「ネスケ4.78でJavaScriptとスタイルシートをOFF」です。

  <その他こまかいこと>

  • 欧文フォント (アルファベット)
    MS Pゴシック、MS P明朝の欧文は見にくいっていうか嫌いなので、JavaScriptを使って「Verdana」という欧文フォントを使用しています。(Windowsにデフォルトで入ってます)
    文字化け対策もやってありますが、ネスケ4では欧文フォントのほとんどが使えないので、「見にくいなぁ」と思ったらIE4以上かネスケ6をご使用しましょう。

  • 現在位置の表示
    下のステータスバーには現在位置が階層形式で表示されてます。
    「ステータスバー」を使うのは難しいとこですが、最低限必要な情報は出ますのでご理解ください。

  • リンクタグ
    ネスケ4では対応してませんが、カーソルを上に乗せると大体チップが出ます。
    どこへリンクしてるか、新しいウィンドウを開くか、リンク先のサイズ…など、いくつかのパターンがあります。

  • 新しいウィンドウ
    新しいウィンドウはなるべく開かないようにしていますが、開いた方が良いと思った時は遠慮なく開きます。
    また、一部のリンクはJavaScriptで管理してるため、「右クリック→新しいウィンドウ」を使えないものがあります。
    (ステータスバーに「JavaScript:void(0)」と出ます)

  • IMGタグ
    画像非表示対策として、すべてに width と height 属性が入ってます。alt 属性(代替テキスト)もなるべく書くようにしてますが、これはあまり徹底してません。
    あと代替テキストは [ ] で囲まれてるけど、これはLynxに配慮したものです。本文の一部として表示されるので紛らわしい。

  • 素材
    軽いに越したことはないですが、キャッシュという便利な機能もありますし、背景くらいなら気軽に使ってます。
    ちなみに自作素材率100%です。


 siteCTSの歴史

  2000.12 "Test Version"

  • プロバイダ提供の作成ツールを使って「俺専ホームページ」を作成。
  • 中でも「俺専掲示板」はあまりにも画期的であった。
  • データは一応残ってるものの、あまりにも見せる価値がないので公開不能。
  2001.1.9〜3.9 "Sample Version"

  • Dreamweaver2を用いて作成。しかし、あまりの使い勝手の悪さにより、すぐにホームページビルダー2001へ乗り換え。ところが、それも一週間足らずで闇に消えた。
  • 2月になると、秀丸の導入で手書き派に仲間入り。スタイルシート辞典の購入で、CSS化が徐々に始まる。
  • ちなみにサンプルということで、URLを教えたのはほんの数名。
"Sample Version" (最終更新日 / 3.8)

  2001.3.17〜7.19 "Provisional Edition"

  • スタイルシート大増殖。当時はネスケを入れてなかったために、IE5.5でしか確認してなかった。これが現在の「IE5.5専用版」の礎となる。
  • 4.10にネスケ6を導入し、最低限の表示ができるように対応。
  • 続く5.8にはネスケ4.7を導入し、あまりの酷さに閉口。これはさすがにまずいと思い、1ヵ月ほどかけて「全ブラウザ対応版」を作成。
  • ちなみにプロビショナル(暫定)ということで、URLを教えたのは10名かそこら。

  2001.9.1〜 "Public Edition"

  • やっとこの正式公開版。といっても別に完成したわけじゃないので、これからもころころ変わります。
  • JavaScriptの使用によってIE5.5専用版と全ブラウザ対応版が統合され、致命的な更新の面倒さから解放された。
  • しかし全ブラウザ対応版にもフレームを採用したことで「全ブラウザ」でなくなってしまい、「通常版」へと改名。
  • 全ブラウザ対応版は、スタイルシートとJavaScriptの使用をオフにしてindex.htmにアクセスすると入れます。ただし本当に最低限の表示で、ところによっては表示できない部分もあります。