littleLBook — LinuxDoを小紅書風に変えるユーザースクリプト
概要
LinuxDoのフォーラム表示を「小紅書(Xiaohongshu)」に似たカード/瀑布流レイアウトに変えるTampermonkey用ユーザースクリプトです。スレッド一覧や投稿をサムネイル中心のカードに変換し、複数列のレスポンシブグリッドで並べ替えることで、ビジュアル重視の閲覧体験を実現します。導入はユーザースクリプトとしてブラウザに追加するだけで、元の掲示板機能は残しつつ見た目を大幅にリフレッシュします。
リポジトリの統計情報
- スター数: 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を視覚的にリッチに変える実用的なテーマです(導入容易)。
リポジトリ情報:
- 名前: littleLBook
- 説明: Linux.do论坛的仿小红书主题
- スター数: 8
- 言語: JavaScript
- URL: https://github.com/caigg188/littleLBook
- オーナー: caigg188
- アバター: https://avatars.githubusercontent.com/u/77796193?v=4
READMEの抜粋:
📕 LinuxDo仿小红书主题——littleLBook
🎨 将 LinuxDo 论坛改造成小红书风格瀑布流布局