最初にWindows用とLinux用のexeのzipができましたので、ご利用下さい。Windows用のzipLinux用のzipMac用のインストーラー(pkgファイル)まずは適当な文章を書く適当にこんな感じの文章を書いたとします。}}リリースモードでコンパイルこれをリリースモードでコンパイルします(リリースモードは、途中の余計な空白を取り除くモードです。出力結果がコンパクトになります)。sample.htmlコンパイルのexeがMacでは小文字のtncですが、Windowsでは大文字のTnc.exeだと思います。各自ここは書き換えて使って下さい。できあがったsample.htmlを見ると、こんな感じになっています。data-time='night'><time>日も暮れたし</time>もうそろそろ帰らない?</scene></scene>冒頭に「season制約(summer)を注釈してないよ!」というエラーが出ていますが、ここでは気にしないことにします。縦書き文庫のビューアーにドラッグ・アンド・ドロップとりあえずhtmlファイルができたので、縦書き文庫に行って、適当な作品を開きます。開いたら、作品の本文部分にsample.htmlをドラッグ・アンド・ドロップしてみましょう。するとダイアログが開くので、一般には次のように設定して「読み込む」を押します。確認ダイアログすると次のように内容が表示されます。表示結果(おかしい)しかしちょっと変だということに気付いたでしょうか。冒頭のエラーのことではありません。別々の@sceneで分けたブロックが、すべてつながって一行の中にまとめられてしまっているのが問題です。こんなことになるかというと「本来HTMLに<scene>なんていうタグはないから」ということになります。一般に登録されていないタグは、インライン・タグと認識されるのがお約束です。<scene>は<b>とか<span>とかと同じようなタグと認識されたので、全ての文章が一行につながってしまったわけです。設定ファイルを作成するこれをどうにかするために、まずは次のコマンドを打って、tnconfig.jsonを作成します。--init上のコマンドをうつと、作業ディレクトリにtnconfig.jsonというファイルができるはずです。このtnconfig.jsonをエディタで開いてみると、途中に@sceneタグを<scene>ではなく<div>タグにマッピングする処理が書かれています。次がそれに該当する箇所です。class='scene'>に変える、と書いてあります。class="scene">として出力されそうです。いっかい先程と同じようにリリースモードでビルドし、出来上がったhtmlを見てみると、今度は次のようになっています。data-time='night'><time>日も暮れたし</time>もうそろそろ帰らない?</div></div>今度は<scene>タグではなく、<div>タグで出力されていまるのがわかりますでしょうか。<div>というのはもちろん通常のHTMLに用意されているタグで、ブロックタグを表すタグですから、今度は別々のシーンが別々の段落になっているはずです。だいたい望み通りの出力です。いうわけで、こうやって縦書き文庫を利用することで、一応は出力結果を本のようにして読むことが可能になっています。ちなみに「縦書きは嫌だ!」とか「文字が小さい!」とか不満がある方は「表示設定」というボタンから変更できます。専用のビューアーは別に作るつもりですが、しばらくはこれでご容赦いただきたく。17:50TypeNovelで出力したhtmlを縦書き文庫のビューアーで開く方法Tweet広告を非表示にする関連記事2019-07-06プロとアマの小説の特徴を数値化して比較してみたらやっぱり差があったので、それを埋めるための型付き小説...ラノベのタイトルみたいな記事を書く、という夢が叶いました。新たにスタイル編集ページを追加しました。詳しくは縦書き文庫...2015-03-09Kefir.jsを使ってnehan.jsなビューアーをReactiveに作るKefir.jsを使ったのは、ドキュメントがわかりやすくて綺麗だっ...2014-08-22モバイル用のビューアーで表示設定の変更ができるようにモバイル用のビューアーが、表示設定の変更に対応しました。v1.3.1をリリースアプリケーションにTypeNovelのコンパイラを組み込むTypeNovelをTypeScriptで書き直しました月別アーカイブはてなブログをはじめよう!converticalさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。