Q&A
タグにあるJavaはどのように関係するのでしょうか。
やりたいこと
ボタンをクリックして１つずつカウントアップするHTMLをつくりたい
ためしたけどできないこと
自分で実際にソースを書きためしたが、画面がクリアするとゼロになってしまう。
そうではなく、タブレットやブラウザが変わってもひたすらカウントアップする仕組みをつくりたい。
例えば同時にカウントアップした場合など、正確性は問わないのでだいたいカウントアップされればいいです。
やりたいことを1分で示すと
ボタンをクリックすると１ずつカウントアップ
日本でブラウザを閉じて、ひらいたら２からスタートしクリック
アメリカでブラウザひらいたら３からスタート
ボタンがクリックされる度にカウンターがあがるイメージです。
何度もいいますが正確性はあまり問いません。同時にブラウザをひらいちゃった時は無視でも良いです。
それよりも実装の簡易性を優先します。できるだけSQLではなく簡単な仕組みで実装したいです。
ご教示ください。宜しくお願いします。
やったこと・ためしたこと・実際にかいたコード
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="center"> <p>何回かカウント</p> <p>カウント回数： <span id="countsample">0</span></p> <div><input type="button" value="カウント" onclick="CountUp();"></div> </div> <script language="javascript" type="text/javascript"> var kaisu = 0; function CountUp() { document.getElementById( "countsample" ).innerHTML = ++kaisu; } </script> </body> </html> ```ｃｓs
/**/
body {
background-color: white
}
img { width: 100%; }
.center {
margin-top: 0.5em;
text-align: center;
}
JavaとJavaScriptは名前は似てますが中身は結構別物ですよ
回答4件
0
HTMLだけでは作成できないかと思います。
アクセスした際のカウンター数をDBやサーバーに持っておく必要があるのではないでしょうか。
以下サイト様などが参考になるかもしれません。
https://www.web-jozu.com/php/counter_s.html
以下も見てみるといいと思います。
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1248395782
投稿2019/06/02 04:29
総合スコア33
0
「タブレットやブラウザが変わっても」という条件なら、なんらかの方法でその「タブレットやブラウザ」の間で情報を引き継ぐ必要があるので、HTMLだけでは無理です。
「なんらかの方法」というのは、通常は「インターネット上でアクセス可能なサーバー（WEB,DBサーバー）を用意する」という意味です。
投稿2019/06/02 05:24
総合スコア8949
webサーバーは用意しました。
つまりサーバーサイドをどう作ったら良いのかわからない、という意味ですか？
質問内容からはそのあたりが読み取れませが、「SQLではなく」というのはDBを使わずにサーバー側でデータを保存する方法が知りたいという趣旨ですか？
サーバー側でデータを保存する方法が知りたいという趣旨ですか？
そうです。そういうことです。
0
できるかどうかわからない&セキュリティ上の問題が発生しそうだけどphpファイルとtxtファイルでいけそうな気がするのは私だけでしょうか？
例えばtxtファイルに書き込んだ値をphpで読み込んでそれに1を足した値をtxtに上書きするとか...
###追記
PHP使えるならfopenあたり？って思います。
投稿2019/06/02 12:00
編集2019/06/02 22:59退会済みユーザー
総合スコア0
横槍失礼します。
昔、サイト訪問カウンターで同じロジック組んでました。思い出しました。
それならSQLもFirebaseも使わないでいけますね。
質問者さん、失礼しました・・・。
コメントありがとうございます。
よかったです。可能なのですね...
CGI(PERL) カウンターの基本だな
そうなのですね...
勉強しておきます。
まさにそれですね。tyt用意してphpでカウントするイメージです。ただカウンターではなくソースのようにボタンクリックでアップですが。正確性はいりません。ファイルオープンなら実装もらくですね。
dfjileさん>カウントアップの時に、ajaxで、カウントアップ用phpに送信し、ファイルに書き込み、って感じで行けるかと。
HTML側では、最初、ソースコード上で、PHP出力するか、ajaxで、カウント数取得用のphpからカウント数返してもらい、ってやるといいかなと。（カウントアップとカウント数取得は、一つのPHPファイルで行うほうがいいかも）
ソースコード付きの回答でお願いするならば、まずはご自分で、調査し、やってみて、わからない部分、うまくいかない部分を、質問本文に記載するのはどうでしょうか？
今の質問状態で、PHPロジック付きの回答を求めるのは、丸投げと思われてしまうかもしれません・・・。
あ、それならいけますね。
0
そうではなく、タブレットやブラウザが変わってもひたすらカウントアップする仕組みをつくりたい。
この時点で、HTML、JavaScript（クライアントサイド）側だけでは、不可能になります。
また、IndexedDBという、サーバーのデータベースを使わずにブラウザ上でデータベースを扱い、アクセス毎ではクリアさせない方法がありますが、
それも、ブラウザベースなので、ブラウザ、デバイスが変われば、当然値は引き継げません。
できるだけSQLではなく簡単な仕組みで実装したいです。
ここに関して、yoshi0819さんのおっしゃる通り、HTML、javascriptだけではできませんが、
phpや、Perlなど、サーバーサイドを使えば、テキストファイルなどを、カウントアップの度に書き換える、とすれば、デーテベースないし、SQLや、Firbbaseを使わなくても、可能です。
-------- 以下元回答 --------
となると、サーバーのデータベースは使わないで、ということでよろしいですよね？
それであれば、Firebaseを使うという方法があります。
これは、通常のWebサーバーとは違い、クラウド上でサーバーと同様のものを扱うことができるというもので、
サーバーを自身で構築する必要がなく、かなりフロントエンドエンジニア向けのものとなっています。
Firebaseにて、データベースを使い、ユーザーのアクセス、そのユーザーのカウントアップを残しておくという手法だといかがでしょうか。
ただし、SQL覚えて使う以上に難しいんじゃないかな？と個人的にはお見受けします。（というか、使ったことがあるわけではないので、どれだけの難易度かはわからない・・・）
ようは、クライアントサイドだけで、難しいことをせず、質問者さんの意図するようなものを作成することはできない、ということになります。
投稿2019/06/02 07:28
編集2019/06/02 13:47総合スコア9528
firebase......
閉口なさった通り、firebase、多分、ハードル高いんですよね。
勝手な印象でなんとも言えませんが。。。
yoshi0819さんのご回答通り、サーバーのtxtファイルなどの書き込みで実装されるのが一番簡単かと思います。
だいたいのサーバーサイド（PHP、Perlなど、ようはCGIスクリプト）で行うことができるはずです。
横から失礼します。以前顧客からの相談でfirebaseを使った簡単なチャットサービスを実装しましたがかなり簡単でした。自分で組み立てるのは多少労力がかかりますが不可能ではありません。
ぜひお調べください。
yoshi0819さん>大変にありがとうございます・・・！
やはり、勝手な印象でモノ言ってはいけませんね・・・。
私自身、使って体感してみようと思います。
dfjileさん>どうか、挑戦してみてはいかがでしょうか？？
あなたの回答
tips
プレビュー
