anti scroll

ブラウザと小説の新しい関係を模索する

縦書き文庫

縦書き文庫のビューアーをリニューアルしました

縦書き文庫のビューアーを久しぶりにリニューアルしました。 いくつかあった不満点を、それなりに改善できたと思います。 旧ビューアーの不満点 目次、登場人物、コメントなどの各種情報が確認しにくかった(下方向へのスクロールが必要だった) 解像度の大…

数式の表示とプログラムの色付け表示に対応しました

縦書き文庫で数式とプログラムの自動色付け表示ができるようになりました。 縦書き文庫ヘルプ 数式を入力してみよう 縦書き文庫ヘルプ プログラムコードを入力してみよう 数式 数式は文の途中に差し込む場合(インライン表示)と、行全体を使って表示する場…

アンカーリンクと、リンク先のプレビューに対応しました

アンカーリンクと、リンク先のプレビューに対応しました。 アンカーリンクを使ったサンプルを見る アンカーリンクとは id属性を付けた要素に対して、<a href="#そのidの値">...</a>のように宣言したリンクのことを、アンカーリンクといいます。 リンクのhref属性の値が #(シャープ)か…

各種機能を改善しました

縦書き文庫の各種機能を改善しました。 作品一覧にてタグが表示されるように 作品の一覧にて、タグが表示されるようになりました。 タグの表示 これによって、同じ系統の作品にアクセスしやすくなりました。 シリーズに追加できる作品数を20から50に増やしま…

先頭ページに「登場人物の一覧」が表示されるようになりました

作品に登場人物を登録した場合、先頭ページに「登場人物の一覧」が表示されるようになりました。 登場人物の一覧 市販の書籍でも、だいたいこんな感じで冒頭に表示されてますよね。 登場人物の挿絵については、小説本文の下側に「登場人物」のタブメニューが…

シリーズ作品において続きの作品へのリンクが本文の最後に表示されるようになりました

Togetterの次の記事に「探す作業が嫌だ」みたいなことが書かれていて「そりゃごもっとも…」と思ったので、表題の件を実装しました。 少年ジャンプ+副編集長が大学1年生から「漫画アプリのUIについて物申したい!」というDMが来て実際に会って考えが整理され…

nehan7をリリース

nehan6からnehan7にバージョンアップしました。 インストール npm install --save nehan 変更点 組版速度が約20%向上しました。 コードサイズが約10%削減されました。 nehan.cssが不要になりました。 行内に置換要素、画像、ルビ、圏点傍点、複数サイズの文…

TypeNovelで出力したhtmlを縦書き文庫のビューアーで開く方法

