まとめサイトのコメント欄設計メモ

今後運営予定のまとめサイトの記事コメント欄について、YouTubeやRedditなどの大規模コミュニティサイトを参考にしながら設計を行いました。

✔️ 現在採用している仕様

コメントはツリー構造

コメント上限:3000件

返信階層上限:20階層

返信初期表示:9件

Good / Bad(いいね・悪いね)表示

コメント文字数上限:800文字

✔️ YouTubeのコメント欄の特徴

実質2階層構造

返信初期表示は少数のみ

いいね数を表示

コメント文字数上限は約10,000文字

返信数が多い場合は折りたたみ表示

YouTubeは大量の返信が付いても表示速度を維持しやすい構造になっています。

✔️ Redditのコメント欄の特徴

ツリー構造による返信

Upvote / Downvote表示

深い返信チェーンが可能

コメント文字数上限は約10,000文字

投稿本文は最大40,000文字

Redditは議論向けのコメントシステムとして設計されています。

✔️ 他コミュニティサイト情報

ガールズちゃんねる

コメント数の実質上限なし

50件ごとにページ送り

ライブドアブログ

1記事あたり最大約15,000コメント

1コメントあたり最大800文字

✅採用したコメント構造

ライブドア系まとめサイトでは、

>>123

のようなアンカー形式で返信先を指定する方式が一般的です。

しかし実際に利用してみると、

元コメントまで遡る必要がある

会話の流れが追いづらい

コメント同士の関連性が分かりにくい

という問題を感じました。

特にPC表示では、返信先と返信コメントが離れて表示されるため、長いコメント欄では読みづらい印象があります。

そのため本サイトでは、

「返信したコメントの直下に返信を表示するツリー構造」

を採用しました。

これにより、

誰に返信しているか分かりやすい

会話の流れを追いやすい

コメント同士のやり取りが見やすい

というメリットがあります。

✅コメント数上限について

当初はガールズちゃんねるのように1万件程度まで許可することも検討しました。

しかしその場合、

ページ分割

表示速度対策

サーバー負荷対策

が必要になります。

ページ分割を行うと、利用者が閲覧できるコメント範囲が限定されるため、コメント全体の流れや多数派・少数派の意見を把握しにくくなる可能性があります。

そのため今回は、

コメント上限3000件

返信階層20階層

という構成を採用しました。

3000件であれば一般的なまとめサイトとしては十分な規模であり、ページ分割を行わずにコメント全体を閲覧できる範囲だと考えています。

✅これからについて

現在はコメント機能や返信機能などの実装を進めていますが、今後は以下の作業を予定しています。

サイト改修

スマートフォン向けCSSの調整

タブレット向けCSSの調整

お問い合わせページのデザイン修正

コメント欄や返信機能の改善

コンテンツ作成

描いたイラストを記事として掲載しながら、並行して制作中のお絵描き掲示板の開発を進めていく予定です。

サイト運営

まずはまとめサイト側のアクセス数を増やしながら運営基盤を整え、その後はRSSによる記事掲載に協力していただける方も探していきたいと考えています。

まだ開発途中ではありますが、

まとめサイト

お絵描き掲示板

の両方を少しずつ改善しながら運営していく予定です。

#お絵描き #まとめサイト #なんj

7/7 編集済み

