タテ読ミ

https://tateyo.me/

概要

あらゆる Web サイトを縦書きで読むことができる Web アプリケーションです。

縦書きで読みたいサイトの URL 先頭に https://tateyo.me/ をつけるだけで変換されます。

例えば、青空文庫にある「吾輩は猫である」は https://tateyo.me/https://www.aozora.gr.jp/cards/000148/files/789_14547.html から縦書きで読めるようになります。

特徴

• CSS writing-mode による実装

• より綺麗な縦書き組版（jlreq を参考に実装）

  • ぶら下げ組み
  • 禁則処理

• 横スクロール

  • ページ単位ではなく、通常の Web ページ同様にスクロールして読みます

技術

• PWA (Workbox)

  • アプリとしてインストールできます

• IndexedDB

  • 保存してオフライン時にも読めるようになります
  • Dexie.js

• Dynamic subsetting

  • どのプラットフォームでも明朝体で表示できます
  • 必要な文字のみを配信するため、通信量が少ないです

• Intersection Observer

  • 画面外の文章のレンダリングを抑制します

• mozilla/readability

  • 多くのサイトから本文を読み込むことができます
• React
• MobX
• TypeScript
• Docker

出展

• 公益財団法人 クマ財団主催「KUMA EXHIBITION 2018」

リンク

• 縦読ミ