世界を動かす技術を、日本語で。

テキストのみのウェブページの美しさ

2025年8月16日原文(albanbrooke.com)

概要

テキストのみのウェブページ は、現代のウェブの煩わしさからの 避難所広告やクッキーバナー がなく、 シンプルで高速再利用性 が高く、どこでも 手軽に共有・保存 可能。 運用コストが低く、小規模サーバーでも 運営可能読書体験 を損なうことなく、 落ち着いたネット環境 を提供。

テキストのみのウェブページの魅力

  • GDPRクッキーバナー広告メールオプトイン自動再生動画 が一切表示されない快適さ
  • クリーン読みやすい デザイン
  • 高速表示シンプルな構造
  • テキストのみ なので、 無限に再利用複製 が容易
    • 例: メール でのコピペ共有
    • ChatGPT への貼り付けによる質問活用
    • X (旧Twitter)への転載も可能
  • KindleMatter への保存、 印刷 など、多様な利用方法
  • どんな環境 でも閲覧可能な 高い互換性
  • リンクのクリック 時も 瞬時に読み込み
  • CDN不要ホバー時のプリロード も不要
  • ホスティングコスト が非常に低く、 Raspberry Pi などでの運用も現実的

テキストページがもたらす読書体験

  • 気軽なスキミングじっくりとした熟読 がしやすい構成
  • 長時間の読書 でも 罪悪感や疲労感が少ない
  • 集中力を妨げない 静かなネット体験

テキストオンリー制作者への感謝

  • シンプルさ を追求したことで エンゲージメント低下 のリスクも
  • それでも 静かで幸福なインターネット への貢献
  • テキストのみのウェブページ を作り続ける作者への 感謝と称賛

Hackerたちの意見

白背景に灰色の文字、うーん… :-(

実際に読むのが大変なの?#111111は黒にかなり近いよ。https://webaim.org/resources/contrastchecker/によると、コントラストは18.88:1で、すべてのアクセシビリティテストを簡単にクリアしてるみたい。

それには同意するなぁ。せめて、等幅じゃないフォントを使うだけでも、読者には優しい選択になると思うよ。

ハハ、同意するよ!これが私のブログだし、読みやすさをもっと改善できると思う。

プロとコンって感じかな。モノスペースフォントは好きだし、特に短いコンテンツには合ってると思う。でも、長文にはいいセリフフォントが理想だね。セリフが目を次の文字に導いて、サンセリフやモノスペースよりもユニークな形を作るって聞いたことがあるよ。

ブラウザのリーディングモードは簡単な解決策だね。

理想を言えば、デザインの一部じゃない限り、ウェブサイトでフォントを指定しない方がいいと思う。必要な時に使えるのは便利だけど、例えばコーディングチュートリアルのサイトで、コード例と文章が混ざってる場合は、コード例だけ固定幅フォントにするとかね。でも、使いすぎだよね。なんでサイトによってセリフ体とサンセリフ体を選ぶのか、ブラウザに任せてほしい。

モノスペースはそんなに気にしないけど、選ばれたフォントはちょっと…間隔が awkward すぎて、読むのが辛い。目がさまよっちゃうよ… コードエディタではモノスペースフォントを一日中見てるのに。Fira CodeとかInconsolataとかね。とはいえ、たぶん「サンセリフ」にして、ブラウザやOSの設定に任せるのがいいかな。どうせヘルベチカやアリアルみたいなもんだし、ユーザーの好みで設定できるしね。

色のコントラストも大事だよね。ちゃんと読めるヘッダーをページに置くとかさ。 ('^_^)

これを見て、視覚障害者向けの「アクセシビリティ」モードの面白いアイデアが浮かんだ。ページ上のすべてが視覚的には見えないけど、スクリーンリーダーにはちゃんと読めるってやつ。昔、公共セクターのクライアントのためにアクセシビリティ機能に気を使ったプロの仕事をしたことがあって、それがすごく視点を変えてくれた。それ以来、意識するようにしてるけど、今は完全にバックエンドだからあまり関係ないかな。

わお、やっと直したかも。ダークモードで自分のサイトを見たことなかったから。

お気に入りの例の一つかも。https://plaintextsports.com/ もう一つ有名なサイトで、特に面白いのは、世界で最も価値のある企業の一つなのに、これが実際のウェブサイトで、歴史的な目的のためだけに残してるわけじゃないってこと。https://www.berkshirehathaway.com/ クリアフレームのメガネをかけた若者が、バフェットにBHのウェブサイトをプログレッシブウェブアプリにするように提案するのを見たいなぁ。ここにはたくさんの例があるよ(ただし、多くはある程度のスタイリングがあるけど):https://sjmulder.nl/en/textonly.html

Hacker Newsで議論の続きを見る