... もっと見るまとめサイトのコメント欄設計では、ユーザー体験を最大限に高めることが重要だと感じています。私も以前、アンカー形式の返信方式を採用したまとめサイトを利用していましたが、返信がどのコメントに対するものかわかりづらく、会話の流れを追うのに苦労した経験があります。その結果、議論が断片化し、コミュニティの活性化を阻んでいるケースが多いことに気づきました。 ツリー構造は、この問題を解決する有効な手段です。返信コメントを直接親コメントの下に表示することで、誰に返信しているのかが直感的にわかり、会話の連続性も保たれます。特にPC版表示においては、視線の移動が少なくなり読みやすさが向上すると感じました。 一方で、コメント数が多くなるとページの表示速度やサーバー負荷も懸念されます。そのため、本記事で述べられている通り、3000件の上限設定は妥当な線だと思います。過去に数万件のコメントがある記事を閲覧した際、ページ読み込みが非常に遅く、途中で止まってしまった経験もあり、快適な閲覧環境のためには数千件規模で制限を設けることが現実的と考えます。 また、コメント文字数上限を800文字に設定することも適切です。長すぎるコメントは読み手の負担になるだけでなく、荒らしや無意味な長文の防止にもつながります。YouTubeやRedditのように1万文字を超える長文を許容するケースもありますが、まとめサイトの性質上、簡潔かつ明確なやり取りがユーザーに支持されやすいと感じます。 さらに、Good / Bad評価やUpvote / Downvoteの導入は、コミュニティの活性化に寄与する機能でしょう。コメントの質を可視化できるため、有益な議論を促進する効果が期待できます。 私自身、これらの要素を考慮したコメント欄を提供するサイトを運営したいと考えており、本記事で紹介された設計案は非常に参考になります。今後のスマートフォンやタブレット向けのUI改善、返信表示の工夫によって、さらに使い勝手が良くなることを楽しみにしています。

関連投稿

まとめサイトのコメント欄デザインで工夫した点
① RedditやYouTubeを参考にしたツリー構造 コメントと返信の関係が分かりやすいように、RedditやYouTubeで採用されているツリー構造を参考にしました。 返信先が視覚的に分かるため、どのコメントに対する返信なのかを把握しやすくなっています。 ② スマホ表示を考慮して階層の横移動を制限 ツリー構造は階層が深くなるほど右へずれていきますが、スマホでは表示領域が狭いため、一定階層以降は横方向へ移動しないようにしました。 これにより、深い返信でもコメントが小さく表示されず、読みやすさを維持できます。 ③ 返信の開閉機能を実装 返信が多いコメントは初期状
drawing_billboard

drawing_billboard

0件の「いいね」

まとめサイト「お絵描き民」のスマホ・タブレットデザインについて
初めは、ライブドアブログのように 「コメントの一部を表示し、下部のもっと見るボタンからコメント一覧を確認する」 という形式で作成しようと考えていました。 ただ、お絵描き掲示板とのデザインの違いや使い勝手を揃えることを考えると、一覧画面からすぐに質問・雑談の流れを確認できるツリー構造の方が合っているのではないかと思い、現在のデザインにしました。 ⭐ 今回のコメント一覧で工夫した点 ① 名前・日付・時刻の表示を、名前・○日前に変更 PC版では、4階層以降のコメントが横にずれすぎないように調整しています。 スマホでも同じ考え方で表示しようとすると、画面幅の
drawing_billboard

drawing_billboard

0件の「いいね」

家づくりは難しい!けど楽しい!
気持ちはまだ新築のままだけど あっという間に丸4年が経ちました! 新築~5年目に突入したわが家の 今思うところをまとめ書き✍️ まだまだあります・・・ 思うことが多すぎる家づくり。 当時のオレも最善を尽くしたつもり だったけど、足りなかったみたい笑 1個でも参考になったらうれしいです! 今日も最後までご覧いただき ありがとうございました!! #後悔しない家づくり #失敗しない家づくり #おうちづくり
ゆいと|24坪のヘーベルハウス

ゆいと|24坪のヘーベルハウス

3件の「いいね」

夕焼けを背景にしたモダンな住宅の外観が写っており、「10年後に差がつくパナソニックホームズ」というタイトルと「保存版 特徴6選」の文字が重ねられています。右下にはクマのキャラクターがいます。
パナソニックホームズの評価をレーダーチャートで示しており、「性能」「保証」「コスパ」「デザイン」「自由度」「メンテナンス」の項目があります。特に「保証」と「メンテナンス」の評価が高いことが示されています。
パナソニックホームズの創業者である松下幸之助の言葉「『強さ』×『暮らしやすさ』を備えた『良家づくり』」が引用され、基本性能の高さと光触媒タイル、空気へのこだわりが紹介されています。6つの特徴がリストアップされています。
「パナソニック=設備が強い」 そう思ってる人、実は多い! でも実際は、“住んでから評価される家”というのが本質。 【パナソニックホームズの特徴6つ】 ① 耐震 繰り返す地震を想定した構造。 「倒れない」だけじゃなく、住み続けられるかを重視。 ② 快適 断熱・空調・遮音性まで含めた快適さ。 バランスの取れた、性能の高い家🏠 ③ 空気 換気・空調・空気清浄を一体で考える設計。 花粉・PM2.5・ニオイ対策まで視野に。 ④ 保証 初期保証だけでなく、長期で暮らす前提のサポート体制。 地震あんしん保証 業界初の試み✨ ⑤ 設計自由度 ハウ
くまだん🐻‍❄️家づくりトータルサポート🏡

