「画面をそのまま仕様書に」高速開発のためのajax掲示板

3月 15th, 2007 admin Posted in javascript | コメントは受け付けていません。

「HTML画面をそのまま仕様書に」，5カ月で1000画面を構築した就職サイトPuffの高速開発手法

この記事を読んで便利そうだなと思ったのが

引用：HTMLテンプレートに「『仕様』と『開発者向けメモ』を直に書いてしまう
というところだ。

開発画面を見てもらいながら、どんどん開発していくという時なんかに非常に便利だ。

TODOリストを作る必要もないし、作る必要がないから忘れることも無い。

なので、作ってみた。

参考にしたのは

静的HTMLページに1行コメントを書き込める掲示板
PHP:JS(JavaScript)からPHPを呼び出しHTML上に出力する方法
prototype.js逆引きサンプル集

で、成果物がこちら

demo:http://www.jamboree.jp/ajaxMyComment.html

ポイントは下記のとおり

  • javascriptで読み書きを行う
  • urlをキーにしてデータを保存している

つまり、javascriptを使っているだけなのでHTMLのページにも掲示板を貼り付けることができる。また、urlをキーにしてデータを管理しているので、例えばテンプレートで管理しているときなどはfooter部分に挿入してやれば全ページに一度に掲示板をつけることができる。

お試しで使ってみるには以下のコードを好きなHTMLに貼り付けてみてください。

<script type=”text/javascript” src=”http://www.jamboree.jp/ajaxMyComment/ajaxMyComment.js”></script>

また、ダウンロードはこちらからできます。

download: ajaxMyComment0.1

TODOとしてハードコーディング部分なんかが残っていますね。javascriptの勉強がんばります。

Comments are closed.