<< Prev Page Next Page >>

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


小説家になろうを縦書きにする方法

明朝体で縦書きにすると読みやすい! とりあえずGoogle Chrome用だけど、同種の拡張機能を使えば他のブラウザでも使えるはず。Capture.png

キーボードショートカット

  • 右、左:少しスクロール
  • スペース、Shiftスペース:ページ送り、戻し
  • Home:一番左までスクロール
  • End: 一番右までスクロール

インストール方法

(1) User JavaScript and CSS をインストール

(2) 「https://ncode.syosetu.com/」用の設定を作る

JavaScript
$(() => { const VK_SPACE = 32; const VK_HOME = 36; const VK_END = 35; const VK_RIGHT = 39; const VK_LEFT = 37; const VK_PAGEDOWN = 34; const VK_PAGEUP = 33; const VK_N = 78; const VK_P = 80; const VK_B = 66; const honbun = $('#novel_honbun'); if (honbun.length) { $('body').addClass('has-honbun'); $('.novel_bn a').each((i, elem) => { const e = $(elem); const t = e.text(); if (t.match(/>>/)) { e.text('<< ' + t.replace(/>>/, '')).addClass('js_next-link'); } else if (t.match(/<>').addClass('js_prev-link'); } }); const scrollLeftBy = (h) => { const sl = honbun.scrollLeft() - h; honbun.animate({scrollLeft: sl}); } const pageUp = () => { const pw = $(window).width() - 50; scrollLeftBy(-pw); } const pageDown = () => { const pw = $(window).width() - 50; scrollLeftBy(pw); } const stop = (e) => { e.preventDefault(); e.stopPropagation(); } const jump = (i, a) => { location.href = a.href; } const mapping = {}; mapping[VK_SPACE] = (e) => { if (e.shiftKey) { pageUp(); } else { pageDown(); } }; mapping[VK_PAGEUP] = pageUp; mapping[VK_PAGEDOWN] = pageDown; mapping[VK_RIGHT] = (e) => scrollLeftBy(-200); mapping[VK_LEFT] = (e) => scrollLeftBy(200); mapping[VK_HOME] = (e) => scrollLeftBy(99999); mapping[VK_END] = (e) => scrollLeftBy(-99999); mapping[VK_P] = (e) => $('.js_prev-link:eq(0)').each(jump); mapping[VK_N] = (e) => $('.js_next-link:eq(0)').each(jump); mapping[VK_B] = (e) => $('.set_siori:eq(0)').click(); $(window).scrollTop(honbun.offset().top - 100) .keydown((e) => { const func = mapping[e.which]; if (func) { func(e); stop(e); } else { console.log('not match:' + e.which, mapping); } }); } });

CSS
.has-honbun #novel_honbun { font-family: "Source Han Serif JP", "Hiragino Mincho", Serif; font-weight: 200; line-height: 200%; margin: 30px 0; padding: 20px 100px; width: 100%; height: calc(100vh - 180px); overflow: scroll; -webkit-writing-mode: vertical-rl; box-sizing: border-box; } .has-honbun #novel_contents { width: auto; } .has-honbun #novel_color { width: 100%; margin: 0; } .has-honbun .novel_bn { width:300px; margin: 0 auto; } .has-honbun .novel_bn a:first-child { float: right; } .has-honbun .novel_bn a:nth-child(2) { float: left; } .has-honbun #novel_no { text-align: center; }


この記事に対するコメント

この記事に対するコメントの投稿



管理者にだけ表示を許可する

この記事に対するトラックバック

トラックバックURL
http://tockri.blog78.fc2.com/tb.php/298-171d4953
この記事にトラックバックする(FC2ブログユーザー)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。