くまだん🐻‍❄️家づくりトータルサポート🏡

10件の「いいね」

「家づくり攻略メモ もうミスらない」と書かれた白い壁と、「5年目突入」と書かれた木目調のドアが写る廊下の写真です。
洗面台のある空間に、「ヘーベル5年目に突入しました!」というテキストと、家づくりの後悔と改善策について説明するテキストが重ねられています。
キッチンカウ��ンターの一部が写っており、「01 キッチン」という見出しの下に、キッチンに関する後悔と改善策の箇条書きが記載されています。
家づくりは難しい!けど楽しい!
気持ちはまだ新築のままだけど あっという間に丸4年が経ちました! 新築~5年目に突入したわが家の 今思うところをまとめ書き✍️ まだまだあります・・・ 思うことが多すぎる家づくり。 =時のオレも最善を尽くしたつもり だったけど、足りなかったみたい笑 1個でも参考になったらうれしいです! 今日も最後までご覧いただき ありがとうございました!! #後悔しない家づくり #失敗しない家づくり #おうちづくり
ゆいと|24坪のヘーベルハウス

ゆいと|24坪のヘーベルハウス

40件の「いいね」

抑えきれない情報量💥
▼家づくりは難しい!けど楽しい! ⁡ 気持ちはまだ新築のままだけど あっという間に丸4年が経ちました! ⁡ 新築〜5年目に突入したわが家の 今思うところをまとめ書き✍️ ⁡ まだまだあります・・・ ⁡ 思うことが多すぎる家づくり。 ⁡ 当時のオレも最善を尽くしたつもり だったけど、足りなかったみたい笑 ⁡ 1個でも参考になったらうれしいです! ⁡ 今日も最後までご覧いただき ありがとうございました!! ⁡ #後悔しない家づくり #失敗しない家づくり #家づくり #新居
ゆいと|24坪のヘーベルハウス

ゆいと|24坪のヘーベルハウス

54件の「いいね」

フェミニンウォッシュのボトルを手に持っている画像です。ボトルは白と黄色で、上部に花柄のデザインがあります。製品を強く推奨するテキストがオーバーレイされています。
本当は教えたくない、、、
サマーズイブ シアービューティ フェミニンウォッシュ  私はAmazonで買ってます。 1000円ちょっとで買えますよ! これ何がオススメかと言うと、アメリカ、日本で1番売れてるフェムケアなんです😊 弱酸性でしみることもなく、ジェルタイプで使いやすいです👍 毎日使っても問題なし、美容成分も入ってる🩷 着色料、パラベン、アルコール、ソープフリーなので安心して使えますよ〜😊 #サクッと情報メモ #Lemon8コメント大作戦 #健康グッズやフェムケア #ちょっと聞いて #健康チャレンジ
おやつの時間

おやつの時間

291件の「いいね」

手ぶらでしっかりクールダウン!真夏の屋外作業や観戦に勝てるネッククーラー
暑い日の屋外作業やスポーツ観戦で「ずっと氷のうを手で持っているのが大変…」と思ったことありませんか? そんな悩みを解決してくれるのが、このU字型ネッククーラー💁🏻‍♀️ 首元にスッとかけるだけでしっかりフィットして、両手を自由に使いながらピンポイントで冷やせます。 大きな氷もスポッと入る広口デザインだから、準備もとっても簡単。 農作業、釣り、フェス、部活動の応援など、夏のあらゆるシーンで手放せなくなりますよ🫶 まとめる子メモ📝 ✅両手が自由に使えるハンズフリー設計 ✅氷と水を入れるだけの即効冷却 ✅氷が入れやすい広口デザイン ✅繰り返し使えて経済的 詳細はプロフの
まとめる子|QOL上げる暮らし×美容

