redesign-www-tojo-tokyo を投稿する

parent 07187327
title: ウェブサイトの見た目を改善しました
id: redesign-www-tojo-tokyo
date: 2020-05-08 06:45
description: ダークテーマよりも普通の方がよかった
---
#+OPTIONS: todo:nil
** ダークテーマよりも普通の方がよかった
いままで、このウェブサイトはダークテーマを意識していて、黒い背景に白い文字を使用していました。
しかし、この Web で記事を閲覧するよりも GitLab で直接元の
`org-mode` の文書を読んだ方が視認性が良いことにショックを受けて見た目の改善をしたくなりました。
ダークテーマはターミナルや Emacs で文書を書いているときには良いのですが、Web ではあまり良くないようです。
関わらず視認性の良い Web ページをダークテーマで作成するのは難しいと思います。
基本的に配色のこだわりを捨てて Web ブラウザのデフォルトに任せることにしました。
すると、悲しいことにその方がずっと見やすくてより良いものになりました……。
** 文字を大きくしました
このサイトの文字のサイズは小さすぎました。
全体的に文字が小さくて自分で記事を読み返すたびに、
「この Web サイトの作者はどうしてこの文字サイズでよいと思ったんだろう」と疑問に思ったほどです。
なので、デフォルトでは少し大きめにしました。
かなり読みやすくなったと思います。l
** コードが読みやすくなりました
コードの装飾をちょっと良くしました。
ソースコードが良い感じに表示されるようになっています。
例として階乗の定義を示します。
#+BEGIN_SRC scheme
(define (factorial n)
(if (zero? n)
1
(* n (factorial (- n 1)))))
#+END_SRC
また、文中のコードの表示も改善しました。
~(factorial 10)~ の値は ~3628800~ です。
というように良い感じにコードがハイライトされるようになりました。
** 感想
だいぶ見た目が良くなったと思います。
このウェブサイトは[[https://gitlab.com/tojoqk/www-tojo-tokyo][バージョン管理]]されているので、
暇な人は過去のコミットに戻ってサイトをビルドしてみると良いと思います。
Guix を使用していれば、ビルド環境の構築をしなくても下記のコマンドで一瞬です。
#+BEGIN_SRC shell
guix environment -l environment.scm -- make serve
#+END_SRC
特に環境を準備していなくても一撃で ~localhost:8080~ でこのサイトを閲覧することができます。
やはり Guix は最高ですね。
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment