まえおき

クエストノーツはRPが楽しいゲームです。みなさんは他人のRPログを読むのは好きですか？自分は好きです。
なので、ログ公開の話をします。アドカレ別日の記事でログ編集についての記事があるらしいので（楽しみですね）単なる編集とはちょっと違う内容になります。
というのも、クエノ（通常版）は\saveを使えばテキストファイルが得られるわけですが……
ノでのRPって、文字オンリーではなく、キャラアイコン付きでのロールですよね？初期６枠だったり上限いっぱいまで増やしたりをやりくりして、あと人のアイコン差分を見比べたりして、いいね～となるわけです。
せっかくならアイコンごと見返せるように保存した～い。
ついでに言えば公式サイトをいちいち見に行くのもちょっと面倒だから、テキストと同じく手元にアイコン付きログを残しておきた～い。
というわけで、自分はこういう手段を取りますという話です。
手段を取りますと言ってもただ人様の制作物をお借りしているだけなので、それの紹介みたいな形になります。
本日の主役はこちらのみなさん。
  • クエストノーツ（ログ保存機能ありがとう）
  • chrome拡張機能の「Tampermonkey」
  • ＋鈴帯スズノさん作機能（本当にありがとう）

導入

必要ツールを導入します。
前述通りのものをお借りしています。いつもお世話になっております。大感謝！！！

Tampermonkey

まずはchrome拡張機能のTampermonkeyを導入します。リンク先の「Chromeに追加」を押したらオッケー。

追加拡張

次に、追加機能を入れ込みます。
こちらのツイートのURLからダウンロードします。

Tampermonkeyオプションのページあたりから、二番目に手に入れたほうを適用します。この辺りは流れでいけた気がする。いい感じにできたらとりあえずオッケーです。どうやったか覚えていません。

最強セット

両方が揃ったら、クエノ公式の適当な公開ログページを開いてみましょう。
右上にボタンが追加されていたら準備は完了です。

使い方

以上でツールが揃いましたので……

RPログを公開

卵が先か鶏が先か？ログがないと説明にならないので、とりあえずログを作ってきました。
何かしらクエストをこなしてホームに戻ります。
画面上のQuestをクリックして、そこの「履歴」を見ます。
カーソルを合わせるとメニューみたいなのが表示されるので、そこから「保存」を選びます。「参加中」になっていた場合はいったんリログしてください。
これで「公開」をしたらオッケーです。

ウェブページから保存

ログ公開後はQuestの「ログ」タブに公開クエストが追加されています。外部リンクのマークを押すと直接公開ページが開きます。
あれそれが導入されていればさっきやった通り、右上あたりに「ログ保存」のボタンがあります。中央下部にある「ログを表示」を押した後（これしないと無を取得することになります）、右上からログを保存！！！
するとHTMLファイルが保存されます。これはアイコンやログやCSSなどが一つにまとまったファイルです。

できた！！！！

ダウンロードしたファイルをダブルクリックとかで開いてみると、ブラウザが立ち上がると思います。
ログが……存在しましたね！！！！！
これで思う存分眺められます。眺めましょう。

編集

これで終わりというのもいかがでしたか？感があるので、もう少し書きます。
以上の手順で保存できたログは、アイコンを除けば基本黒地に白文字で、いかにも公式ライクな表示です。
クエノのログだということが分かりやすいのでこれでもいいんですが、せっかくなのでこう…手直しというか……カスタムみたいなことをしようと思います。
ここから先の内容はHTML/CSSをちょっとさわる感じの話になります。主に「保存したログを（既存のブログサービスなどを使わず）ちょっとカスタムして、独立したログにしたい、個人サイトとして公開したい」みたいな前提です。
どこ需要？って感じなんですけど、自分がここ数か月それを鬼ほどやってて楽しかったので……まともな話はしていませんので、やってみた～いとなった人は調べてみるとよいでしょう（魔法の言葉）。

保存されたのは.html形式のファイルでありまして、これはウェブページを表示するための形式です。プリセットのメモ帳で開くことができ、テキストでの編集もできます。本気で編集するならちゃんとそれ用のソフトがあったほうが楽なんですけど、まあログ一つくらいならメモ帳でやります。

メモ帳で開く

というわけでメモ帳で開きます。
右クリック→プログラムから開く→メモ帳　を選択すると、テキストとして開くことができます。
開いたはいいが何にも分からないことでしょう。呪文です。
基本的に＜単語＞内容＜/単語＞が一塊の記述になっています。＜/単語＞の/の部分は「この内容はここまでね」みたいな、閉じかっこ的な意味です。間違って抜かないようにしましょう。
改行くらいは＜＞の前後とかでしても問題ないので、見づらい部分は適当に改行しちゃっても大丈夫です。破壊が心配なら上書きではなく別途保存して作業しましょう。

style編集

今回見るのは一番上あたりにある、＜style＞と＜/style＞の間だけでいいです。
この＜style＞～＜/style＞というのは「ページの表示を変更するゾーンですよ」みたいな意味で、つまりここをいじると文字の色とか背景を変えられることになります。
色を指定するカラーコード（#222222とか）は調べれば他の色についても出てくるので、早速好みの色に変えてしまいましょう。
  • background-color: #～; 　となっている部分が背景色
  • color: #～; 　となっている部分が他の文字色
いじったらこうなりました。白黒反転だけでも変わるな～

ついでに

好きにカスタムできるよ！と言っても、よく知らないとよく分からず終わるので、フリーの配布テンプレートをお借りするのもおすすめです。
手元に保存した.htmlログのだいたい＜body＞～＜/body＞を配布テンプレート内に入れ込めば、それっぽいページの出来上がりです。当然ながらテンプレートの作りやCSSの具合によってはそれより小さい範囲を必要に応じて。
もっと華やかにしたい～とかちゃんとしたデザインにしたい～って場合は特に自力でやると[混乱]になります。
HTML/CSSについては調べたらいくらでも出てくるのでとても助かりますね。気になったら検索してみるとハッピーになれるかもしれません。

公開

このHTMLファイルを人に見せるには、ファイル自体を直接やり取りするか、サーバーにアップロードしてそのURLにアクセスする必要があります。
これ以上はクエノとは別の話になってくるので、はしょります。やり取りはファイルたったの一つで済むので、とても手軽だと思います。自PCログまとめサイトとか作ったらいい感じになるんじゃないでしょうか。作ってください。

終わり

みんなログ公開、しよう！












ページの成り立ち

このページは特に意味のない作り方をしています。
わりとなんでもできる気がしました。
全画像：クエストノーツ公式サイト／ゲームスクショ