「画面をそのまま仕様書に」高速開発のためのajax掲示板
3月 15th, 2007 admin
「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の勉強がんばります。