まとめる子|QOL上げる暮らし×美容

0件の「いいね」

歯磨き粉やデンタルフロスなど、おすすめのオーラルケア商品5選を紹介する画像。Davids歯磨き粉、EUTHYMOL歯磨き粉、コンクールFマウスウォッシュ、クリエイトのデンタルフロスが写っている。
EUTHYMOLのローズ歯磨き粉とパープルコレクター歯磨き粉が並べられている。どちらも美白効果があり、ローズの方がマイルドで使いやすいと説明されている。
EUTHYMOLパープルコレクター歯磨き粉が写っており、着色汚れ除去、口臭予防、コーヒー・紅茶・ワインを飲む人におすすめなどの効果が説明されている。
【保存必須✨】間違いないオーラルケア商品5選🤍
マスク生活でなくなったら、口内環境が 気になりますよね🤣 歯も白い方がやっぱり笑った時の印象もいいし、 人と対面する時は口臭もしっかり気をつけたいところ😊 オーラルケア商品のおすすめ5選まとめてみました! 1️⃣EUTHYMOL歯磨き粉 ユーシモール ローズ歯磨き粉とパープルコレクター歯磨き粉 2種類試したけど、私はローズの方が 好きでした! パープルコレクターは、 本当に湿布の匂いがします!でも磨いた後の爽快感スッキリ感がとてもいい。 匂いキツいけど、使ってるうちに慣れます。 そして歯がツルツルになるし、確かに白くなる! 口臭予防効果も実感で
chiiiii♡賃貸暮らしを快適に

chiiiii♡賃貸暮らしを快適に

50件の「いいね」

Excelデータ復元!上書き保存したファイル、戻せる可能性あり
Excelを上書き保存してしまった… 保存せず閉じた…そんな時でも復元できる可能性があります! 重要なのは「すぐに保存操作を止めること」 FastRecoveryなら削除・上書きしたExcelファイルも簡単スキャン。 #Excelデータ復元 #Excel復元 #上書き保存 #ファイル消えた #データ復元
かんたんTech講座

かんたんTech講座

8件の「いいね」

皆さん、こんにちは。元銀行員のFuminoです。 「70歳から年金を受け取るのがベスト!」 「いや、60歳から受け取る方が良い!」 …こういった意見に振り回され、「私はどうすればいいんだろう?」と悩んだことはありませんか? この動画では、不確かな「利益と損失」については議論しません。元銀行員が自信を持って、50歳、60歳の方々が本当に考えるべき「唯一の」年金戦略をお伝えします。これが私が言う人生バランスシート思考です。自分の価値観と人生設計に基づいて、逆算して考える方法です。 ▼以下のような悩みを抱えていませんか? ✅ 年金を受け取り始めるタイミングが分からない。 ✅ 早め
まるっとマネー

まるっとマネー

0件の「いいね」

Windows 11のダウンロードが進まない時の解決法!
Windows 11へのアップデートが止まる?エラーで進まない? 原因はストレージ不足やシステムファイル破損、ネット環境などさまざま。 本動画では解決策とアップデート前のバックアップ方法を解説します。 大切なデータはAOMEI Backupperでしっかり守りましょう! 30日間限定登録コード 「AMAB-9RV3F-DNLO8-LGDYR 」でAOMEI Backupper Home版を無料体験! #Windows11 #アップデートエラー #ダウンロードできない #WindowsUpdate #PCトラブル
デジタル安心チャンネル

デジタル安心チャンネル

1件の「いいね」

5月はどんな月になる?12星座占い
自分の星座の結果をチェックして、最高の1ヶ月にするヒントにしてね。 今月の運勢はどうだった?結果を見て「これ頑張ろう!」と思ったことや、今の正直な気持ちをコメントで教えて🦊 #占い #ちょっと聞いて #サクッと情報メモ #Lemon8コメント大作戦 #ハテナ投稿大会
キツネ占い

キツネ占い

48件の「いいね」

