anti scroll

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

縦書き文庫

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

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

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まで狭めることができます。 自分は詰め詰めの表示だと目…

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

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

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

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

数式の組版に対応しました

まだ実験的な機能なのですが、数式の組版に対応しました。 使い方 エディター画面の「数式」をクリックします。 数式エディターが開くので、MathJax形式で入力します。 プレビューすると、こんな風に表示されます。 横書きのとき 縦書きのとき 数式の書き方…

作品ページから執筆ページに移動できるようになりました

作品ページから執筆ページ(エディターページ)に移動できるようになりました。 自分の作品であれば、タイトル脇に「編集する」というボタンが表示されます。

「殿堂入り作品」を新設しました

本日より、ポイントが1000を超えた作品は、殿堂入り作品として表彰されるようになりました。 つまり殿堂入り作品は、月のポイント数にかかわらず、常に露出される形になります。 その代わり、月別ランキングからは除外されるようになりました。 ちなみに1000…

カルマ値に関する仕様を追加しました。

縦書き文庫では、作品を読めば読むほど「カルマ」という値が上昇するようになっていますが、このカルマに関する仕様を少し更新しました。 縦書き文庫ヘルプ - カルマについて 既存のルール(そのまま) カルマ100オーバーでプロフィールページから広告が消え…

段落のリアルタイムプレビュー機能を追加しました

編集中の段落をリアルタイムでプレビューする機能を追加しました。 カーソルのある位置の段落だけがプレビューされるので、そこそこ高速です。 「字下げ」の誤変換は、キャプチャをとった後に気づきました。 しかし「それでも重い!」という方は、エディタの…

Firefoxでもversion41以降で縦書き字形が表示されるようになりました

昨日リリースされたFirefoxのversion41から縦書きの字形が出力できるようになりましたので、縦書き文庫とnehan.jsもこれに対応しました。 これまでFirefoxのときだけ、一部の文字を画像で代替表示する処理をしていたのですが、これからはそれらがちゃんとし…

トップページなどから直接しおりを開くことができるようになりました

PCページだけですが、トップページなどのヘッダーバーから、直接しおりを開くことができるようになりました。 スマホで無効化されているのは、単に画面のサイズに収まりにくかったからです… なにか良いレイアウトを思いついたら、スマホからも使えるようにし…

ビューアーにページ送りのシークバーが付きました

ビューアーにシークバーが付きました。 つまんで動かしてページ移動できます。 縦書きの時は右から左に、横書きの時は左から右に動かします。 ただしIEだと、縦書きの時に変な数字がポップアップします。 どういうことかというと、html5のrangeは左がminで右…

ビューアーを更新し、スマホからもPCと同じ機能が使えるようになりました

先日の管理画面に続き、ビューアーも全ての環境で統一し、スマホからもPCと同じ機能が使えるようになりました。 これでスマホからも、しおりを挟んだり、お気に入りに登録したり、コメントを投稿したりすることができます。 その他の新しい機能 まずコメント…

エディターに字下げ、引用、改ページ、セリフ、補足ボタンを追加

エディターに字下げ、引用、台詞、補足、改ページボタンなどを追加しました。 改ページについては説明不要かと思いますので、それ以外について少し補足します。 字下げ、引用の違い 字下げ、引用は選択範囲を選んでから押してみてください。 「字下げ」と「…

管理画面がスマホにも対応しました

管理画面リニューアルのお知らせです。 スマホとPCでUIを統一し、どちらからも同じUIで使用できるようになりました。 エントリーの一覧には、カードUIを使用しています。 PCユーザーからすると、元のテーブルレイアウトのほうが一覧性が高いかもしれませんが…

text-align:justify に対応

nehan.jsが、text-align:justifyに対応しました。 縦書き文庫では既に、ビューアーのbodyに対してjustifyが設定されています。 これを設定すると、例えば行末に赤い部分のような微妙なスペースがあっても… 揃えた後はこんな風に、行末が揃います。 あらゆる…

textNodeの出力オプションを追加

2chからのアクセスに、珍しくリファラが付いてたので、元スレを覗いてみたのですが、縦書き文庫に投稿された作品へのリンクに「踏まないほうがいいよね?」ってレスが付いていて、地味に傷ついたのでした。 capturePageTextオプション それはさておき、表題…

段落の先頭に自動で空白を入れる

サッカーのページを見ていたら、サイドメニューあった「ストレスと友達になる方法」というリンクが「スアレスと友達になる方法」に見えてしまいました。 ストレスともスアレスとも友達になれそうにない自分ですが、せめて段落の先頭に自動で空白を入れるぐら…

スタイル編集機能で、プログラマブルな小説投稿