最初に Windows用とLinux用のexeのzipができましたので、ご利用下さい。 Windows用のzip Linux用のzip Mac用のインストーラー(pkgファイル) まずは適当な文章を書く 適当にこんな感じの文章を書いたとします。 @scene({season:"summer"}){ @scene({time:"mor…

投稿画面からプレビューできるボタンを復活させました

やはりプレビューが使えないと色々と不便なので、プレビューボタンを復活させました。 投稿ボタンの下に「プレビュー」ってボタンがありますので、使ってみてください。 プレビューボタン プレビューを押すと、 プレビュー結果 こんな感じで、簡易ビューアー…

縦書き文庫をリニューアルしました

縦書き文庫をリニューアルしました。 新しくなったところ 小説投稿画面の機能がスマホでも全て使えるように これまではスマホの投稿画面ではルビや太字ぐらいしか選べなかったのですが、すべてのボタンがPCの投稿画面と同様に使えるようになりました。 PCだ…

対象年齢を設定できるようになりました

投稿画面に「対象年齢」という設定欄を新設しました。 ジャンルとしてはホラーだけど、内容はR18みたいなこともあるからです。 ちなみにジャンルが「官能・BL小説」の場合は、自動で「成人向け」という設定で投稿されます。

トップページにて過去のお気に入り履歴に基づいた「お勧め作品」が表示されるようになりました

トップページにて、過去のお気に入り履歴に基づいた「お勧め作品」が表示されるようになりました(ログイン時)。 新しい作品にも出会いやすくなるのではないでしょうか。 これを機に、お気に入り機能を積極的に使うきっかけになってくれたらなあ、と思いま…

管理ページから埋め込みコードが取得できるようになりました

管理ページから埋め込みコードが取得できるようになりました。 以下の「埋め込みコード」というリンクから取得できます。 クリックするとコードが表示されますので、コピペして使ってください。

縦書き文庫のビューアーの外部サイトへの埋め込み機能を再開しました

問い合わせが多かったからなのですが… どうせ新しく作り直すなら!ということで、埋め込みビューアーから表示設定の変更などもできるようにしました。 あとレスポンシブ対応なので、ブラウザのサイズを変えても、それに追従してビューアーのサイズが変わりま…

縦書き文庫のビューアーがテキストファイルのドラッグ&ドロップに対応しました

縦書き文庫のビューアーでドラッグ&ドロップしたテキストファイルが読めるようになりました。 適当な作品を開いて、小説本文の領域にテキストファイルをドロップすると、原稿フォーマットや文字コードを聞かれるので、適切なものを選択してください。 「決…

nehan.jsのfunctional styleでタグの内容に動的な制限をつける

縦書き文庫では比較的自由にHTMLタグを使用できるのですが、たまにエディターの文字サイズ変更ボタンをテキスト全体に反映させてしまう人がいます。 例えばこういう感じです。 <span class='larger'> (作品全体のテキスト) </span> これの何が困るのかというと、ユーザーが「表示設定」…

縦書き文庫の組版スピードを計測するページを公開しました

縦書き文庫の組版スピードを計測するページを公開しました。 縦書き文庫 - 組版スピードテスト ハイスコアも計測されますので、ご自身のブラウザのスピードを試してみたい方は使ってみてください。 ちなみに以下は自分の環境で計測した結果で、Safariが圧倒…

青空文庫の色々な作品をシリーズにまとめました

縦書き文庫の青空文庫作品は、作者別には検索できますが、シリーズごとには揃っていない状態でした。 そこで完結済みのものをいくつか選んでまとめてみました。 夜明け前(島崎藤村) ジャン・クリストフ(ロマン・ローラン) レ・ミゼラブル(ビクトル・ユ…

ランキング区分に「図書館」を追加

ランキングページの区分に「図書館」という項目を新設しました。 「図書館」=「青空文庫」 + 「翻訳作品」 です。 著作権に問題のない公的な作品のランキングをまとめて確認できます。

Windows版のChromeでフォントが見づらくなっている件について

この辺の議論を見る限りでは、Windows版のChromeはversion52からDirectWriteを採用したらしく、その影響でフォントがギザギザに表示されてしまっているようです。 本来はDirectWriteで綺麗になるはずなのですが、まだ色々と調整中なのかもしれませんね。 ち…

常時SSL化とHTTP/2に対応しました

なかなか大変でしたが、常時SSL化とHTTP/2の対応が完了しました。 以下はHTTP/2 Testの結果 ちなみに、HTTP/2 and SPDY indicator - Chrome Web Storeを入れた上でアクセスすると、青いイナズマがピカっと光って気持ちがいいです(笑)。

縦書き文庫でゲームブックを作る方法

ちょいネタですが、縦書き文庫ではアンカーリンクによる内部ジャンプが使えるので、ゲームブックのような仕組みを簡単に実現できます(動くサンプル)。 やり方はシンプルです。 テキストをチャプターに分けて、それぞれのチャプターに「チャプター番号」の…

サーバーメンテナンスの告知

本日の17:00〜19:00ぐらいまで、サーバーのメンテナンスを行います。 ご不便をおかけしますが、よろしくお願い致します。

表示設定をリセットするボタンを追加

表示設定を初期化して、デフォルトの設定に戻すボタンを追加しました。

青空文庫の注釈(割注)に対応しました。

青空文庫の割注は、ほとんどが原文の漢字に関する情報で、一般の読者にとってはあんまり必要のない情報だったりします。 というわけで、普段は注釈の中身を本文から隠しておき、アイコンをクリックしたらポップアップする、というようにしました。 iのアイコ…

コメント欄のガイドラインを設定できるようになりました

コメント欄については、ほとんどの人が有効にしていますが、どういう意図で有効になっているのかが、わかりにくいなあと思っていました。 というわけで、コメント欄のガイドラインを、次の2つの項目について設定できるようにしました。 1. コメント欄の趣旨…

モバイル版のエディターにもルビや圏点用のボタンを付けました

モバイル版のエディターにも、ルビや圏点などのボタンを付けました。 画面サイズの制限もあるので、4つしか入れられませんでしたが… 左から順に「太字」「ルビ」「改ページ」「圏点・傍点」になります。

一行の幅を設定できるようになりました

表示設定から一行の幅が設定できるようになりました。 例えば標準の2.0で表示するとこんな感じですが… 1.8ぐらいに狭めるだけで、同じサイズでも随分と文字が入ります。 初期設定は2.0(最大)で、1.5まで狭めることができます。 自分は詰め詰めの表示だと目…

シリーズ内の作品が並び替えられるようになりました

シリーズは基本的に作品を古い順に表示していたのですが、この順番を自由に並べ替えられるようになりました。 シリーズ一覧の「並び替え」から順序を変更できます。

シリーズの目次とテキスト内の目次

シリーズの目次と、テキスト内の目次が、両方サイドバーに表示されるようになりました。 シリーズの目次 シリーズの目次は、同一シリーズ内のコンテンツを行き来するための目次です。 テキスト内の目次 テキスト内の目次は、本文の中で見出し(ヘッダー)が…