littleLBook — LinuxDoを小紅書風に変えるユーザースクリプト

Web

概要

LinuxDoのフォーラム表示を「小紅書(Xiaohongshu)」に似たカード/瀑布流レイアウトに変えるTampermonkey用ユーザースクリプトです。スレッド一覧や投稿をサムネイル中心のカードに変換し、複数列のレスポンシブグリッドで並べ替えることで、ビジュアル重視の閲覧体験を実現します。導入はユーザースクリプトとしてブラウザに追加するだけで、元の掲示板機能は残しつつ見た目を大幅にリフレッシュします。

GitHub

リポジトリの統計情報

  • スター数: 8
  • フォーク数: 0
  • ウォッチャー数: 8
  • コミット数: 6
  • ファイル数: 4
  • メインの言語: JavaScript

主な特徴

  • Linux.doフォーラムを画像・カード中心の瀑布流(masonry)レイアウトに変換
  • Tampermonkey互換のユーザースクリプトで手軽に導入、MITライセンスで再利用可能
  • レスポンシブ設計により画面幅に応じて列数を自動調整
  • 既存の掲示板機能を損なわずに見た目を刷新(非破壊的なDOM操作)

技術的なポイント

このプロジェクトはブラウザで動作するユーザースクリプトとして、JavaScriptでDOMを操作しスタイルを注入するアプローチを取っています。主な技術的処理としては、掲示板の投稿一覧から必要な要素(サムネイル、タイトル、メタ情報など)をセレクタで抽出し、カード用のコンテナ要素へ再構築することが挙げられます。レイアウトはCSSグリッドやフレックス、あるいは簡易的なマasonry計算を用いて複数列に配置する実装が想定され、画像の高さ揃えや余白管理にはCSSのobject-fitやサイズ制御を利用します。

スクリプトはTampermonkeyのメタデータブロックで対象サイトを指定し、ユーザースクリプトの読み込み時にスタイルシートを動的に挿入します。動的に読み込まれる投稿(ページネーションや無限スクロール)へも対応するため、MutationObserverやイベントデリゲーションでDOM変化を監視し、追加要素に対しても同じカード化ロジックを適用します。パフォーマンス面では、画像の遅延読み込み(lazy loading)やレイアウト処理のバッチ化により、描画負荷を抑える工夫が可能です。

拡張性としては、CSSのカスタマイズや列数の設定、特定カテゴリのフィルタリングなどをスクリプト内設定や簡単なUIで切り替えられるように実装でき、フォーラム側のHTML構造変更にも比較的柔軟に対応できます。ライセンスはMITなので、個人利用から派生プロジェクトまで幅広く利用・改変が許諾されています。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .gitignore: file
  • LICENSE: file
  • README.md: file
  • littleLBook.user.js: file

まとめ

軽量なTampermonkeyスクリプトでLinuxDoを視覚的にリッチに変える実用的なテーマです(導入容易)。

リポジトリ情報:

READMEの抜粋:

📕 LinuxDo仿小红书主题——littleLBook

version license platform site

🎨 将 LinuxDo 论坛改造成小红书风格瀑布流布局