webページでテキストフォームに入力された値をテキストファイルに保存する方法

Question

webページでテキストフォームに入力された値をテキストファイルに保存して、後々活用できるようにしたいと思っています。どのようにして行うと良いのでしょうか。

Comments

[maisumakun]

・対象となる「Webページ」はchikuchikuwaさんの作ったものでしょうか、そうではない第三者のサイトでしょうか？
・「テキストファイルに保存」はサーバとクライアントのどちらで行うのでしょうか。

[chikuchikuwa]

自作ページで、サーバー上です。
フォームでどんなワードを入力されたのか記録に残してランキング等に活用したいと思っています。

Answer 1

フォームでどんなワードを入力されたのか記録に残してランキング等に活用したいと思っています。

このような用途でしたら、テキストファイルよりデータベースを活用することをおすすめします。Webサイトは同時にアクセスが来うるものですので、正しく排他制御しないとデータが壊れますが、データベースであれば排他制御も標準でついていますので、心配せずに実行できます。

Answer 2

もし、データベース準備前で「テストしてみたい」という段階であれば、
javascript だけでも 次のような実装ができそうです。

1. テキストファイル(JSON.stringifyされたものや、小さなCSVを作るなど)をダウンロードする
2. input[type=file] の onchange イベントでFileReaderを用いてファイルを読み込む

HTMLでは、操作用のフォームも javascriptで動的生成するようにすることができます。

1. ダウンロード用のボタン
2. ファイル読み込み用のinput[type=file]

ライブラリ化して script 要素で読むようにすると、似たような事例で気軽に試験できそうです。

ご質問が 後々使うという趣旨ですので、大量のテストデータ入力がある場合は、
サーバー側でDBを用意する のが確実ですが、一つの方法論として参考になればと思います。

Answer 3

再利用するだけなら
フォームのGETもしくはPOSTのmethodで可能かと思います。
https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data

Comments

[Takumiboo]

「フォームでどんなワードを入力されたのか記録に残してランキング等に活用したい」そうですよ。

Answer 4

後々活用できるよう

再利用するだけならlocalstorageやクッキーで十分では？
テキストファイル化をする目的はなんでしょうか？

サーバーサイド

サーバーサイドに保持して、各クライアントが参照するイメージですか？
PHPがつかえるのであれば

• ファイルシステム関数 PHP: file - Manual

をご利用ください。
流れ的にはこの辺を利用してください

• 読み込み：fopen、fread、fclose
• 書き出し：fopen、flock、fwrite、fclose

Comments

[chikuchikuwa]

完全に知識不足でした。テキストファイル化するのがいいと思っていました。LocalStorageで再考してみます。

[Takumiboo]

「フォームでどんなワードを入力されたのか記録に残してランキング等に活用」するのであれば、各クライアントで保持するのみでサーバには何も残らないLocalStorageは不適でしょう。

こういったミスマッチが起こらないためにも、質問には、何をしたいのか、そのために何をしたのか、その上でどこで引っかかっているのか、を書く必要があります。