Webサイト設計でのデータ記録方法について

質問

• Webサイト上で画像の表示順番を記録し、管理画面で変更可能にする方法について質問です。
• WindowsプログラミングではテキストファイルやIniファイルを利用して情報を記録しますが、Webシステムでの実現方法を知りたいです。
• データベースを使用せずに、Webサーバー上のテキストファイルを読み書きする処理をJavaScriptで行う方法を教えてください。

回答No.1

hitomura

残念なことに、
＞ 記録するデータは少し
でもデータベースを使用するのが現実的です。なぜなら、ブラウザが覚えていられるデータ量が非常に少なく、しかも、ページ遷移ごとにそのデータをサーバーに送信する必要があるためです。
ブラウザでデータを記憶するにはCookieを使用します。JavaScriptによるCookieの設定・読み取りは以下のURLの通りです。
http://homepage3.nifty.com/aya_js/js2/js226.htm
……が、このCookieは記憶できる容量が4kバイトしかなく、その中に必ず有効期限を記述しなくてはなりません。しかも、Cookieの内容はページ遷移ごとにサーバーに送られ、その分サーバーとの通信量が増えてしまいます。
したがって、Cookieに保管するデータとしてはセッションID程度にしておくべきでしょう。
また、hiddenフォームに必要なデータを記録しておくという方法もありますが、こちらは容量制限は無いもののページ遷移ごとにそのデータをサーバーとやりとりする必要があるという点ではCookieと変わりません。
そもそも、不特定多数がアクセスするWebプログラムである人がどう並べたかをどう識別するのでしょうか？それを考えると、サーバー側で保持するデータは並び順だけでは不十分で、アクセスしてきた人と並び順のペアが必要になります。しかも、そのデータの整合性などを考えるとデータベースを使用してデータを記憶するのが現実的になります。

……というのは少し前までの話で、ひょっとしたらあなたの案件はWeb Storageを使えば実現できるかもしれません。ただし、対応ブラウザとしてIE7以前がある場合は上で書いた手段を使わなくてはならないでしょう。
Web Strage 解説
http://www.htmq.com/webstorage/
ブラウザの対応状況
http://caniuse.com/#feat=namevalue-storage

お礼

詳しいご説明ありがとうございます。私の説明が紛らわしかったので、１点認識違いをされている部分があるかと存じます。

「Ｇａｌｌａｒｙページに表示にする画像の順番」ですが、これはＷｅｂ管理者用の裏画面である「Ｇａｌｌｅｒｙ画像編集ページ」でのみ更新可能です。なので、Ｗｅｂを閲覧しているクライアントは設定変更できません。Ｗｅｂ管理者のみ閲覧・編集です。Ｗｅｂサーバー内にデータを保存できれば仕様を満たせます。

素人なので認識に誤りがあるかもしれません。誤りがあれば、ご指摘お願いします。
Ｃｏｏｋｉｅは、Ｗｅｂクライアント毎のＰＣに記録されるデータなので、今回の仕様ではデータ記録場所としては最適でないと思われます。
hiddenフォームの場合もユーザのブラウザ毎にデータが記録されるので、ブラウザを閉じると、データが抹消され、最適でないです。
すると、やはりＭｙＳＱＬなどデータベースをＷｅｂサーバーに導入するしかないのでしょうか？

Windowsプログラムだと、データ保存は、データベースも使いますが、ちょっとしたデータはＩｎｉファイルなどテキスト形式のファイルから読み書きを行い、その方がコーディングも、環境設定も簡単なのですが。

補足

詳しいご説明ありがとうございます。私の説明が紛らわしかったので、１点認識違いをされている部分があるかと存じます。

「Ｇａｌｌａｒｙページに表示にする画像の順番」ですが、これはＷｅｂ管理者用の裏画面である「Ｇａｌｌｅｒｙ画像編集ページ」でのみ更新可能です。なので、Ｗｅｂを閲覧しているクライアントは設定変更できません。Ｗｅｂ管理者のみ閲覧・編集です。Ｗｅｂサーバー内にデータを保存できれば仕様を満たせます。

素人なので認識に誤りがあるかもしれません。誤りがあれば、ご指摘お願いします。
Ｃｏｏｋｉｅは、Ｗｅｂクライアント毎のＰＣに記録されるデータなので、今回の仕様ではデータ記録場所としては最適でないと思われます。
hiddenフォームの場合もユーザのブラウザ毎にデータが記録されるので、ブラウザを閉じると、データが抹消され、最適でないです。
すると、やはりＭｙＳＱＬなどデータベースをＷｅｂサーバーに導入するしかないのでしょうか？

Windowsプログラムだと、データ保存は、データベースも使いますが、ちょっとしたデータはＩｎｉファイルなどテキスト形式のファイルから読み書きを行い、その方がコーディングも、環境設定も簡単なのですが。