LoginSignup
52
37

More than 5 years have passed since last update.

Qiitaをシンプルで圧倒的に見やすくするカスタムCSS

Last updated at Posted at 2016-11-20

必要なことはシンプルだ。
以下の2つをすればいい。

  • 必要ない情報は極力なくす
  • 必要な情報は広く大きく見せる

で、そのスクリーンショットがこれ。

インストールはStylishが入っていればInstall with Stylishを押すだけ。入っていなければ先にインストールが必要だ。

SimpleQiita - Themes and Skins for Qiita - userstyles.org

以下は妄言であるので、必要があっても読む必要はまったくない。

バイアスの除去

2000コントリビュート。30コントリビュート。0コントリビュート。
うんこれほど意味がないのに記事を見る前からバイアスがかかる情報もあるまい。

他の人はどうだか知らないが、Qiitaの使い方としてQiita内から色々探すことはない。わからないことをググって、その結果Qiitaにやってくる。

その時邪魔になるのがバイアス、コントリビュート数だ。
はっきり言ってコントリビュート数はまやかしで、これほど当てにならないにも関わらず見る人に影響を与えるものもない。

コントリビュート数が多い。よし安心して記事を読めるな。まさか!
間違った内容を垂れ流す入門記事や、英語ドキュメントを質の悪い翻訳にかけたような記事で狂ったように伸びるコントリビュート数。

俺自身Bluemixを実質2時間程度しか使ってないのに関わらず、あるバズった1つの記事だけでBluemixタグのコントリビュート数でトップになってしまった。Bluemixについて何も知らないのに。でも、Bluemixについての記事だからタグを外すのもおかしいだろ?

この数字がサイドバーでどうしても目に入るのは本当によくない。作業妨害もいいところだ。
俺は問題を解決したいだけで、問題を解決した先人のことを知りたいわけじゃない

ユーザ情報なんて人気の投稿含めて記事の最後にあればいい。

1カラム

さっきも言ったけど、集中して記事を読むのを阻害するサイドバーなんていらない。

インデックス?
5章とか8章とかあるGitBookならともかく、単一の記事でインデックスなんて場所を取るだけで邪魔なだけでしょ?
これのせいで、コード部分を横スクロールする必要があるときが倍増するんだ。
例えば、こんなふうにね。

2カラム
スクリーンショット 2016-11-21 13.31.28.png

1カラム
スクリーンショット 2016-11-21 13.31.50.png

技術的なサイトで1行80文字も入らず、コード部分で横スクロールとか正気じゃないよ。
もちろん全画面で表示しとけばそんなことはないよ。
でも、Qiita開いているときブラウザを全画面で開くなんてしないよね?
たいていは、画面半分Qiita、もう半分はターミナルかエディタだ。

何が言いたいって2カラムはユースケースにあってないんだ。

いいねしたユーザ

スクリーンショット 2016-11-21 00.56.23.png

いいねしたユーザって何だよ?
あそこにアイコンが並んでることにどんな意味があるっていうんだ?
いいねしたユーザか、気になるな。そうだ!いいねしたユーザの情報を見よう!
こんな人がいるっていうのか?
冗談だろ。

タイトル

でかい。
いままで長すぎるタイトル付ける人なんだよ、タイトルで4行って正気かよと思ってたけど、違う。
タイトルの文字サイズがでかい。

まとめ

とにかく、言いたいことは2つだけ。

  • 必要ない情報は極力なくす
  • 必要な情報は広く大きく見せる

SimpleQiita - Themes and Skins for Qiita - userstyles.org

参考

Qiitaで検索してトップだったのでスクリーンショットに利用させていただきました。

52
37
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
52
37