blog, blog, blog...と何かとblogという文字を見ることが多いので、自分で作ってみることにした。
　ところで、blogっていったい何？ニュースサイト？日記サイト？
　・・・よく分かってなかったりします。
　google先生に聞いてみたりしました。最新のblogツールと呼ばれる種類のものは、RSSというXMLなデータを吐けるようになっているらしいですね。へぇ。
　とりあえず、何か記事みたいなのを書いて、それに対してコメントみたいなのを付けられるようにすれば「blog」と名乗っていいのでしょうかね？

　今回は、話題を提供する記者さんと、記事を見たり、その記事にコメントしたりする閲覧者さんがいるだろうなぁ、、、みたいな感じで。
　RSSを吐くような機能はもちろん無しで。記事作成とコメント作成ぐらいの機能を作ることにした。

図2.-1　ユースケース

図2.-2 ステートチャート

　だいたい想像できたので、設計図を書いてみた。
　今回は、requestパラメータで何を取得し、session属性に何を設定、取得するのか、作る前に考えてみた。
（コーディングしながら、だいぶ修正したが・・・）

図3.-1 画面の流れ

　データファイルの形式は、こんな感じにすることにしました。まぁ、いつもと一緒、、、超体たらくフォーマットで。

図3.-2 データファイルの形式

　これと言った工夫もなくコーディングした。割とスムーズに、問題なく作業（作業って仕事みたい・・・ぉぃ）が進められたみたい？行き当たりばったりな仕様も作った。
　またまた、ファイル入出力の排他処理がありませんので、ぶっ壊れる可能性があります。

　今まで、勘違いしてたことが一つあった。
<% %>何定義した変数は、定義した<% %>内だけだと思ってたので、ページ内で使う変数は、<%! %>に定義していた。ページ内のどこでも参照できたのね。<%! %>はメンバ変数、それ以外はローカル変数って感じでいいのかなー？

　とりあえず、完成！！ページデザインは、まぁ、置いといて、とりあえず機能するようになった。　
　既知バグとしては、なぜか文字化けすることがる。タイトルや記事内容に「テスト」とだけ書いた場合、確実に化ける。なんでだろう？

ソースファイル


　スレッド一覧画面（図5.-1）です。デフォルトでは15件までの最新記事が表示されるハズです。コメント数が表示できるようにしてみました。
「全部見る」のアンカーをクリックすると、それぞれの記事＋コメントの画面に移動します。
「ログイン」のアンカーをクリックすると、記事を編集する画面に移動します。

図5.-1 blog-view.jsp　スレッド一覧画面

　スレッド画面(図5.-2)です。記事とその記事に対するコメントが表示されます。ページの一番下に、コメント書き込み用フォームがあります。

図5.-2 blog-thread.jsp スレッド画面

　ログイン画面(図5.-3)です。なんちゃって認証ってカンジ。

図5.-3 blog-login.jsp ログイン画面

　編集画面(図5.-4)では、ファイル名のところに、"2004_01"(日付)とか入力したりすると、過去ファイルも編集できるハズです。何も入力しないと、最新記事が編集できます。チェックボックスを選択し、修正ボタンや削除ボタンを押して編集します。

図5.-4 blog-edit.jsp 編集画面

　記事の新規追加、修正を行う画面(図5.-5)です。

図5.-5 blog-modify.jsp 新規／修正画面

　削除確認画面(図5.-6)です。「OK」ボタンを押すと削除されます。

図5.-6 blog-del.jsp 削除確認画面

　処理中にエラーが発生した場合は、この画面(図5.-7)に飛ばされます。
　エラーが発生したら、sessionに「OK」ボタンを押したときの飛び先や、エラーメッセージなどを設定し、このページに飛ばしています。

図5.-7 blog-error.jsp エラー画面

　できるだけ、コードとHTML部分を分けようと思ったのだが、だんだんゴチャ混ぜになってきたなぁ。キレイにしたかったら、Servletにしろということですか〜？ヤダナー
　こないだ作ったカレンダー部品を使うと、日記サイトになるかな？
　その前に、いい加減、ファイルの排他を入れよう・・・

戻る