新たにスタイル編集ページを追加しました。 詳しくは縦書き文庫のヘルプから「スタイル編集」のページを確認して下さい。 注意事項 スタイルはcssではなく、JSON形式で宣言します。 { ".foo":{ margin:{ after:"1em" } }, "span.fuga":{ "font-size":"2em" /…

クラス名やID名が短く書けるようになりました

これまで縦書き文庫でマークアップするとき、特定の表示を利用する場合、クラス名にnehan-という接頭辞を付けなければならなかったのですが、これが不要になりました。 例えば行末寄せは、これまでは <p class="nehan-ta-end">行末に寄せる</p> だったのですが、今後は <p class="ta-end">行末に寄せる</p> とマ…

各ユーザーの作品を一覧できるアーカイブページを用意しました

ユーザーの作品を手早く一覧できるページを用意しました。 例えば、図書館アカウントのアーカイブページ スマホからでも閲覧できるので、自作の一覧を手っ取り早く紹介するページとして便利かもしれません。 アーカイブページのURLは、以下のとおりです。末…

マークダウン記法をサポートしました

テキストをマークダウン記法で記述できるようになりました。 「その他の項目」の「入力方法」から設定できます。 でも実は「あんまり使われないかもしれないなあ」と思っています。 というのも、マークダウンで改行するには、空行をひとつ開ける必要があるか…

リアルタイム・プレビューに対応した新しい投稿フォームをリリースしました

久しぶりの機能アップデートですが、リアルタイム・プレビューに対応した新しい投稿フォームをリリースしました。 投稿フォームの上部にある、以下の案内リンクからお試しいただけます。 まだ試験段階で古いブラウザやPCだとどうなるのかわかりませんが、ご…

「Novelytics」の紹介 〜なぜ小説専用のアクセス解析が必要なのか〜

小説専用のアクセス解析 Novelyticsという小説専用のアクセス解析サービスを作りました。 なぜこんなものを作ったのかについて書きます。 アクセスをベースにしたログの限界 アクセス数というのは、言い方を変えれば単なるクリック数です。 当たり前ですが、…

ドラッグ・アンド・ドロップで、テキストを縦書きページ送りで表示するサイト「Nehan Text Reader」

HTMLファイルやテキストファイルをドラッグ・アンド・ドロップすると、縦書きページ送りで表示してくれるサイト「Nehan Text Reader」を公開しました。 tb.antiscroll.com 画面上(どこでもいい)にテキストファイルをドラッグ・アンド・ドロップすると、ビ…

脚本を台詞記法で書く

ちょっとした小ネタですが、縦書き文庫の台詞記法はキャラクタ登録なしでも使えます。 キャラクタ名の部分に、人物の名前をそのまま書けば、キャラクタ画像じゃなくて文字列で表示されます。 なので、ちょっとした脚本は次のような感じで書けます。 [speak …

チップ記法

わざわざtipタグを書くのが煩わしいので、チップ用の記法を用意しました。 チップについては 縦書き文庫 | チップ記法 を参照のこと 文法 次のように記述します。 [tip タイトル:内容] 注意 tipとタイトルの間には一つ以上の半角スペースが必要です。 タイト…

台詞記法で吹き出しの有無を切り替えられるようになりました

台詞記法で、吹き出しの有無を選べるようになりました。 声に出す台詞はspeakを使います。 [speak taro これは声に出して言う台詞!] 心のなかの台詞はthinkを使います。 [think taro これは心のなかの台詞…] 実際に表示させるとこんな風になります。 詳細は…

テキストファイルで入稿できるようになりました

使い方は、本文の入力フィールドに、テキストをドラッグ&ドロップするだけです。 ドラッグ&ドロップすると、テキストのエンコーディングを確認するダイアログが開きます。 元ファイルのエンコーディングを選択してOKを押すと、ドロップしたテキストの内容…

シリーズ単位で作品をまとめることが出来るようになりました

シリーズ単位で複数の作品をまとめることが出来るようになりました。 縦書き文庫ヘルプ:シリーズを作成する 作品一覧だけでなく、表紙や登場人物なども一緒に表示されるので、シリーズ作品のエントリーページとして最適です。 これに伴い、プロフィールペー…

サムネールが画面に収まらない場合について

埋め込みサムネールを使う人が、モバイルとの兼用をどうするのかっていうのが課題だったわけですが。 今まではサイズの部分にレスポンシブな感じでパーセントを指定することをおすすめしてきたわけですが、よくよく考えたらもっと簡単な解決策がありました。…

モバイル用のビューアーで表示設定の変更ができるように

モバイル用のビューアーが、表示設定の変更に対応しました。 新しいビューアーはこういう見た目になっていますが、 左上のアイコンをクリックすると、表示設定の画面になります。 縦書き、横書きの切り替え、フォントサイズの変更、明朝ゴシックの切り替えな…

Google Analyticsの埋め込みに対応

Google Analyticsの埋め込みに対応しました。 アカウント管理の「プロフィール編集」から設定できます。 入力欄には、GoogleAnalyticsのプロパティID(UA-123456-89 みたいなやつのことです)を設定します。 設定すると、各小説ページヘのアクセス(自分自身…

チップリンクが作成できるように

tipというタグを使ってチップリンクが作成できるようになりました。 こんな感じで書くと… 新しい<tip title="パソコン">パーソナルコンピューターの略</tip>が欲しい。 新しい<tip title="テレビ" text-only="true">テレビジョンの略?なのか?</tip>も欲しい。 <tip title="スマホ" icon="exclamation-triangle">スマートフォンの略</tip>も欲しい。 こんなふうに表示されます。 本文にはタ…

月別のポイント統計が確認できるように

ページ送りログに加えて、月別のポイント統計が確認できるようになりました。 各月の上位30の作品別ポイント集計を出力します。 ちなみに青空文庫アカウントで今月のポイント統計を見たら、こんな感じでした。

キャラクター登録と台詞記法をサポートしました

機能縦書き文庫に「キャラクター」が登録できるようになりました。 そして登録したキャラクターを使った台詞を記述する記法として「台詞記法」を追加しました。 キャラクター登録 キャラクタを登録すると、それぞれのキャラクタにプロフィールページが作られ…

表示幅を広げるボタンを追加

ビューアーに表示幅を広げるボタンを追加しました。 これまで表示領域は高さと文字サイズでしか変更できなかったのですが「ワイド」というボタンを押すと、表示幅が横いっぱいになります。 元に戻す時は「ノーマル」を押します。

スマホ用のページを作りました

全ページではありませんが、ビューアー以外のページも、スマホに対応したページを用意しました。 おなじみのハンバーガーボタンが左上にあるタイプです。 押すとこんな感じのメニューが出てきます。 最近googleが公開したweb starter kitっていうのがあって…