preSIMs

シムピープルのファンサイト。基本的なTIPS、改造プロセスなど。
スクリプト/CSS等
2005年04月09日

スクリプト修正完了:: CGI -Mini BBS for Weblog

ウェブログ・サブカラム用ミニBBSのスクリプトを修正しました。
もう文字化けしないはず・・・です。

DLファイルを入れ替えておきましたので旧ページからDLしてください。
■MiniBBS Downloads>>>
WIN-IE6=Opera7/NN6/FireFox1.02、MAC OS9.2=IE5.5/NN6、OS-X=IE5.5/Safari/iCabにて確認済み。

旧ファイルを使用中の方はCGIファイルのみwpアップロードし、上書きしてください。ログはそのまま吸い上げてくれます。

修正個所は、CGIによるHTML書き出し部分です。
ご教示くださったWEB素材/CGI配布・ネバ-ブランドの桜井さま、ありがとうございました。


このところWEB系では慌てるほどWEBLOGのデザインの仕事が増えてきています。しかも企業サイトで。
ほとんどはMovableType ベースで、理由は「自前で更新できるから」。それはそれでいいのですが、機能はe-shop並を求められるのには困ったもの。
そうなると商品一覧ページやショッピングカート用の別ページを用意しなければならず、かえって複雑なサイトになりがちだからです。何かいい方法がないかと現在模索中。全体構成をアレンジするとなると、CGIをいじらなければならないようです。
どこもかしこもページがズルズル長いのも野暮かと思い、中央コラムが横にスクロールするテンプレも作ってみたのですが、結局は縦長バージョンを選んでくださいました。やはり皆、普通がいいのね。

もう1つ今回お世話になったサイトをご紹介
■OHZAKI Hiroki様
「Perlメモ」と「Perl正規表現雑技」には多くを学ばせていただきました。
Posted by rui at 19:10 | コメント (3) | Clip!!
2005年02月02日

ミニBBS -- UTF-8対応CGIスクリプト

WEBLOGのサブカラムにぴったりのチビチビBBSを作りました。
風のまにまに号様が作成されMT用テンプレートと出会ってから、そろそろ1か月。
DWで作るWEBLOGテンプレートというところにまず興味を引かれたのですが、使っているうちにMTの構造を理解するのにとてもよい素材であることに気づきました。MTを使うならお勧めです。
最近、WEBLOGシステム自体、チュートリアルや特定のテーマについて整理するには向いていないのかもしれないと思い始めています。
ちょっと調べものをしたくても、目的の記事の行き着くまでが大変だからです。エントリーの多いサイト様の場合、カテゴリーで絞ったり、検索を使っても簡単には見つけられません。
そこで、記事が少ないうちに、と全記事カテゴリー別インデックスを作るなど、いろいろ模索中です。そんな作業をしていたら、いつもの寄り道癖でJavascriptいじりに夢中になっていました。なぜ?
コメント欄があるのにミニサイズのBBSを導入される方が多いことに気づいたから。見てみるとなにやらスクロールバーが邪魔そう・・・。これ、以前作ったJAVASCRITでスクロールできるんじゃないか?
そう思い立ち、さっそく作ってみたのですが、CGIをUTF-8対応にするのに手間取りました。
ようやく、方法を決め、検証を始めました。ところがどうしてもMAC-IEで文字化けする問題は解決できません。そこでしばし暫定配布。公開することで、よいお知恵をいただけるかもしれないという下心入りです。
設置方法をあらかじめ確認したい方は、続きを読む...へ進んでください。

CGIはJoygle様が制作され、改造・再配布許可で配布されているInlinboardのスクリプトを使わせていただきました。
ミニサイズのBBSはよそさまからも優れたものが数多く配布されていますが、これはスクロールバーを非表示にし、IFLAMEをスクロールするJAVASCRIPTを付加しました。JAVASCRIPTは海外のフォーラムで多くの方から寄せられたアイデアが基になっています。

フリーです。ご自由にお使いください。サンプルはすべて書き込みOK。文字サイズ、色、デザイン等は自由にカスタマイズできます。
内容は、CGIスクリプト + 外部JS + CSS +サンプル+ Jcode.pm
設置ガイドは黒バージョンにのみ添付しましたので他の色を使われる場合も、一緒にDLしてください。
    チビィエスの特徴(拙宅で付加した部分)
  • 文字コードUTF-8のBBS=多言語対応(*1)
  • スクロールバー非表示
  • スクロールボタンにテキストか、画像を選べる
  • 150px幅まで小さくしても使用に耐える
  • 複数ページに同じBBSを設置できる
  • 各ページでデザインの一部を変更できる
  • 比較的自由にデザイン変更できる
  • 一応クロスブラウザ(*2)
(*1)システムフォントに依存するためか、UTF8への出力が不十分なためか、一部の言語で特殊文字の表示ができない不具 合があります。ギリシャ語、ハングル、ロシア語はほぼ大丈夫そう。
(*2)WIN-IE/NN7/OPERA、MAC(OS9.2)-IE5.1,NN6.1で確認。MAC-IE5では文字化けします。修正方法、鋭意研究中・・・
JAVASCRIPTはほぼ全環境で動作可能です。

» 続きを読む
Posted by rui at 01:44 | コメント (2) | Clip!!
2005年01月04日

便利スクリプト1

折りたたみコンテンツ---ちび文房具1

ウェブログでページを作る場合、1エントリーをできるだけコンパクトにまとめるのが理想的。でも、もう少し説明を・・・と書いているうちに長くなってしまうことがありませんか?

そんなときのために、補足的な文章や画像をしまえるページ内の折りたたみ式ボックスを作ってみました。詳しい解説が必要な方だけにクリックしてもらえるように、という意図です。
WEBログ用に特化しているわけではありません。むしろ、通常のHTMLに便利かも。たとえば更新履歴をコンパクトにしたいとき、長いインフォメーションをトップページにおきたいときなど・・・。

外部Javascriptファイルなのでサーバーにアップしておけば、何度でも使いまわすことができます。また、CSSでさまざまなデザインができるのもミソ。
ウェブログに使うときはMTタグなどを組み合わせ、過去エントリーのリスト一覧を表示するなどの使い方を工夫してみてください。

WEBで公開するチュートリアルは、読者を特定できないため、基本的な(と思っているのも自分だけかもしれない・・・)説明も丁寧にしておく必要があります。と、考えると文章が長くなりがち。そのうえ、ある人には「こんなの今更・・・」と思われ、別の人には「何のことだか分らない・・・」と不満をもたれたり。
こんなことを考えるのは、仕事でテキストの編集をすることが多いためなのですが、読者からの質問のなかには、本当に信じられないものもあります。でも、ここでちょっと待った! 「信じられない」と思うのは、「こんなこと分かってるでしょ」という書き手の思い込みかもしれません。
そんなことをつらつら考えているとき、WEBログの「続きを読む」を折りたたみ式にするツールを配布しているサイト様を知り、「あ! これだ」と思いついたのがこれ。
昔、メニュー用に作成したスクリプトを引っ張り出し、ちょこっと改造しました。
WINのIE、NN、OPERAで、MACはIE、NN(たぶんsafari,icabもOK。すみませんOS-X使っていないので検証していません)で動作確認済みです。

» 続きを読む
Posted by rui at 04:15 | コメント (0) | Clip!!