anti scroll

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

switchが買えないらしいので、どのぐらい買えないのか試してみました

マリオ発売の直前に変えたら凄い、と思ってチャレンジしてみました。 まずは値動きをチェックするクローラーを書きます。 #!/usr/bin/python3 # -*- coding: utf-8 -*- from pyquery import PyQuery as pq import os def notify(subject, message, email): o…

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

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

クロスドメインで子フレームから親ドキュメントのwidth:100%を取得する方法

ひょんなことからviewportのdevice-widthがbodyタグから適用される事を知りました。 別の言い方をすれば「bodyより上位のタグには適用されない」ということみたいです。 例えば次のようなページ(parent.html)をiPhone5(device-width = 320px)で開き、ifr…

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

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

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

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

Responsivook ver1.2.2をリリース

Responsivook ver1.2.2をリリースしました。 Responsivookはnehan.jsを使って、縦書き横書きのページ送り、段組み、レスポンシブレイアウトなどを実現するjavascriptライブラリです。 動作デモ 主な変更点 Windowsの場合に縦書きのベースラインがずれてしま…

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

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

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

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

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

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

Nehan Readerをスマホにも対応させました

NehanReaderをスマホにも対応させました。 chrome.google.com しかし! 残念ながら(2017年2月現在)、AndroidもiOSも共にChrome拡張はサポートされていないとのこと(リリース後に知りました…)。 スマホ版のChromeが拡張機能に対応していない理由は、おそ…

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

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

Time-based renderer task throttling

Chrome ver56から導入されるようですが、ざっと読んだ感じだと、こういう動作らしいです。 バックグラウンドタブの処理に時間枠を設ける。 バックグラウンドタブの処理時間が時間枠を超えると、値が負になって(いったん)眠る。 ただし眠りっぱなしというわ…

Nehan Reader更新。Windows環境にて行がガタついていた問題が修正されました

あらゆるウェブサイトを縦書き(や横書き)のページ送りにできるChrome拡張「Nehan Reader」を更新しました。 Nehan Reader - Chrome ウェブストア 前々から「Windows環境下にて行のガタ付きが発生している」との報告は上がっていたのですが、ようやく修正で…

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のアイコ…

Googleの検索結果でリダイレクトとトラッキングを無効化する

Googleの検索結果からリンクをコピーして貼り付けたら、めちゃくちゃ長いリダイレクト用のリンクになっていて「ふぁ??」となることがあります。 なので、それをなんとかしてくれる拡張機能を探したのですが、しっくり来るのがなかったので自作することに。…

主要ゲーム機のタイトル数

なんか気になってしまったので、amazon.co.jpで確認した感じだとこうでした。 総タイトル数 ハード 総タイトル数 3ds 2584 vita 1641 ps4 1211 one 520 タイトル数は3dsがダントツでトップでした。 あと、vitaのタイトルが意外と多いんだなあっていう印象で…

わかち書き用の設定

nehan.jsの多言語対応で、マラヤーラム語に対応したいというメールがあったので、わかち書き用の正規表現パターンを外部から設定できるようにしました。 // デフォルトの設定 Nehan.Config.rexWord = /^[\u0021-\u0025\u0027-\u003A\u003C-\u007E\u00C0-\u02…

はてなブログをレスポンシブな縦書きにする

Responsivookを使うと、はてなブログをこんな感じでレスポンシブな縦書きにできます。レスポンシブなので、ブラウザのサイズを変えても、自動で対象領域がリサイズします。 ページ送りで表示する 日本国民は、正当に選挙された国会における代表者を通じて行…

古いバージョンのnehan.jsを使っている人たちへ

Google Codeというサービスの閉鎖に伴い、Google Code上に置かれていたソースに直リンする形のテンプレートやプログラムが動かなくなっているようです。 そこで、古いソースをまとめたrepositoryを作りました。 github.com rawgitを使って、CDN化した各バー…

Responsivookで段組をサポートしました

Responsivookは、nehan.jsを使ってレスポンシブな縦書きページ送りを表示するjavascriptですが、version1.2.0から段組の表示もできるようになりました。 サンプルを見る Responsivook version1.2.0のダウンロード 一つのページ上で縦書きと横書きのページ送…

jingoo v1.2.13 release

jingoo version 1.2.13 をリリースしました。 https://github.com/tategakibunko/jingoo/releases/tag/v1.2.13 前々から「UTF8モジュールのためにBatteriesは大きすぎる」という声が多かったので、それに応えてuutfというライブラリを採用したPull Requestを…

NehanReaderで見開き表示をサポートしました

NehanReader(v2.4.3)より、設定から「見開きレイアウト」を選択できるようになりました。 Nehan Reader - Chrome ウェブストア PCのディスプレイは横に長いので、横書きは見開きのほうが読みやすいかもしれません。 例えばWikipediaを見開きで表示すると、こ…

Nehan Reader 2.4.0をリリース

Nehan Reader2.4.0をリリースしました。 chrome.google.com 各種メニューをヘッダーにまとめることで、コンテンツ領域を広げました。 メニューは左から「表示設定」「目次」「しおり」「ヘルプ」です。

10秒でわかるpseudo-classとpseudo-elementの違い

pseudo-class pseudo-classは、左側のセレクターに続けて「〜が」と読みます。 /* liが最初の子だった場合 */ li:first-child{ margin-top:0; } 「〜が」だから、左側がマッチする要素です(上の例ではli)。 pseudo-element pseudo-elementは、左側のセレク…

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

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