【暮らしが変わる神家電】温水も炭酸水もこれ1台!?ドリンクメイトの新作が凄すぎる
「炭酸水のペットボトルゴミが溜まるのが嫌…」「毎朝お湯沸かすの地味に面倒…」って人に絶対知ってほしい📣 ドリンクメイトの新作「drinkcube」が本気で便利すぎる…! これ、冷水とお湯が出るだけじゃなくて、できたての炭酸水までこれ1台で作れちゃうの🫶 強炭酸から微炭酸まで強さを変えられるから、晩酌のハイボールも美肌ケアの炭酸水も思いのまま♪ スリムでスタイリッシュだから置くだけでお部屋がおしゃれ空間になるし、もう重い箱買いもゴミ出しも不要になりますよ〜💁🏻‍♀️ まとめる子メモ📝 ✅ 冷水・温水・炭酸水の1台3役で毎日の水分補給が超快適 ✅ 炭酸強度が選べるから料理やド
まとめる子|QOL上げる暮らし×美容

まとめる子|QOL上げる暮らし×美容

0件の「いいね」

これ知ってる?like-itライクイットのほったらかしでも空間整うゴミ箱
ライクイット株式会社 シールズ25密閉ダストボックス ゴミ箱って部屋に置くだけで生活感が出るし、すぐゴミが溜まり、取り替えが面倒!! そんなモヤモヤを解決してくれる優秀ゴミ箱。 スリムな設計だけど、結構ゴミが入るし、パッキン付きで嫌なニオイ漏れも全くないので、面倒なゴミ替えを頻繁にしなくても全然大丈夫👍👍 #家のモヤモヤ解決メモ #おしゃれゴミ箱 #シンプルライフを目指して #リビングインテリア
なおみママ

なおみママ

24件の「いいね」

買って正解のジュエリーボックス🩷激安
#暮らしのあたりハズレ 暮らしのアイテムメモ🔍 ☆携帯用ミニジュエリーボックス ・購入場所:Amazon ・価格:745円 ・満足度:★★★★★ ◇コンパクトな設計: 旅行やお出かけの際にバッグに入れてスマートに持ち運べる手のひらサイズ◇充実した収納スペース: 右側には指輪(リング)や小ぶりのピアスを並べて固定できるスリット、左側には仕切り付きのフリースペース ◇便利なミラー付き: 内側のフタの裏に鏡が配置 💬可愛いピンクのジュエリーボックス🩷 #うちの節約術
ayase

ayase

6件の「いいね」

Windows 11でDドライブを簡単作成!手順をわかりやすく解説
新しいPCでも安心! 未割り当て領域を活用してDドライブを作成する方法を紹介。 ディスク管理でも無料ツールでも簡単に作成可能です。 #Windows11 #Dドライブ作成 #パソコン初心者 #ディスク管理
かんたんTech講座

かんたんTech講座

3件の「いいね」

名古屋市天白区で開催されるカルトナージュのワークショップと定期レッスンの告知。9月9日・30日に植田南コミュニティセンターで実施され、完成した花柄の箱と、制作中の様子が写っています。
新たな試み💪🏻やっとカルトナージュ定期レッスン開催できる🥳💓
ワークショップは過去2回開きましたが、9月からは本命の(私的にワークショップはカルトナージュの導入編)カルトナージュレッスン希望の生徒さんが!🥳🥳 Q&A を作ったら入りきらなかったので別紙にまとめる予定ですが…嬉しくてこちらにも載せておきます♪ #名古屋市天白区 #天白区習い事 #天白区ママ #名古屋カルトナージュ #カルトナージュ教室mooi #空き箱リメイク #大人の習い事名古屋 #ハンドメイド初心者 #天白区お稽古 #元駐在員妻 #レッスン受付中 #植田南コミュニティセンター
mooi7448

mooi7448

1件の「いいね」

Windows 11でDドライブを簡単作成!手順をわかりやすく解説
新しいPCでも安心! 未割り当て領域を活用してDドライブを作成する方法を紹介。 ディスク管理でも無料ツールでも簡単に作成可能です。 #Windows11 #Dドライブ作成 #パソコン初心者 #ディスク管理
デジタル安心チャンネル

デジタル安心チャンネル

2件の「いいね」

