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

質問

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

回答No.3

neko-ten · ベストアンサー

＞Ｗｅｂサーバーにテキストファイルを置いて、そのファイルに記録するのでしょうか？
基本的にはそうなります。
ただ、WindowsAppsと違うのはクライアントからサーバのファイルに対し、基本的に直接アクセスはできないということです。
一般的なHTTPアクセスでも、ファイルにアクセスするのはWebサーバアプリケーションであってクライアントではありません。
まぁ、閲覧に限ってしまえば、Webサーバがアクセスできるファイルであれば大きな問題にはなりません。
今回の場合であれば、JavaScriptでhttpRequestを行い、該当テキストファイルをリクエストします。
一般的にはそのままテキストファイルの中身を応答してきますから、それをJavaScriptで成形・表示してやればいいわけです。
#2さんのおっしゃるように、jQueryなどのフレームワークで十分可能です。

対して、管理画面からの編集ではこれだけでは済みません。
クライアントから直接ファイルにアクセスできないということは、ファイルの編集ができないということです。
編集するには、サーバサイドで稼働するスクリプトが必要になります。
一般的にはPHPなり、Perlなりがサーバ側に実装されていますので、それを使ってスクリプトを書くことになります。
実際の実装に関しては、設計次第です。Ajaxで作ることも可能ですし。

今回の場合、テキストベースであることは全く問題がありません。

＞その場合、JavaScriptからそのテキストを読み込み、書き込みする処理があると思い、
＞ネット上でコード内容を調べているのですが、見つかりません。要求を満たすサイトを知ってられましたら、ご教授お願い致します。
JavaScriptでは書き込みができませんから、サンプルコードはどうしても存在しません。
jQueryなどのフレームワークを使い、Ajaxを組んでいくことになります。
jQuery:http://jquery.com/
prototype.js:http://www.prototypejs.org/
どちらもJavaScriptフレームワークで、Ajaxフレームワークも持ちます。

サーバサイドであれば、掲示板スクリプトなどが書き込みのサンプルになるのではないかと思います。
実際にどういった言語を使うかで要件が変わってきますから、その部分をまず決めておくのがいいかと思います。

お礼

そうなんですね。ここで回答いただいた内容などは、なかなかネット上では記載されておらず大変貴重です。
設計の仕方の大枠もわかりましたし、教えていただいたことを元に、jQuery、Ajaxなどのキーワードを調べていけば、解決に繋がることがわかったからです。もしそれを教えていただけなければ、そういったキーワードにもたどりつけなかったです。
この内容は同じ問題を抱えている他の方にも大変役に立つ情報だと思います。ありがとうございました。