はるかのおはなしのおはなし

ヘルプ

このサイトについて

このサイトは水樹悠が文筆に関するお話や小説などを掲載しているブログです。

縦書き

本ウェブサイトはCSSを用いた縦書きを採用しています。

カラム式の縦書きはウェブブラウザによって解釈が大きく異なります。

Chromoium、あるいはGoogle Chromeのようなそれを元としたウェブブラウザの場合、「カラムを表示領域と同じ高さに広げる」ことを優先します。 このため、文章量が少ないページを大きなウィンドウで開くと、カラムあたりの文字数が少なく、違和感のある表示となる可能性があります。

これを最大の理由として、本ウェブサイトの閲覧にはFirefoxを利用されることを強く推奨します。

Firefoxを推奨する理由として他に、後述する明朝体への対応のほか、テキストの英数字を全角に変換するCSSの機能がChromiumでは使えないという理由もあります。

明朝体とフォント

本ウェブサイトは本文フォントとして明朝体を用いています。

本ウェブサイトでは次の順に指定しています

  • 源ノ明朝
  • 游明朝体
  • IPA明朝
  • MS明朝 (縦書き用)
  • seirf

フォントを指定しているのは、縦書き用グリフを持っていない書体を用いてしまうと、表示がおかしくなってしまうためです。 ウェブフォントとして提供することも検討していますが、縦書きをカバーできるように用意しようとするとかなり重いファイルになってしまうため、検討中です。

なお、多くのAndroid端末には明朝体が搭載されておらず、場合によっては縦書き対応のフォントそのものがありません。 Android端末をご利用の方はFirefoxを用いると、縦書きに対応した明朝体で読むことができます。

リーダービュー

縦書きが読みづらいと感じられる方はリーダービューを用いることを推奨します。

Firefoxのリーダービューについてはこちらのページを参考にしてください。 FirefoxのリーダービューはAndroid版でも利用可能で、当サイトを快適に読むことができます。

リーダービューはVivaldiにもある機能です。 Vivaldi版のリーダービューはこちらのページを参考にしてください。

右上の三本線のアイコンからメニューを開くことができます。

メニューはページ内の目次と、サイト全体のナビゲーションがあります。 また、ページに「いいね」をつけることもできます。

デザインの話

「はるかのおはなしのおはなし」のデザインは2022年1月に一度リニューアルされた後、2024年3月に再度リニューアルされました。

2022年のリニューアルでは本がそのままデジタルデバイスになった感覚に近づくよう、色味を調節し、ページめくりに対応しました。

電子書籍っぽさと、紙の書籍っぽさの両方を持ったニュアンスを目指しました。

2024年のリニューアルでは、より「現代における新しい縦書きウェブサイトのかたち」を目指し、シンプルかつ機能的になるように変更しました。 また、全体的なデザインでは当初やりたかったことに近づけるような変更にしました。

スワイプ

タッチデバイスの場合、スワイプでスクロールできます。

特に縦書きの場合、ページをめくる感覚でスクロールすることができます。 ただし、場合によってはスクロール量がいい感じではないかもしれません。

2024-03-09 記