Danwaに関する情報を共有し、みんなで活用!

ズーム -1元のサイズ+1

ヒント記事を書くと親身な意見・情報がもらえる!場所です。

先頭から

実験、コメント表示を折り畳みに

メール転送可
記事 828 by
 Danwaのコメント閲覧系をHTML5を使って折り畳み形式にしてみました。
コメントのタイトルを押すとコメントが展開し、コメント本文が表示されます。

 スレッドを閲覧するとき、コメント数が多いスレッドは、記事(ページ)が長くなりすぎるので、特にスマホなんかでは大変なことになります。

そのため、コメントの閲覧を折り畳み形式にしたのですが、これがちゃんと機能するのは HTML5に対応したWebブラウザです。うまく表示されていない方は、Webブラウザの更新ボタンを押して、新しいCSSを再読み込みしてください。

【動作確認できているWebブラウザ】
 Google Chrome/Firefox/Safari の比較的新しいバージョン

【悪い意味で驚いた】
 Internet Explorerの最新バージョンとMicrosoft Edgeの最新バージョンで未だにこれが動かないことです。機能が実装されていません。HTML5.1が勧告されているのにまだHTML5.0の機能が動かないとは・・・Micorsoftさんの未来が見えた気がしています。Edgeについては組み込み検討中だそうです。IEの時代は完全に終わったようですね。

 仕方がないので、IE11とEdgeではそれなりに表示されるように特別なCSSを組み込んでみました。

【良い意味で驚いた】
 iPod Touch(第四世代)のiOS6で更新が止められたままのSafariでこれが普通に機能していることです。

まだ実装したばかりなので、実験やテストを兼ねながら、しばらくの間、少しずつ修正していく予定です。

 なおこの機能は実験的な機能なので、新サイトで採用するかどうかは未定です。
To:ぶんちゃん

返信コメントを書き込む


コピー保険に加入(本文コピー)  写真を貼り付ける 埋め込む
カメラ 写真(画像)貼付の設定

笑 [返信内容の確認]をするときに、あなたが撮影した写真や画像を指定します。投稿すると安全処理されてから投稿欄に表示されます。

設定を閉じる

YouTube公式チャンネル 動画貼付の設定
URL:

笑 YouTube の動画枠直下にある[共有]を押すと出るURLか、再生ページのURLを以下のように入力します。
https://youtu.be/*****

貼り付けてよい動画?

笑 企業等の公式チャンネルの動画や個人が撮影して公開中の動画を掲示板等に貼り付けて共有リンクするのは著作権上合法だそうです。

貼り付け方は?

設定を閉じる

2017年8月11日(金) 13時10分 1件目のコメント
コメント 829 by ぶんちゃん
 コメントを折り畳み形式にしたとたん、人の流れが大きく変わってしまい、Danwaの存亡の危機に直面する方向になってしまいました。このまま全てのコメントを折り畳み形式にしたまま運営を続けると、Danwaは、新サイトに変わる前に存続不能になりそうです。そうならないように対策をします。

もともと、コメント数が多い記事は、スマートフォンで操作しづらくなってしまうことからつけたこの機能です。

 少しプログラムをいじり、まだ数値(件数設定)は確定ではありませんが、コメントが20件を超えたスレッドのみ、初回表示でコメントが全て折りたためられ、20件以下のスレッドは、コメントが全てオープンという形にして様子をみることにしました。

 追加
 親子表示などから直接コメントを開いたときは、開いたコメント以下のコメントは、オープンにするようにしました。

 条件はこうです。
 ・親記事を開いたとき、コメントが20件を超えていたら、コメント全てが折りたたまれた形になる。
 ・スレッドのコメント数に関係なく、リンクなどからコメントへ直接アクセスした場合はそれ以下のコメントがオープンになる。

 裏技として、全てのコメントが折りたためられている状態で、特定のコメントをオープンにして「この投稿に返信」ボタンを押せば、それ以下のコメントが全てオープンな状態になります(開発中の新サイトで、この機能をどうするかは未定ですが、新サイトでは「返信」ボタンを押してもページは移動しないのでこの裏技は使えません。)。
この投稿に返信
2017年8月15日(火) 0時21分違反通報親記事 2件目