最終更新日
6月11日

よみがえる

 

posted by
aoki

概要

よみがえるはウェブサイトのフォームの内容を保存、復元するツールです。

製作の動機

お問い合わせ等のフォームに入力した内容を誤って消してしまい、また一から入力し直している時のあの残念な感じを撲滅しよう!

仕様

  • 保存したフォームの内容があれば復元してから保存を開始します
  • 5秒ごとに、前回保存した内容と異なれば保存します
  • 5分に一度は必ず保存します
  • 保存したフォームの内容はページを離れて10分間保存します

課題

  • 5秒ごとの保存のため完全な保存、復元ができていない
  • 強制的に復元するためUIで復元するか問うべきか?



ダウンロード

よみがえる(yomigaeru.zip)

ファイル構成

WWWサーバで公開するファイル

  • yomigaeru.js
  • 各種ライブラリと本体を読み込むためのブートストラップ

  • yomigaeru_main.js

    よみがえる本体

  • prototype.js

    クロスブラウザ対応用

  • swfobject.js
  • swfファイルロードに使用

  • md5.js

    よみがえり対象ページの一致チェック用

  • yomigaeru.swf
  • 通信用

  • yomigaeru.cgi

    サーバ保存用
    #!/usr/local/bin/ruby
    DATADIR="/tmp/yomigaeru"
    の2行は環境に合わせて変更してご利用ください

  • yomigaeru.fcgi
  • FastCGI用ラッパ(FastCGI使用時にご利用ください)
    設置pathなど環境に合わせて変更してご利用ください

WWWサーバで公開しないファイル

  • delete_session.rb
  • 保存したフォーム内容の定期的な削除に使用
    #!/usr/local/bin/ruby
    DATADIR="/tmp/yomigaeru"
    の2行は環境に合わせて変更してご利用ください
    定期的な削除には cron などをご利用ください
    */10 * * * * /usr/local/bin/ruby /var/yomigaeru/bin/delete_session.rb

その他

  • yomigaeru.fla
  • yomigaeru.swfのソースファイル

  • Yomigaeru.as
  • 外部ASファイル

  • README.txt

使用ライブラリ

Prototype

http://www.prototypejs.org/
よみがえるでは1.5.1以降の機能を使用しています。
既にprototype.jsを使用している場合そのまま使用できるはずですが、
より古いバージョンと同時に使用することは困難です。

SWFObject

http://blog.deconcept.com/swfobject/

md5.js

http://www.onicos.com/staff/iz/amuse/javascript/expert/

インストール方法

  • ファイルをサーバーへアップします
  • ※「WWWで公開するファイル」に関してはすべて同じ場所へアップしてください

  • 以下のスクリプトタグを使用したいページのhtmlに挿入してください
  • <script type="text/javascript" src="http://*/yomigaeru.js" charset="UTF-8"></script>

    ※srcはyomigaeru.jsを設置したサーバーへのパスに書き換えてください。

使い方

よみがえるを設置したページを訪れる人は使い方を意識する必要は無く、
ページに訪れたらフォームの保存が始まります。
復元できるデータがあれば復元してからフォームの保存が始まります。
5秒ごとにフォームの内容が前回保存した内容と異なるかチェックして異なれば保存します。
また、そうでなくても5分に一度は必ず保存するようにしています。
保存期間はページを離れてから10分以上です。
(※保存期間はクーロンの設定によります。)

使用をやめる場合

設置したファイルを削除していただき、htmlに挿入したスクリプトタグも削除してください。

ウェブサービスのシステムモデル(2)

キーボードが壊れたら