オリジナルgoodボタンを実装するには

初めまして。お世話になります。
お知恵をお借りできたら幸いです。(すでに似たような質問や回答があれば申し訳ありません。)

SYNCK GRAPHICA様で配布されているBBS Pro CGIのように記事やレスごとに独自のイイネを現在利用している掲示板CGIへ実装したいと考えているのですが何かスマートな方法はありませんか？
扱いはtwitterのお気に入り機能やこのサイトでいう評価機能にも似ています。IPなどの取得はあってもなくても良いです(=ログイン機能などは不要です)。

HTMLやCSSのカスタマイズや配布されているjQueryプラグイン、PHP、CGIの利用及び設置はできます。

利用している掲示板CGIはすでにサポートが放棄されていたり更新が見られないazulboxやapeboard+ です。

勉強がてらPHPでまっさらな状態から掲示板を組み立てることも視野にいれていますが、記事ごとに反映させるにはどうしたら良いでしょうか？

ざっくりとしたイメージのみで申し訳ありませんが何かヒントを頂ければと思います。

行動規範の内容に同意します

回答1件

ベストアンサー

「いいね」というのは、記事が獲得した評価、というものと、読者自身がこの記事をよかったことを記録にとどめることの２つの機能があります。
副次的な機能としてその評価をシェアする、ということがありますね。

つまり、記事単位で「いいね値」を加算していくことと、
読者単位でどの記事に「いいね」をつけたか、ということの２つのデータ管理が最低限必要になります。

(そのうえで、同一人物が記事に「いいね」をいくつもつけていいのか、などの制約条件があるでしょうね。)

今回は、ログイン管理をしないということなので、一応サーバ側からはユーザ認識ができないものと
考えます。そうすると、１つの方針としては次のようなものになるでしょう。

記事ごとにIDを振ります。一意になるようにしましょう。
読者は自分のローカルでどの記事にいいねをつけたか管理します。のちのち再度記事を読んだとき、自分が前に「いいね」をつけたこと、そして2度目は押せないようにすること、などをローカルで管理します。
サーバは、読者が「いいね」ボタンを押したタイミングで、記事単位でのいいね値を加算する処理を行います。このとき、トランザクション処理して取りこぼさないようにします。
データが管理できれば、あとは記事ID でいいね値を取得して画面に表示。クライアント側では記事IDたちをみて、クライアント側dbで、自分が過去「いいね」をつけたか確認してブラウザで表示を切り替える。とやればOKですね。

では実際の技術的にはどう実現するか、ですが、

のデータ管理の部分には IndexedDB か localstorage を使うのがよいでしょう。一番簡単には localstorageですが、きちんと管理するには前者がいいですね。IndexedDBそのものを使うのが敷居が高ければ PouchDBというライブラリが簡単にJSON形式で管理できて楽できますよ。
にはいろんなものでできますね。トランザクション処理と書いてしまったのですが、MySQLみたいにきちんとRDBにする必要もないかもしれませんね。利用者が多くなければ CouchDB でも十分かもしれません。そんなに難しいことではありませんよ。
現状のCGIをそのままにしたいなら、いいね値のサーバからの取得は AJAXで別建てで取るのも一つの手です。現在表示しようとしている記事ID(記事ID達) を送っていいね値を返すだけのサービスを作ってAJAXでとってやるような実装です。

とこんな感じでしょうか。特に難しい点はないのでチャレンジしてみてください。

投稿2015/05/14 14:35