成長が癒し🤭スタプロ観葉植物🪴コスパ良く!
植木鉢は、Standard Products(スタンダードプロダクツ)の「ジョウロにもできる植木鉢(10cm)」です。 鉢カバーとして使えるだけでなく、そのまま水を汲んでジョウロとしても使えるユニークな設計です。 デザイン: ゾウさんのようなぽってりとした可愛いフォルムに、マットで素朴な風合いのグレーカラーが特徴です。 素材: 素朴な質感を持つドロマイト(白雲石)が使用されています。 価格: 330円(税込)注ぎ口には細かな穴がいくつか開いており、小さな観葉植物への水やりや、インテリアのディスプレイとしても映える人気アイテムです。 買う前は久々の観葉植物…育てら
えみこ

えみこ

1件の「いいね」

削除したファイル、実はまだ復元できます!ごみ箱にない場合も
PCから削除したファイル、 「もう完全に消えた」と思っていませんか? ごみ箱にない削除データでも、 専用ソフトを使えば復元できるケースあり。 大事なデータを失う前に、正しい対処を知っておきましょう。 #削除したファイル復元 #データ復元 #ごみ箱復元 #PCトラブル #Windows
かんたんTech講座

かんたんTech講座

3件の「いいね」

安すぎ!サンプル百貨店RSP
#プロモーション #RSP113に参加しました #サンプル百貨店 サンプル百貨店【RSP Live当選】 サンプル百貨店で年に数回行われる RSPイベントに当選しました😍 参加費2000円でこれだけ届くの安すぎ! サンプルボックスが自宅に届いて、 オンラインで開催してくれるよ! いっぱい届いたので、少しずつレポしていくね✨ フォローして待っててね🍀 オトク情報をどんどん発信します🉐️ フォロー、いいね!もお待ちしてます❤️ コメントもしてもらえると嬉しいです😍 ↓↓↓ @sachi_otoku_ #レモバズマネー
さちトク ⌇ 30秒で分かる🉐️お得情報

さちトク ⌇ 30秒で分かる🉐️お得情報

7件の「いいね」

人は届出、形は許可!
さらに深く!工事の規模ルール そもそも、この法律で「許可」が必要になる基準はこちら! • 盛り土:高さ 2m 超 • 切土:高さ 2m 超 • 盛り土+切土:高さ 2m 超 • 面積:500㎡ 超 これらの数字を超える「形(面積や高さ)」の変更をするときは、「届出」ではなく、事前に「変更許可」が必要です! #宅建勉強 #宅建独学 #宅建一発合格 #宅建 #レモポテホーム
\宅建独学5ヶ月で一発合格!/

\宅建独学5ヶ月で一発合格!/

1件の「いいね」

求人票と違う?即日退職の法則
この投稿では「求人票と実態が違う」ケースで知っておきたい法律を解説します。時間もキャリアも守るための基礎知識です。 こんな状況ありませんか? ・「リモート可」と聞いたのに週5出社 ・片道2時間で往復4時間の通勤が常態化 ・面接で約束の技術スタックが実は別物 このズレは、生活の設計と成長機会を直撃します。往復4時間なら、年間で約1,040時間=約43日が消えます。 法律のポイント: ・労働基準法第15条第2項(出典:デジタル庁e-Gov法令検索) 「明示された労働条件が事実と相違する場合、労働者は即時に労働契約を解除できる」と定められています。求人票や入社時に示された条
退職あんしん代行

退職あんしん代行

1件の「いいね」

木造vs鉄骨造
▼木造 主要な構造体に木材を使用した建物のこと。 ・防音性は高くない ・柱が必要 ・比較的ローコスト ・木材のぬくもりを感じられる ・設計の自由度が高い ・実は地震に強い ・シロアリやカビ対策必須 ・仕上がりにばらつきが生じやすい ・断熱性を高めやすい ▼鉄骨造 柱や梁を鉄で作った建物のこと。 重量鉄骨(鋼材の厚みが6mm以上)と 軽量鉄骨(鋼材の厚みが6mm未満)の 2種類がある。 ・工期が短い ・選べる会社が少ない ・価格が高い傾向がある ・火災保険が安い ・断熱性は木造に劣る ・固定資産税が下がりにくい ・品質が安定している ・
ゆいと|24坪のヘーベルハウス

ゆいと|24坪のヘーベルハウス

12件の「いいね」

もっと見る