※20070922:とてもでかいFBSのサンプルページを用意しました。
※20070922:少しだけ更新しました。コメントの背景色を薄くした上で、文字色を白に変更しました。fbs.zipも更新しています。
今週初めからご紹介してきた
FBS(Font Board System)をさらにバージョンアップしました。最低限必要な機能は全て実装したので、ひとまず完成とします。
完成というわけで、予告どおりFBSのファイル一式を公開しました。次のような感じでサーバにインストールしてください。
1.
fbs.zipをダウンロード。
2.
fbs.zipを解凍。fbsフォルダが生成される。
3.fbs/index.htmlをテキストエディタで開き、「<input type="hidden" name="return_url" value="XXX" />」の「XXX」をindex.htmlへの絶対パスに置換。
4.fbsフォルダをアップロード。
5.fbsフォルダのパーミッションを「777」に変更。
6.fbs/index.htmlにアクセス。
7.「ランダムに描画する」ボタンをクリック。空っぽの画像が生成される。
8.あらためてコメントを投稿。
カスタマイズはセルフサービスとなっておりまーす。
仕様はおおむね次のとおり。数値部分はPHPかHTMLで変更可能です。
・コメントは最大100個まで。100個を超えると1個目が削除される。
・32文字目で強制的に改行。
・250文字くらいまで入力可能。なお、上記2点は半角・全角の区別なし。
・前回と同じコメントは連投不可。
・クッキーによって10秒間連投不可。
・コメントの色とサイズはHTMLで指定。
・その他の情報はPHPで指定。
課題もあります。いつか修正できるといいですね…。←遠い目
・Firefox以外のブラウザでは画像のキャッシュが使用されてしまい、ページをリロードしないと最新の画像が表示されない。
→今のところ打開策なし。
・奥のコメントが全くもって読めない。
→黒字に薄い下地で描画する。
・画像の左上が欠けている。PHPのせい?
→JPEG形式で生成する。
こういうシステムはFlashとかAJAXバリバリのJavaScriptで構築するのが常ですが、一枚画像で表現しちゃうのも面白いと思いませんか?