ハクソク

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

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

283日前原文(albanbrooke.com)

概要

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

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

  • GDPRクッキーバナー や 広告、 メールオプトイン、 自動再生動画 が一切表示されない快適さ
  • クリーン で 読みやすい デザイン
  • 高速表示 と シンプルな構造
  • テキストのみ なので、 無限に再利用 ・ 複製 が容易
    • 例： メール でのコピペ共有
    • ChatGPT への貼り付けによる質問活用
    • X （旧Twitter）への転載も可能
  • Kindle や Matter への保存、 印刷 など、多様な利用方法
  • どんな環境 でも閲覧可能な 高い互換性
  • リンクのクリック 時も 瞬時に読み込み
  • 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

└

スポーツにはあまり興味がないけど、サイトはすごくいいね。友達がスポーツの話を始めたときに、さっと見れるのが便利で、気にしてるフリができるし :) お気に入りのサイトはこれだよ： https://lite.cnn.com/ https://sjmulder.nl/en/textonly.html https://text.npr.org/ あと、gopherとgeminiもね :) ありがとう！

└

ニュースはここで見てるよ。特にモバイルでね。 https://lite.cnn.com/

└

クリアフレームの若者が、BHのウェブサイトをプログレッシブウェブアプリにする提案をバフェットにするのを見たら、いいお金を払ってもいいな。モバイルで読みやすくするために1時間の作業を提案するのはどう？BHが気にするとは思わないけど、今の時代、モバイルでうまくレイアウトするのは最低限のことだし、そんなに難しくないよね。

└

これは彼らの本当のウェブサイトで、歴史的な目的のために残しているわけじゃないんだ。 https://www.berkshirehathaway.com/ "<font size=..."を見るとちょっと引いちゃうけど、今年の今見るとこういうのは新鮮だね。（それに、Geicoの広告はハードコーディングされてるのかな？）

└

NPRのウェブサイト、テキストだけなのにめっちゃ遅かったな。

└

それと https://briefingday.com

クリス・シーベンマンのブログを読むのが結構好きなんだ。テーマがすごく軽いから、あの美的感覚が好きなんだよね。ただ、もし全てのブログがこんな感じだったら、インターネットがちょっと退屈に感じるかも。だから、自分のブログには個性を持たせることにしたんだ。

└

現在のサイトを最初に作ったときは、クリスのサイトみたいに全くスタイリングがなかったんだけど、ちょっとずつ手を加えていくうちに、ちゃんとしたデザインになったんだ。自分の個性をもっと加えたくなっちゃった。誰も読まない個人サイトを持つ楽しさの一部は、それが遊び場として機能することなんだよね、デザインもその一部だし。

└

初期のウェブはこんな感じだったよね。ちょっとした使いにくさも改善されてるけど。

└

これを読むの、何が好きなの？27インチのモニターでフルスクリーンのブラウザだと、読むのがめっちゃ難しいんだけど、笑

テキスト中心のウェブ体験が大事だってのは同意する。現代のウェブはトラッカーや同意バナー、広告、その他の気を散らすものを簡単に追加できちゃうから、コンテンツから注意が逸れやすいよね。実は、ウェブとは別のネットワークプロトコルがあって、少人数だけど増えてきてるユーザーがいるんだ。それはGemtextっていうMarkdownにインスパイアされたフォーマットを使ってて、クッキーやトラッカーがなくて、2025年に見られる通常の肥大化をほとんど避けてるんだ。これがGeminiプロトコルって呼ばれてる。プロトコルデザインの観点からは完璧じゃないけど（HNの一部の人たちはそれが気に入らないみたいだけど）、ちゃんと機能してるし、実際のユーザーもいるし、今日から試せるよ。 https://en.m.wikipedia.org/wiki/Gemini_(protocol)

└

なんだこれ。こんなことを実際にやろうとしてる人がいるなんて驚きだよ。何年も前に似たようなアイデアの種を思いついたことを覚えてる。ただ、ページレイアウトを説明するのにJSONを使うことも考えてたんだ、一般的な「UIフォームデザイナー」言語みたいにね。一方で、これはページコンテンツだけじゃなくて、トランスポートプロトコルにもっと踏み込んでるね。

テキストを主に使って、画像が一、二枚だけのミニマルなウェブサイトには、なんとも言えない美しさがあるよね。読みやすさを高めるスタイルだけで構成されてるのもいい。これが最高のユーザー体験だと思う。こういうサイトに出会うたびに、インターネットが始まった頃の別の宇宙を想像しちゃう。商業的なものが一切なくて、軽量なページが手頃なホスティングで運営されて、検索エンジンがちゃんと機能する情報が簡単にアクセスできる世界。インターネットは私たちの偉大な創造物の一つだったけど、私たちの欲望でそれを台無しにしちゃったよね…

└

Lwn.netが思い浮かぶな。

すごく好きだな！もしかしたら、スクリーンリーダーを使ってるからかもしれないけど、2001年頃のインターネットが本当に好きなんだよね。シンプソンズのトランスクリプトページ見たことある？めちゃくちゃテキストが多いよ！1995年のネイティブフォーマットだから、ほぼテキストだけに近い。検索機能はもう動かないけどね。site:検索は使えたよ。http://simpson.walraven.org/

オランダでは、テレテキストがまだまだ使われてるよ。80年代の名残で、奇跡的にインターネット時代まで生き残ったんだ。ここでは最もインストールされているアプリの一つだよ。https://nos.nl/teletekst SSH経由でも利用できるよ：「ssh teletekst.nl」

bearblogは、予想以上に使われてるね。