Skip to content

slack techbookfest 2019 09 11

Jump to bottom
akabeko edited this page Nov 16, 2019 · 1 revision

2019-09-11

Time Icon Name Message
00:00 田嶋　淳 技術書典当日のスケジュールについてなにか決まっておりますでしょうか？店番の交代に入ることなどを考えているのですが、入場整理券を買う必要があるようでしたら早めに押さえた方がよさそうかなと。
00:02 akabeko 昨晩の話だと、売り子は村上さんとはるさめさんが担当するそうですので、私は一般入場整理券を購入しました。
00:03 akabeko サークル枠でなくても手伝えることがあれば、その旨、連絡ください。
00:05 akabeko 開場後の午後に食事などで売り子を交代する、などの段取りは決めておいたほうがよいですね。
00:45 akabeko 通常リンクが URL のみの脚注となる場合、脚注の元にも 脚注される用語 [1] や 脚注される用語 [*] のような感じで脚注があることを示す記号は表示されるのでしょうか？

もし表示されるようであれば、脚注機能としては必要十分なので現状のままにしようと思います。
01:49 spring-raining はい、CSSのみの対応で実現可能です🙆
01:52 spring-raining そうですね、村上さんの助言通り一度リポジトリをフォークしてからプルリクエストを作成する方法でお試しください！
01:54 akabeko ありがとうございます。では現状維持でゆきます。
もちろん、誤字脱字など明確に修正すべき部分があれば対応します。
09:49 shinyu Vivliostyle.jsの元のadaptive-layoutからの非標準の隠し機能的に存在するものですが可能です。
https://github.com/vivliostyle/vivliostyle.js/blob/master/test/files/footnotes/footnotes_and_page_floats.html
このテストファイルのCSSとHTMLコードで “template-footnote” とあるところがそれです。

Vivliostyle viewerで確認: https://vivliostyle.github.io/vivliostyle.js/viewer/vivliostyle-viewer.html#x=https://github.com/vivliostyle/vivliostyle.js/blob/master/test/files/footnotes/footnotes_and_page_floats.html&f=epubcfi(/2!/4/4)

<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Footnotes and page floats</title>
  <style>
    @page {
      size: 300px;
      margin: 20px;
      @bottom-center {
        content: counter(page);
      }
    }
    @-adapt-footnote-area {
      width: 70%;
      padding-right: 30%;
    }
    :root {
      font-size: 16px;
      line-height: 20px;
      font-family: Arial, sans-serif;
      counter-reset: footnote;
      orphans: 1;
      widows: 1;
    }
    section {
      break-after: left;
    }
    .footnote {
      float: footnote;
      counter-increment: footnote;
    }
    .footnote::footnote-marker {
      content: counter(footnote) ". ";
    }
    .footnote::footnote-call {
      content: "[" counter(footnote) "]";
    }

    .template-footnote {
      -adapt-template: url(data:application/xml,%3Chtml%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml%22%20xmlns%3As%3D%22http%3A%2F%2Fwww.pyroxy.com%2Fns%2Fshadow%22%3E%3Chead%3E%3Cstyle%3E.footnote-content%7Bfloat%3Afootnote%7D%3C%2Fstyle%3E%3C%2Fhead%3E%3Cbody%3E%3Cs%3Atemplate%20id%3D%22footnote%22%3E%3Cs%3Acontent%2F%3E%3Cs%3Ainclude%20class%3D%22footnote-content%22%2F%3E%3C%2Fs%3Atemplate%3E%3C%2Fbody%3E%3C%2Fhtml%3E#footnote);
    }
    .template-footnote-content {
      display: none;
    }
    .template-footnote-content:footnote-content {
      display: block;
    }

    .column-float, .region-float, .page-float {
      float: bottom;
      -ah-float:bottom;
      margin: 3px;
      padding: 3px;
      border: blue dashed 2px;
    }
    .top {
      float: top;
      -ah-float: top;
    }
    .high {
      height: 120px;
    }
    .column-float {
      -ah-float-reference: column;
      float-reference: column;
    }
    .region-float {
      -ah-float-reference: page;
      float-reference: region;
    }
    .page-float {
      -ah-float-reference: page;
      float-reference: page;
    }

    #fn1:footnote-content {
      margin-top: 10px;
      width: 50%;
      background: lightgray;
      margin-left: 10px;
      margin-right: 30px;
    }
    #fn2:footnote-content {
      margin-bottom: 20px;
      width: 50%;
      background: lightgray;
      margin-left: 10px;
      margin-right: 30px;
    }
  </style>
</head>
<body>
<section>
  All footnotes <span id="fn1" class="footnote">footnote</span>
  <span class="column-float">bottom column float (P1)</span>
  <span class="region-float">bottom region float (P1)</span>
  should be
  below page floats.
  All footnotes <span id="fn2" class="footnote">footnote</span>
  <span class="page-float">bottom page float (P1)</span>
  should be
  below page floats.
</section>

<section>
  All footnotes <a class="template-footnote" href="#template-footnote-1">[1]</a>
  <span class="column-float">bottom column float (P2)</span>
  <span class="region-float">bottom region float (P2)</span>
  <span class="page-float">bottom page float (P2)</span>
  should be
  below page floats.
  All footnotes <a class="template-footnote" href="#template-footnote-2">[2]</a>
  should be
  below page floats.
  <div id="template-footnote-1" class="template-footnote-content">template footnote 1</div>
  <div id="template-footnote-2" class="template-footnote-content">template footnote 2</div>
</section>

<section>
  This page (P4) should have one footnote <span class="footnote">footnote</span>
  <span class="page-float top high">top page float (P4)</span>
  and another footnote  <span class="footnote">A very long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long footnote</span>
  should be deferred to the next page.
</section>

<section>
  This page (P6) should have one footnote <span class="footnote">footnote</span>
  <span class="page-float high">bottom page float (P6)</span>
  and another footnote  <span class="footnote">A very long long long long long long long long long long long long long long long long long long long long long long long long long long long footnote</span>
  should be deferred to the next page.
</section>
</body>
</html>
12:00 akabeko なるほど、確かに viewer 表示みると 4、5 ページに分割されながら 4 側に脚注がまとまってますね。これは .template-footnote というクラス名でなくとも -adapt-template プロパティーにこの値を指定すればよいのですかね。後で試してみます。
14:51 小形克宏 数時間トライしてみましたが、必要なセットアップが多く、一人でやるには敷居が高すぎるようです。昨日お渡ししたDropboxの原稿を使って作業をおすすめください。
15:01 spring-raining 承知です、お手数おかけしました🙇
15:03 小形克宏 今後、Vivliostyleで組んだものを校正できるのでしょうか？　今後の段取り、スケジュールについてお教えいただけるとありがたいです。
15:05 小形克宏 私も入場整理券を買いました。なので、売り子などお手伝いできます。というか、させてください！
16:33 spring-raining 連絡が滞ってしまいすみません 現状はちょこちょこと入稿のための作業は進めているのですが、別作業が忙しく本文の組み作業に取りかかれるのが金曜夜からとなりそうです。。次の3連休で順次本文のプレビューをお見せできるようになるので、校正はその際にお願いします 🙏
16:36 spring-raining 当日の頒布は基本的には私と村上さんで回せる見込みですが、ご所望であれば(無理せず)お手伝いお任せします！！
17:26 shinyu 「Vivliostyle のこれからの開発課題を詳しく」原稿を書いているところです。初稿今日（木曜日）出します。
Clone this wiki locally