-
-
Notifications
You must be signed in to change notification settings - Fork 0
slack meeting log 2019 10 05
akabeko edited this page Nov 16, 2019
·
1 revision
| 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 | ようさん @youchanRuby のプログラマー |
|
| 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.ChatThe 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を使えるようにするアイデアのまとめ: |
|
| 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 |
adapt と vivliostyle に分岐する |
|
| 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/p1570238210038900EPUB Adaptive Layout (IDPF Informational Document) |
|
| 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 の v は view の略 |
|
| 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/HoudiniHoudini 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=jaHoudini は 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-layoutAutomatically 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 | 🇯🇵: みんな、ありがとう。はじめまして! |