Skip to content

slack meeting log 2019 10 05

akabeko edited this page Nov 16, 2019 · 1 revision

2019-10-05

Time Icon Name Message
05:25 spring-raining 会議中は会話と同時にログを書き起こし、日本語と英語でコミュニケーションを取れるようにします
05:25 Kiara Translation 🇬🇧: During the meeting, write a log at the same time as the conversation so that you can communicate in Japanese and English
05:31 akabeko 現在、プロジェクトの方針やミーティング進行について説明中。
05:31 Kiara Translation 🇬🇧: Currently explaining project policy and meeting progress.
05:31 akabeko 最初に自己紹介します
05:31 Kiara Translation 🇬🇧: Let me introduce myself first
05:33 akabeko Johannes Wilm 氏の紹介。
画期的な JavaScript 組版エンジンを開発した人。
それが Vivliostyle に役立つと思いコンタクトを取りました。
by.村上
05:33 Kiara Translation 🇬🇧: Introduction of Johannes Wilm.
A person who developed a groundbreaking JavaScript composition engine.
I thought it would be useful for Vivliostyle and contacted me.
by.Murakami
05:35 akabeko 今日どのぐたいのレベルで会議をするのか決めたいです、はるさめ
05:35 Kiara Translation 🇬🇧: I want to decide what level of meeting I want to meet today, Harusame
05:36 akabeko 参加者、小形さん (編集ライター) 以外は全員ソフトウェア エンジニア。
05:36 Kiara Translation 🇬🇧: All participants are software engineers except for Mr. Ogata (editor writer).
05:37 akabeko 技術的に深い話をしてゆきます
05:37 Kiara Translation 🇬🇧: I will talk technically deeply
05:39 kubosho_ 聞こえていますが、音質が少し悪いので聞き取りづらいところも少しあります
05:39 Kiara Translation 🇬🇧: I can hear it, but the sound quality is a little bad, so there are a few places that are difficult to hear
05:39 akabeko 日本語の発言は私がなるべく拾ってここに書きます
05:39 Kiara Translation 🇬🇧: I'll pick up as much Japanese speech as possible and write it here
05:40 akabeko Johannes 氏の発言は、はるさめさんがテキストにします。
05:40 Kiara Translation 🇬🇧: Johannes ’s remarks will be written by Harame.
05:42 akabeko はるさめさん自己紹介
普段フロントエンドエンジニア
Vivliostyle へ関わったきっかけは 2 年前に技術同人誌を発行したとき
作成に Vivliostyle を採用
これをきっかけに村上さんと知り合ってコミュニティーに参加した
05:42 Kiara Translation 🇬🇧: About Harusame
Usually front-end engineer
I got involved in Vivliostyle when I published a technical doujinshi two years ago.
Vivliostyle adopted for creation
I got to know Murakami and participated in the community.
05:42 akabeko Vivliostyle で本を作成し初めて 7 冊目
05:42 Kiara Translation 🇬🇧: 7th book created for the first time in Vivliostyle
05:43 akabeko Vivliostyle で気になった点を修正している
最近はプロジェクトを ES5 から ES.next with TypeScript へ移行させた
05:43 Kiara Translation 🇬🇧: I am fixing the point of concern in Vivliostyle
Recently moved the project from ES5 to ES.next with TypeScript
05:45 akabeko 村上さん自己紹介
Vivliostyle 代表
05:45 Kiara Translation 🇬🇧: Murakami's self-introduction
Representative of Vivliostyle
05:45 akabeko Vivliostyle の前はアンテナハウスの CSS 組版エンジンに携わっていた
05:45 Kiara Translation 🇬🇧: Before Vivliostyle, I was involved in the CSS typesetting engine of Antenna House
05:46 akabeko 5 年前によりよい CSS 組版エンジンを OSS にしたいと考えて Vivliostyle プロジェクトを開始
05:46 Kiara Translation 🇬🇧: 5 years ago Vivliostyle project started to make OSS a better CSS typesetting engine
05:47 akabeko 5 年前に会社を作りプロジェクトを立ち上げたが、当時は JavaScript に精通していなかった
なのでより熟練のプログラマーに任せたほうはよいと考えて私は管理を担当することにした。
05:47 Kiara Translation 🇬🇧: I started a company five years ago and started a project, but at that time I was not familiar with JavaScript
So I thought it would be better to leave it to a more skilled programmer, so I decided to manage it.
05:48 youchan けれども、会社経営が上手くいかなくて、vivliostyleは別の会社になった。
05:48 Kiara Translation 🇬🇧: However, the company management was not good and vivliostyle became another company.
05:48 youchan 去年、OSSのプロジェクトとしてvivliostyleを再スタートさせた。
05:48 Kiara Translation 🇬🇧: Last year, I restarted vivliostyle as an OSS project.
05:49 youchan vivliostyleのメンテナをやっています。JS,TSの初心者プログラマです。
05:49 Kiara Translation 🇬🇧: I am a vivliostyle maintainer. JS, TS beginner programmer.
05:49 youchan はるさめさんや他の熟練したプログラマと一緒にプロジェクトをやっていきたいです。
05:49 Kiara Translation 🇬🇧: I would like to do a project with Harusame-san and other skilled programmers.
05:50 spring-raining https://vivliostyle.com/en/
Vivliostyle, Inc. changed its company name to “Trim-marks Inc.” as of February 16th, 2018.
05:50 Kiara Translation 🇬🇧: https://vivliostyle.com/en/
🇯🇵: https://vivliostyle.com/en/
05:51 youchan あかべこです。
05:51 Kiara Translation 🇬🇧: This is Akabeko.
05:51 youchan 得意な領域はウェブとスマートフォンのフロントエンドです。
05:51 Kiara Translation 🇬🇧: We are good at the web and smartphone front end.
05:52 youchan vivliostyleとの関わりは、会社でXML publishing研究会というのをやっている。
05:52 Kiara Translation 🇬🇧: In relation to vivliostyle, the company is doing an XML publishing workshop.
05:52 youchan 去年、viviliostyleで本をつくろうという話がもちあがった。
05:53 Kiara Translation 🇬🇧: Last year, there was a story about making a book in viviliostyle.
05:53 youchan これからは開発にも関わりたいです。
05:53 Kiara Translation 🇬🇧: I want to be involved in development from now on.
05:53 akabeko https://akabeko.me/
05:53 Kiara Translation 🇬🇧: https://akabeko.me/
🇯🇵: https://akabeko.me/
05:55 youchan やましーです。神戸で学生をしています。
05:55 Kiara Translation 🇬🇧: It ’s Yamashi. I am a student in Kobe.
05:56 akabeko 趣味で CSS などをさわっている
05:56 Kiara Translation 🇬🇧: Touching CSS etc. as a hobby
05:56 akabeko 昨日まで某企業でインターンしていました。
本日、関西へ戻る予定です
05:57 akabeko あと 1 時間ぐらいで帰郷します
05:57 Kiara Translation 🇬🇧: I'll be back in about an hour
05:58 akabeko 小形さん
コードは掛けないが @akabeko とともに XML パブリッシング研究会に参加している
05:58 Kiara Translation 🇬🇧: Small
Participate in XML publishing workshop with no code
05:58 spring-raining He is Ogata san.
05:58 Kiara Translation 🇬🇧: He is Ogata san.
🇯🇵: 彼は緒方さんです。
05:59 spring-raining He joins in XML publishing workshop with akabeko san.
05:59 Kiara Translation 🇯🇵: 彼はXMLの公開ワークショップにアカベコさんと参加しています。
05:59 akabeko ようさん @youchan
Ruby のプログラマー
05:59 Kiara Translation 🇬🇧: You
Ruby programmer
06:00 akabeko まんがでわかる Ruby という本を書いた
06:00 Kiara Translation 🇬🇧: I wrote a book called Ruby to understand with comics
06:00 akabeko 漫画は湊川あいさんが描いています
06:00 Kiara Translation 🇬🇧: Manga is drawn by Ai Serikawa
06:00 kubosho_ https://booth.pm/ja/items/1306534
技術書典6新刊です。表紙込み108ページ。Rubyエンジニア @youchan と、湊川あいによるコラボでお届けします。 ◆この本をひとことで言うと マンガで楽しくRubyを学ぼう! わかばちゃんと一緒にプログラムで魔法陣を描きながら、基本的な文法から再帰関数までレベルアップできます! ☆PDFでリンク機能付き!文字選択可能でラクラク実践 ☆カメリモコンが実行できない場合、$ gem install opal-sprockets と実行してから再度irbでカメリモコンを呼び出してみてください。動きます! --- ◆目次 1. Rubyってなに? 2. Ruby入門 - 2.1.
06:00 Kiara Translation 🇬🇧: https://booth.pm/ja/items/1306534
🇯🇵: https://booth.pm/ja/items/1306534
06:01 akabeko Markdown から Ruby で HTML に変換、それを Vivliostyle に渡して組版しています。
06:01 Kiara Translation 🇬🇧: Converted from Markdown to HTML with Ruby, passed it to Vivliostyle for formatting.
06:02 akabeko 石井さん
06:02 Kiara Translation 🇬🇧: Ishii
06:02 akabeko 機械学習をしている
06:02 Kiara Translation 🇬🇧: Doing machine learning
06:02 akabeko Kiara Translation ベンダーです
06:02 Kiara Translation 🇬🇧: Kiara Translation vendor
06:02 akabeko OSS が好きです
06:02 Kiara Translation 🇬🇧: I like OSS
06:02 akabeko Rocket Chat というブラジルの OSS がある
06:02 Kiara Translation 🇬🇧: There is a Brazilian OSS called Rocket Chat
06:03 akabeko こういうのに関わっていることもあり、OSS が好きです
06:03 Kiara Translation 🇬🇧: I like OSS because I have something to do with it.
06:03 akabeko Vivliostyle にも何らかの形で寄与できたらな、と考えています
06:03 Kiara Translation 🇬🇧: I would like to contribute to Vivliostyle in some way.
06:04 spring-raining 質問: Rocket chat では Kiala translationは動きますか?
06:04 Kiara Translation 🇬🇧: Question: Does Kiala translation work with Rocket chat?
06:04 kubosho_ https://github.com/RocketChat/Rocket.Chat
The ultimate Free Open Source Solution for team communications.
06:04 Kiara Translation 🇬🇧: https://github.com/RocketChat/Rocket.Chat
🇯🇵: https://github.com/RocketChat/Rocket.Chat
06:04 akabeko Kiara Translation のエンジンは独自?
独自です
06:04 Kiara Translation 🇬🇧: Is Kiara Translation's engine unique?
Is unique
06:04 spring-raining 回答: Rocket chat で動作させることは今は計画していない Microsoft teams で動かすことを考えている
06:04 Kiara Translation 🇬🇧: Answer: Working with Rocket chat is thinking of working with Microsoft teams that are not planned
06:05 akabeko 翻訳部分は Google Translation?
06:05 Kiara Translation 🇬🇧: Google Translation?
06:05 akabeko 完全ではないが自社製に切り替えていっている
06:05 Kiara Translation 🇬🇧: Although it is not complete, it has switched to in-house production
06:06 spring-raining Kiala translation はスウェーデン語も使えます!
06:06 Kiara Translation 🇬🇧: Kiala translation can also be used in Swedish!
06:10 shinyu https://www.fiduswriter.org/
a semantic word processor for academics
06:10 Kiara Translation 🇬🇧: https://www.fiduswriter.org/
🇯🇵: https://www.fiduswriter.org/
06:11 spring-raining @Johannes Wilm はアカデミックの文章をエンジニア以外がかけるソフトウェアが書ける必要性をかんじ、Fidus writerを作った
06:11 Kiara Translation 🇬🇧:  Recognized the need to write software that allows non-engineers to write academic texts, created a Fidus writer
06:13 akabeko 実験的だが JATS にも対応している
06:13 Kiara Translation 🇬🇧: Experimental but also compatible with JATS
06:13 spring-raining もともとFidus writerはPDFを出力機能がなかったが、Vivliostyleを使って対応することを考えた
06:13 Kiara Translation 🇬🇧: Originally Fidus writer did not have a PDF output function, but thought to support using Vivliostyle
06:15 spring-raining 2014年に村上さんとの交流が始まり、VivliostyleがFidus writerに合っていると感じた
06:15 Kiara Translation 🇬🇧: In 2014, the exchange with Murakami started, and I felt that Vivliostyle was suitable for Fidus writer
06:15 youchan <http://typewiser.com
06:15 Kiara Translation 🇬🇧: <http: //typewiser.com
06:20 akabeko 2012 ぐらいから Fidus writer の前進となるものを作っていた
06:20 Kiara Translation 🇬🇧: From around 2012, I had been making things that would advance the Fidus writer
06:20 akabeko Web ブラウザーで JS により組版する機能をもっていた
06:20 Kiara Translation 🇬🇧: Has a function to typeset with JS in a web browser
06:20 akabeko Vivliostyle と異なり CSS 組版ではない
06:20 Kiara Translation 🇬🇧: Unlike Vivliostyle, it is not CSS typesetting
06:21 akabeko 特定の論文にそったレイアウトで組版するもの
06:21 Kiara Translation 🇬🇧: Typesetting in a layout according to a specific paper
06:22 akabeko 村上から Vivliostyle をやりたいという話があった
これは JS だけでなく CSS も利用して組版とレイアウトをするもの
これを提案して一緒にやるようになった
06:22 Kiara Translation 🇬🇧: Murakami talked about wanting to do Vivliostyle
This is not only JS but also CSS and is used for formatting and layout
I proposed this and started doing it together
06:22 akabeko Fidus writer は EU、例えばドイツ政府などが採用した
06:22 Kiara Translation 🇬🇧: Fidus writer was adopted by the EU, eg the German government
06:23 akabeko typewiser でも使われている
06:23 Kiara Translation 🇬🇧: Also used by typewiser
06:23 akabeko 一年前までは Fidus writer では Vivliostyle を利用していなかった
06:23 Kiara Translation 🇬🇧: Until one year ago, Fidus writer did not use Vivliostyle
06:24 akabeko なぜなら Vivliostyle のエンジンを Fidus writer の印刷エンジンに転用するのは難しかった
06:24 Kiara Translation 🇬🇧: Because it was difficult to divert the Vivliostyle engine to the Fidus writer print engine
06:24 akabeko 一年前にようやくエンジン切り替えが実現した
これは村上とはるさめとチャットで相談などしながら対応された
06:24 Kiara Translation 🇬🇧: An engine switch was finally realized a year ago
This was dealt with while consulting with Murakami and Harusame in chat
06:25 akabeko Fidus writer などで利用しやすくするため vivliostyle-print というプロジェクトを立ち上げた
06:25 Kiara Translation 🇬🇧: Launched a project called vivliostyle-print to make it easier to use with Fidus writer etc.
06:25 shinyu https://vivliostyle.org/blog/2018/10/03/vivliostyle-print/
An interview with myself about the new package Vivliostyle-print Vivliostyle.js has been with us for a few years already. It can both show paged media in the browser as well as print HTML with extra CSS targeted paged media. What need is there for a Vivliostyle-print then? It is true that  Vivliostyle.js already has existed a few years and Vivliostyle-print adds nothing new in terms of CSS. For end users who only know HTML and CSS and no JavaScript, using Vivliostyle Viewer (Vivliostyle.js + Vivliostyle-ui) continues to be the way to go. A problem with Vivliostyle.js that I have found though has been that it’s a really complex program when it comes to trying to include it in other software and until recently the documentation was not that extensive. Even now in the process of creating this package, I had to spend more than a day with a lot of chatting and trial and error to get it to work. Vivliostyle-print should take a lot of the pain away for JavaScript developers with projects that just need the printing features of Vivliostyle.js and nothing else. Why did you decide to start Vivliostyle-print? I myself have been working on getting it to work with Fidus Writer, the academic text editor I have spent the last few years on. Back in 2012, we had pagination in the editor itself while the user was writing the document, but that was based on the experimental technology “CSS Regions” and when the Chromium team decided to remove those, we have just had a pagination solution that is invoked when the print dialog is invoked. That solution (paginate-for-print) is something I quickly threw together a few years as a replacement. Even though I have been going around promoting Vivliostyle.js, the complexity of it meant that I never had the time to sit down and create a connector for Vivliostyle.js. Now that I did finally find the time, I thought it would be best to share this so others don’t have to spend as much time on doing this. What kinds of projects would you think could benefit from this? Other text editor apps would be one obvious beneficiary. But really any webpage that wants to provide a more high quality print version of their online content: With a little bit of JavaScript they simply intercept the user hitting CTRL+P and then run Vivliostyle-print instead using their original content with some extra CSS for pagination. Online newspapers or blogs would come to mind. But even webbased email applications could benefit from Vivliostyle-print. I really hope this helps popularize Vivliostyle.js usage. If you run Vivliostyle.js, doesn’t that mess up the DOM of the page? Will users need to reload the page after printing it? Vivliostyle-print works slightly differently. It runs Vivliostyle.js in the background (in a hidden iframe) which is removed again once the print dialog has disappeared. That way the original DOM is exactly the same before and after Vivliostyle-print is run.
06:25 Kiara Translation 🇬🇧: https://vivliostyle.org/blog/2018/10/03/vivliostyle-print/
🇯🇵: https://vivliostyle.org/blog/2018/10/03/vivliostyle-print/
06:25 shinyu https://vivliostyle.org/ja/blog/2018/10/03/vivliostyle-print/
(英語元記事 からの日本語訳) 新パッケージ Vivliostyle-print についてのセルフ・インタビュー Vivliostyle.js は、すでに数年間私たちとともにあります。ブラウザ内でページメディアを表示するだけでなく、ページメディアをターゲットにした追加の CSS で HTML を印刷することもできます。Vivliostyle-print にはどんな必要性がありますか? Vivliostyle.js がすでに数年間存在していて、Vivliostyle-print が、CSS の面では何も新しいものを追加していないことはその通りです。HTMLとCSSのみを認識し、JavaScriptを認識しないエンドユーザにとっては、Vivliostyle Viewer (Vivliostyle.js + Vivliostyle-ui) を使用することは引き続き有効です。 私が直面した Vivliostyle.js の問題は、それを他のソフトウェアに含めようとしたときに、本当に複雑なプログラムだということでした。そして、最近までドキュメンテーションはあまり広範でありませんでした。今でもこのパッケージを作成する過程で、私はこれを動くようにするために、チャットや試行錯誤の多くで一日以上を費やす必要がありました。 Vivliostyle-print は、Vivliostyle.js の印刷機能を必要とするだけで他のものは必要としないプロジェクトにおいて、JavaScript 開発者にとっての苦労を取り除くはずです。 なぜあなたは Vivliostyle-print を作ることを決めたのですか? 私自身、Fidus Writer でそれが動くようにするため取り組んできました。Fidus Writer は、私が過去数年間を費やした学術用テキスト・エディターです。 2012年に遡ると、当時私たちは、ユーザーがドキュメントを書いている間にページネーションが行われるしくみをエディター自体に持っていました。それは実験的な技術である “CSS Regions” に基づいていました。しかし、Chromium チームがそれを削除することを決めたときに、私たちにあるのは、印刷ダイアログが呼び出されたときに呼び出されるページネーションという解決策だけになりました。その解決策 (paginate-for-print) は、数年前に急いで寄せ集めで作った代替策でした。私は Vivliostyle.js を推進しているにもかかわらず、その複雑さのために、私が Vivliostyle.js のためのコネクターを作るために席につく時間がなかったのです。そして今やっとそれができました。私は、他の人々が同じことをするのに多くの時間を費やす必要がないように、これを分かち合うのが最善だと考えたのです。 どのような種類のプロジェクトでこの恩恵を受けることができると思いますか? 他のテキスト・エディターのアプリケーションは、明らかに恩恵を受けるもののひとつです。しかし実際には、オンラインコンテンツのより高品質な印刷バージョンを提供したいすべてのウェブページが該当します。JavaScript を少し使用するだけで、ユーザーが CTRL+P を押したときに、オリジナルのコンテンツにページネーション用の追加のCSSを使用して Vivliostyle-print を実行させるようにできます。オンライン新聞やブログも頭に浮かぶでしょう。さらには、ウェブベース電子メール・アプリケーションさえも、Vivliostyle-print の恩恵を受ける可能性があります。私は本当にこれが Vivliostyle.js の利用の普及を助けることを望んでいます。 Vivliostyle.js を実行するとそのページの DOM は台無しになりませんか? ユーザーは印刷後にページをリロードする必要がありますか? Vivliostyle-print はわずかに異なる動作をします。バックグラウンドで Vivliostyle.js を実行して(非表示の iframe で)、印刷ダイアログが消えた後に削除するのです。この方法では、元の DOM は Vivliostyle-print 実行の前と後にまったく同じです。
06:25 Kiara Translation 🇬🇧: https://vivliostyle.org/ja/blog/2018/10/03/vivliostyle-print/
🇯🇵: https://vivliostyle.org/ja/blog/2018/10/03/vivliostyle-print/
06:26 akabeko これによって Fidus writer のような Web アプリケーションで利用しやすくなった
06:26 Kiara Translation 🇬🇧: This makes it easier to use in web applications like Fidus writer
06:27 akabeko @kubosho_ さん自己紹介をおねがいします
06:27 Kiara Translation 🇬🇧:  Please introduce yourself
06:27 kubosho_ kuboshoです。普段はソフトウェアエンジニアとして動画サービスを作っています。
ソフトウェア開発で得意な領域はWebフロントエンドエンジニアです。
Vivliostyleに関わるきっかけは技術同人誌を作るときにCSSで組版ができるというキーワードに惹かれて使おうとしたら、ソースコードで気になるところが多くあったので、それを直していこうと思ってcontributeを始めました。
最近はvivliostyle-uiをTypeScriptへ変換しようとしています。
06:27 Kiara Translation 🇬🇧: This is kubosho. I usually make video services as a software engineer.
A good area in software development is Web front-end engineers.
The reason I was involved in Vivliostyle was that when I created a technical doujinshi, I was attracted by the keyword that I could typeset with CSS. It was.
Recently I am trying to convert vivliostyle-ui to TypeScript.
06:29 akabeko Vivliostyle を使いやすくするための運営を考えている
06:29 Kiara Translation 🇬🇧: I'm thinking about managing to make Vivliostyle easier to use
06:29 akabeko #qa-team がそれ
06:29 Kiara Translation 🇬🇧: <# CNR65K6KE
06:30 akabeko qa = QA = Quality Assurance
06:30 Kiara Translation 🇯🇵: qa = QA =品質保証
06:32 akabeko
もっと簡単にVivliostyleを使えるようにするアイデアのまとめ:
• Chromeブラウザ機能拡張を作る
• HTML文書内からscriptタグで取り込んで利用できるようにする
• AtomやVSCodeなどテキスト・エディタの拡張機能にする
• Vivliostyle CSS組版Webサービスを作る
• Docker を活用
06:32 Kiara Translation 🇬🇧: & gt; Summary of ideas to make using Vivliostyle easier:
& gt; • Create Chrome browser extension
& gt; • Make it available by using script tag from within HTML document
& gt; • Make text editor extensions such as Atom and VSCode
& gt; • Create Vivliostyle CSS typesetting web service
& gt; • Use Docker
06:37 akabeko Viola の紹介
06:37 Kiara Translation 🇬🇧: Introducing Viola
06:37 akabeko https://viola.pub/
Online editor for printing and publishing.
06:37 Kiara Translation 🇬🇧: https://viola.pub/
🇯🇵: https://viola.pub/
06:38 akabeko Viola は Editor と Vivliostyle Preview がセットになっている
Web サービスとして提供している
06:38 Kiara Translation 🇬🇧: Viola includes Editor and Vivliostyle Preview
Provided as a web service
06:38 akabeko Editor 部分は Adobe Brackets を採用している
06:38 Kiara Translation 🇬🇧: Editor uses Adobe Brackets
06:41 akabeko Fidus writer に比べてエンジニア向けなので、一般的な執筆者や非エンジニアが使うのは難しいと思われる
06:41 Kiara Translation 🇬🇧: It is more for engineers than Fidus writer, so it seems difficult for general authors and non-engineers to use
06:41 akabeko Fidus writer のほうがユーザーフレンドリーだと思われる
06:41 Kiara Translation 🇬🇧: Fidus writer seems to be more user friendly
06:43 akabeko Cello という Viola のファミリー プロジェクトがある
06:43 Kiara Translation 🇬🇧: There is a Viola family project called Cello
06:45 akabeko こうした諸々を含め、Vivliostyle を使いやすくするための施策を #qa-team で検討してゆきたい
06:45 Kiara Translation 🇬🇧: I would like to examine measures to make Vivliostyle easy to use, including these various items, at <# CNR65K6KE
06:45 akabeko @kubosho_ さんが Vivliostyle の足回り (環境的なもの?) を整備したいと言っていて、私もそうしたい by.小形
06:45 Kiara Translation 🇬🇧:  Says he wants to maintain a Vivliostyle undercarriage (environmental?) And I want to do it by.
06:46 akabeko 足回りが整備されてこそ使いやすくなるのではないか?
06:46 Kiara Translation 🇬🇧: Isn't it easier to use if the undercarriage is maintained?
06:46 akabeko 使いやすさの前にやることがあるのではないか?
06:46 Kiara Translation 🇬🇧: Isn't there something to do before usability?
06:47 akabeko コードを書く人たちにこの辺を確認したい
06:47 Kiara Translation 🇬🇧: I want to check this out with people who write code
06:47 akabeko 開発環境を整えることに興味がむいている、これはコントリビューターを増やすためのもの @kubosho_
06:47 Kiara Translation 🇬🇧: Interested in creating a development environment, this is to increase the number of contributors
06:48 youchan 私はユーザーベースを広げたほうが開発も進みやすくなると思う。
06:48 Kiara Translation 🇬🇧: I think it's easier to develop if you expand your user base.
06:48 akabeko Vivliostyle の開発者が少ない。
より多くの開発者を募れるような体制にしたい
06:48 Kiara Translation 🇬🇧: There are few developers of Vivliostyle.
I want to have a system to recruit more developers
06:49 akabeko 私としてもそう思う。TypeScript はコードの可読性を向上させ、自己言及的になるメリットからこれに寄与するだろう。
06:49 Kiara Translation 🇬🇧: I think so too. TypeScript will improve code readability and will contribute to this by being self-referencing.
06:49 akabeko 開発者向けのドキュメントについては私も手伝う予定。
06:49 Kiara Translation 🇬🇧: I will also help with documentation for developers.
06:50 spring-raining 脚注などCSSスタンダードでないものの情報を得るのが大変だった Web上のドキュメントがとぼしくチャット上で聞くしかなかった
06:50 Kiara Translation 🇬🇧: It was hard to get information on non-CSS standards such as footnotes. I had to listen to the documents on the web in a chat.
06:51 spring-raining vivliostyle.jsのドキュメント構造が分かりづらい adapt など独自のネームスペースがコントリビュートを阻害している
06:51 Kiara Translation 🇬🇧: It is difficult to understand the document structure of vivliostyle.js. Unique namespaces such as adapt block contributions.
06:52 spring-raining 歴史的な経緯でadaptとvivliostyleという2つのディレクトリがある。リファクタリングの必要性を感じている
06:52 Kiara Translation 🇬🇧: For historical reasons, there are two directories: adapt and vivliostyle. I feel the need for refactoring
06:52 akabeko 開発者が参加しやすくするための課題が多い。
06:52 Kiara Translation 🇬🇧: There are many issues to make it easier for developers to participate.
06:53 akabeko エンドユーザーが増えないと開発者が増えないのでは? by.よう
06:53 Kiara Translation 🇬🇧: Doesn't the developer increase unless the end user increases? by.
06:54 kubosho_ そう思います。まず使われないと開発も進みません
06:54 akabeko 卵と鶏の話
06:54 Kiara Translation 🇬🇧: That's what I think. If it is not used first, development will not proceed
06:54 Kiara Translation 🇬🇧: Egg and chicken story
06:55 akabeko 同時進行する人員確保が難しい。優先度付けに悩んでいる。
06:55 Kiara Translation 🇬🇧: It is difficult to secure personnel who proceed simultaneously. Worried about prioritization.
06:56 akabeko 開発者のモチベーション的にもエンドユーザー増大は重要
06:56 Kiara Translation 🇬🇧: Increased end users are also important for developers' motivation
06:58 spring-raining kuboshoさんの貢献により、vivliostyle-uiのts化やリファクタリングが進んでいる
06:58 Kiara Translation 🇬🇧: Thanks to kubosho's contribution, ts of vivliostyle-ui and refactoring are progressing.
06:58 spring-raining Chrome extensionやViolaの開発など独立して進むプロジェクトもある
06:58 Kiara Translation 🇬🇧: There are also independent projects such as Chrome extension and Viola development.
06:59 spring-raining 10分休憩
06:59 Kiara Translation 🇬🇧: 10 minute break
07:10 akabeko 定刻になったので再開します
07:10 Kiara Translation 🇬🇧: Resume because it is on time
07:10 akabeko コントリビューターの話
07:11 Kiara Translation 🇬🇧: Contributor's story
07:11 akabeko 後半は実際にプロジェクト構成やコードについて話をします
07:11 Kiara Translation 🇬🇧: In the second half, we will talk about the project structure and code
07:13 akabeko 村上さん PC をスクリーンに投影しながら進行します
07:13 Kiara Translation 🇬🇧: Murakami-san Proceeds while projecting the PC onto the screen
07:15 akabeko Google ハングアウトの画面共有で kubosho さんに投影しているものを見せたいと考えてます。
現在、設定中。
07:15 Kiara Translation 🇬🇧: I want to see what Google Hangouts screen sharing is projecting to kubosho.
Currently setting.
07:21 akabeko 各モジュールの簡単な説明をしたあと、エントリーポイントからコードをたどってゆく。
07:21 Kiara Translation 🇬🇧: After a brief explanation of each module, follow the code from the entry point.
07:22 shinyu https://github.com/vivliostyle/vivliostyle.js/
07:22 akabeko vivliostyle.js の話
07:22 Kiara Translation 🇬🇧: The story of vivliostyle.js
07:22 Kiara Translation 🇬🇧: https://github.com/vivliostyle/vivliostyle.js/
🇯🇵: https://github.com/vivliostyle/vivliostyle.js/
07:23 akabeko ソースコードは ts ディレクトリー
07:23 Kiara Translation 🇬🇧: The source code is in the ts directory
07:23 akabeko adaptvivliostyle に分岐する
07:23 Kiara Translation 🇬🇧: Branch to adapt and vivliostyle
07:24 akabeko adaptive layout からの歴史的経緯でこうなっている
07:24 Kiara Translation 🇬🇧: This is the historical background from adaptive layout
07:24 shinyu https://github.com/vivliostyle/vivliostyle.js/wiki/Development
07:24 Kiara Translation 🇬🇧: https://github.com/vivliostyle/vivliostyle.js/wiki/Development
🇯🇵: https://github.com/vivliostyle/vivliostyle.js/wiki/Development
07:25 akabeko このドキュメントは開発を開始するためのものと Code セクションにソースコード構成について説明されている
07:25 Kiara Translation 🇬🇧: This document is for getting started and the source code structure is described in the Code section
07:26 akabeko vivliostyle/viewer.ts がエントリーポイントになる
07:26 Kiara Translation 🇬🇧: vivliostyle / viewer.ts is the entry point
07:27 akabeko その他のモジュールについて Wiki を見ながら簡単に解説
07:27 Kiara Translation 🇬🇧: Brief explanation of other modules while viewing the Wiki
07:28 shinyu hangouts hangs?
07:28 Kiara Translation 🇯🇵: ハングアウトはハングしますか?
07:28 kubosho_ No sound now.
07:28 Kiara Translation 🇯🇵: 今は音がしません。
07:29 spring-raining 1台接続が切れてしまい再設定中です
07:29 Kiara Translation 🇬🇧: One unit is disconnected and resetting
07:31 shinyu https://vivliostyle.slack.com/archives/CNN5GPF9V/p1570238210038900
EPUB Adaptive Layout (IDPF Informational Document)
http://web.archive.org/web/20190506055550/http://www.idpf.org/epub/pgt/
07:31 Kiara Translation 🇬🇧: https://vivliostyle.slack.com/archives/CNN5GPF9V/p1570238210038900
🇯🇵: https://vivliostyle.slack.com/archives/CNN5GPF9V/p1570238210038900
07:32 shinyu The IDPF website seems closed.
07:32 Kiara Translation 🇯🇵: IDPF Webサイトは閉じているようです。
07:34 akabeko TV 会議用 PC の調子が悪くてネットワーク繋げないようなので村上さん PC で代替していただきます
07:34 Kiara Translation 🇬🇧: Ms. Murakami will replace the video conference PC because it is in a bad condition and cannot be connected to the network.
07:35 akabeko adapt/ 系の話、adapt/css.ts は CSS パーサー
07:35 Kiara Translation 🇬🇧: Adapt / story, adapt / css.ts is a CSS parser
07:36 spring-raining 質問: css, cssparse, csscascでファイルが分かれているのはなぜ?
07:36 Kiara Translation 🇬🇧: Question: Why are the files separated by css, cssparse, csscasc?
07:37 akabeko css.ts が値の定義
cssparse がパーサー
csscasc はカスケーディング処理、プロパティーの優先順序や継承などを担当
07:37 Kiara Translation 🇬🇧: css.ts defines the value
cssparse is a parser
csscasc is responsible for cascading, property priority order, inheritance, etc.
07:38 spring-raining 質問: VivliostyleにはCSSパーサーが組み込まれているのですか?
07:38 Kiara Translation 🇬🇧: Question: Does Vivliostyle have a built-in CSS parser?
07:39 akabeko これからは houdini があるが、それのない時代に新しい CSS 機能を動作させるために cssparse が必要
07:39 Kiara Translation 🇬🇧: There is houdini from now on, but cssparse is necessary to make new CSS function work in the age without it
07:39 spring-raining Vivliostyleが作られた当時は、Adaptive layoutを実現するために独自のCSSパーサを持つ必要があった。
07:39 Kiara Translation 🇬🇧: When Vivliostyle was created, it was necessary to have its own CSS parser in order to realize Adaptive layout.
07:40 akabeko これは Vivliostyle より前の話。前史時代。
07:40 Kiara Translation 🇬🇧: This is a story before Vivliostyle. Prehistoric times.
07:41 youchan vivliostyleは Adaptive Layoutのフォークだった
07:41 Kiara Translation 🇬🇧: vivliostyle was a fork of Adaptive Layout
07:42 akabeko 歴史的経緯とか温故知新的な話。
07:42 Kiara Translation 🇬🇧: A historical story or an old-fashioned story.
07:43 youchan adaptディレクトリとvivliostyleディレクトリは歴史的な意味で分れている。
07:43 Kiara Translation 🇬🇧: The adapt and vivliostyle directories are divided historically.
07:43 kubosho_ adapt以下はAdaptive Layout由来のファイル。vivliostyle以下はVivliostyleで作ったファイル
07:43 Kiara Translation 🇬🇧: Below adapt is a file derived from Adaptive Layout. Below vivliostyle are files created with Vivliostyle
07:43 spring-raining 質問: adapt というディレクトリを残す理由はあるか?
07:43 Kiara Translation 🇬🇧: Question: Is there any reason to leave a directory called adapt?
07:44 youchan adapt を残したのは問題が起きたときにどちらに由来するものか切りわけたかった
07:44 Kiara Translation 🇬🇧: I left adapt when I had a problem, I wanted to break it down
07:45 akabeko 古いコードを引き継いでいて、大幅な設計的・構造的リファクタリングに着手するまでは妥当な運用といえる。
07:45 Kiara Translation 🇬🇧: It is a reasonable operation until the old code is taken over and a major design and structural refactoring is started.
07:45 spring-raining ディレクトリを分ける理由はわかるが、adapt という名前は開発者を混乱させるだけだと思う
07:45 Kiara Translation 🇬🇧: I understand the reason for separating directories, but I think the name adapt only confuses developers
07:47 Johannes Wilm Johannes: If there is a need for 2 different folders for technical reasons, can we rename them to something else than "adapt" and "vivliostyle"?
07:47 Kiara Translation 🇯🇵: ヨハネス:技術的な理由で2つの異なるフォルダが必要な場合、「適応」と「生体スタイル」以外の名前に変更できますか?
07:49 youchan It should be merged.
07:49 Kiara Translation 🇯🇵: マージする必要があります。
07:50 spring-raining 1つのディレクトリにすべてのTSファイルをまとめることは簡単にできるが、機能単位にディレクトリを分けたほうが良いかもしれない
07:50 Kiara Translation 🇬🇧: It is easy to put all the TS files in one directory, but it may be better to divide the directory into functional units.
07:51 akabeko vtree は DOM
07:51 Kiara Translation 🇬🇧: vtree is DOM
07:52 akabeko vtree の vview の略
07:52 Kiara Translation 🇬🇧: vtree v stands for view
07:52 youchan source DOM => converted DOM(view tree)
07:52 Kiara Translation 🇯🇵: ソースDOM =&gt;変換されたDOM(ビューツリー)
07:55 akabeko csscasc と cssstyle は共に Cascade に関わるが、違いの説明は難しいとのこと
07:55 Kiara Translation 🇬🇧: Both csscasc and cssstyle are related to Cascade, but it is difficult to explain the difference
07:59 akabeko adapt/pm.ts と vivliostyle/pages.ts の違いについて。
後者は CSS Paged Media へ対応するもの。
07:59 Kiara Translation 🇬🇧: About the difference between adapt / pm.ts and vivliostyle / pages.ts.
The latter corresponds to CSS Paged Media.
08:00 spring-raining adapt/epub.ts は名前とは違い、EPUB以外のドキュメントを取り扱う
08:00 Kiara Translation 🇬🇧: adapt / epub.ts handles documents other than EPUB, not names
08:01 kubosho_ Very very confusion
08:01 Kiara Translation 🇯🇵: 非常に非常に混乱
08:06 spring-raining 入力するフォーマットに応じて利用者がVivliostyleのソースコードをリビルドできるようモジュール化をすすめるべきでは? 今のvivliostyle.jsは全てのファイルに対応するためファイルサイズが大きくなっている
08:06 Kiara Translation 🇬🇧: Should we recommend modularization so that users can rebuild Vivliostyle source code according to the input format? The current vivliostyle.js supports all files, so the file size is large
08:08 akabeko 本体 (core) と対応フォーマットをわけて plugable にすることで本体をスリム化するのはよいアイディア。
このような設計をとるプロジェクトは数多い。
08:08 Kiara Translation 🇬🇧: It is a good idea to make the main body slim by separating the main body (core) and the corresponding format into plugable.
There are many projects that take this design.
08:08 Johannes Wilm Johannes: Other options are: 1. Make it easier for website bundlers to do tree shaking so that they remove those parts of vivliostyle that they don't need. 2. Use dynamic imports so that some parts of Vivliostyle are only loaded once they are used.
08:08 Kiara Translation 🇯🇵: ヨハネス:その他のオプションは次のとおりです。1. Webサイトバンドラーがツリーシェーキングを簡単に行えるようにして、不要なvivliostyleの部分を削除します。 2.動的インポートを使用して、Vivliostyleの一部が使用された後にのみロードされるようにします。
08:13 akabeko 現在は CSS Typesetting から Adaptive Layout を中継して CSS 組版している。
これについて、Adaptive Lauyout の層を Houdini など標準で汎用的なものに変えてゆけないか?
08:13 Kiara Translation 🇬🇧: Currently, CSS typesetting relays Adaptive Layout to CSS formatting.
Is it possible to change the layer of Adaptive Lauyout to a standard and general purpose one such as Houdini?
08:14 shinyu https://developer.mozilla.org/en-US/docs/Web/Houdini
Houdini is a set of low-level APIs that exposes parts of the CSS engine, giving developers the power to extend CSS by hooking into the styling and layout process of a browser’s rendering engine.  Houdini is a group of APIs that give developers direct access to the CSS Object Model (CSSOM), enabling developers to write code the browser can parse as CSS, thereby creating new CSS features without waiting for them to be implemented natively in browsers.
08:14 Kiara Translation 🇬🇧: https://developer.mozilla.org/en-US/docs/Web/Houdini
🇯🇵: https://developer.mozilla.org/en-US/docs/Web/Houdini
08:14 akabeko https://developers.google.com/web/updates/2016/05/houdini?hl=ja
Houdini は CSS エンジンの内部を開発者に公開する API の総称です。
08:14 Kiara Translation 🇬🇧: https://developers.google.com/web/updates/2016/05/houdini?hl=ja
🇯🇵: https://developers.google.com/web/updates/2016/05/houdini?hl=ja
08:14 kubosho_ そういえば、自分がVivliostyleに興味を持ったのはCSS Houdiniを使って組版に関する実装ができないか興味を持ったのがきっかけでした
08:14 Kiara Translation 🇬🇧: Speaking of which, I became interested in Vivliostyle because I was interested in the implementation of typesetting using CSS Houdini.
08:16 kubosho_ Spec status and browser vendor development status.
https://ishoudinireadyyet.com
Overview over the current state of Houdini APIs in all major browsers.
08:16 Kiara Translation 🇯🇵: 仕様ステータスとブラウザベンダーの開発ステータス。
https://ishoudinireadyyet.com
08:22 spring-raining 質問: 現状Chromeが使われることが多いので、Vivliostyleを実行する環境をElectron等でもっと固定したほうが良いのでは?
08:22 Kiara Translation 🇬🇧: Question: Currently, Chrome is often used, so it is better to fix the environment where Vivliostyle is executed with Electron etc.
08:23 akabeko npm electron を利用するという案です。
Electron は採用する Chromium のバージョンが固定化されているので動作環境を特定しやすい。
Vivliosrtyle vX.X = Electron vX.X = Chromium vXX になる
08:23 Kiara Translation 🇬🇧: It is a plan to use npm electron.
Electron has a fixed version of Chromium, so it's easy to specify the operating environment.
Vivliosrtyle vX.X = Electron vX.X = Chromium vXX
08:24 spring-raining vivliostyle-savepdf は今chrome-launcherというパッケージを使っているが、puppeteerを使うことで特定のバージョンのChromiumをダウンロードして使うことができる。それを使うことで、ある程度開発者の環境を揃えることができそう
08:24 Kiara Translation 🇬🇧: vivliostyle-savepdf now uses the chrome-launcher package, but you can use puppeteer to download and use a specific version of Chromium. By using it, it seems that the environment of developers can be aligned to some extent
08:26 akabeko npm にすることでダウンロード先を npmjs (最近では GitHub Packages もあるらしい) に一元化できるメリットがある
パッケージ管理システムも統一される
08:26 Kiara Translation 🇬🇧: By using npm, there is a merit that the download destination can be unified to npmjs (GitHub Packages seems to be recently)
A unified package management system
08:28 shinyu https://github.com/sorotokin/adaptive-layout
Automatically exported from <http://code.google.com/p/adaptive-layout
08:28 Kiara Translation 🇬🇧: https://github.com/sorotokin/adaptive-layout
🇯🇵: https://github.com/sorotokin/adaptive-layout
08:35 Daisuke Ishii https://vivliostyle.slack.com/files/UNX19B5B8/FP2T2G5K7/image_from_ios.jpg
08:40 akabeko Adaptive Layout 依存の話。様々な問題はあるが、これの実現する複雑なレイアウトは機能的にとても重要。
これを直近で代替するのは難しいだろう。特に紙の書籍のような段組みなど。
08:40 Kiara Translation 🇬🇧: Dependency on Adaptive Layout. There are various problems, but the complex layout that this realizes is very functionally important.
It will be difficult to replace this recently. Especially columns like paper books.
08:50 kubosho_ この後予定があるのでオフラインになります。皆様お疲れさまでした。
08:50 Kiara Translation 🇬🇧: I will go offline because I have an appointment after this. Thank you everyone.
08:51 spring-raining そうでしたか! お疲れさまでした
08:51 Kiara Translation 🇬🇧: Oh really! Thank you
09:16 Daisuke Ishii https://vivliostyle.slack.com/files/UNX19B5B8/FP541J7FY/image_from_ios.jpg
https://vivliostyle.slack.com/files/UNX19B5B8/FNWEMRWAD/image_from_ios.jpg
09:16 Daisuke Ishii 今日は有難うございました!とても勉強になりました!
09:16 Kiara Translation 🇬🇧: Thank you for today! I learned a lot!
09:17 Daisuke Ishii OSS大好きなので是非またご協力させて下さい
09:17 Kiara Translation 🇬🇧: I love OSS.
09:48 Johannes Wilm Thanks everyone. It was great to meet you all!
09:48 Kiara Translation 🇯🇵: みんな、ありがとう。はじめまして!

Clone this wiki locally