SlideShare a Scribd company logo
縦書きWebの変遷と国際標準化へ
のプロセス
Koji Ishii 石井 宏治, Google
Feb 2020
A long time ago…
JIS X4051 日本語文書の行組版方法
● 1993年に第一次規格、1995年と2004年に改正
● Microsoft Word 6.0/95/97、JustSystems 大地など
International Layout in CSS
● 縦書き、禁則、行取り、圏点、ルビなど
● FPWD 1996-1999
● Marcin Sawicki, Michel Suginard, Takao Suzuki, Chris Wilson, Chris Pratley,
Koji Ishii 石井 宏治 (All Microsoft)
Microsoft Internet Explorer 5.5
● 初めての縦書き対応ブラウザ
● 2000年6月
CSS3 module: text
● 2001年にInternational Layoutから名称変更
● CR=勧告候補 2003年5月ーー2つの実装がテストをパスすれば次へ
● Michel Suginard, Paul Nelson (Microsoft)
● 2つ目の実装が現れない
● ニーズが不明
● 技術詳細が不足
● テストがない
Elika Etemad a.k.a. fantasai
● CSS3 module: text のエディターを引き継ぐ, 2004
● UTN#22: ROBUST VERTICAL TEXT LAYOUT, the Unicode Conference 2005
JLREQ 日本語組版処理の要件
● JIS X4051の内容を日英の二言語でW3C Noteにする取り組み
● 1st Edition 2007-2009, 2nd Edition 2012
● Yasuhiro Anan 阿南 康宏 (Microsoft), Hiroyuki Chiba 千葉 弘幸, Junsaburo
Edamato 枝本 順三郎, Richard Ishida (W3C), Keiichiro Ishino 石野 恵一郎
(Antenna House), Tatsuo Kobayashi 小林 龍生 (JustSystems), Toshi
Kobayashi 小林 敏, Kenzou Onozawa 小野澤 賢三, Felix Sasaki (University of
Applied Sciences Potsdam), Seiichi Kato 加藤 誠一 (Microsoft), Hajime
Shiozawa 塩沢 元
EPUB 3
● Minimal Requirements on EPUB for Japanese Text Layout, 2010年4月:
Makoto Murata 村田 真, Hiroshi Takase 高瀬 拓史, Masayuki Inoguchi 井野口
正之 (JTBパブリッシング)
● EPUB 3 Charter, 2010年5月
● EPUB 3 EGLS (Enhanced Global Language Support): Makoto Murata 村田 真,
Tatsuo Kobayashi, 小林 龍生, Shinyu Murakami 村上 真雄 (Antenna House),
Yasuo Kida 木田 泰夫 (Apple), Koji Ishii 石井 宏治
● EPUB戦記――電子書籍の国際標準化バトル、小林 龍生著
CSS Writing Modes Level 3
● Split from CSS3 module: text
● WD 2010年10月
● Elika Etemad, Shinyu Murakami 村上 真雄 (Antenna House), Koji Ishii 石井 宏
治
WebKit (Safari, Chrome)
● 2010年9月実装公開開始, Dave Hyatt and WebKit team (Apple)
● 2012年Windows対応, Koji Ishii 石井 宏治
● 2012年Linux対応, Kenichi Ishibashi 石橋 賢一 and Chromium team (Google)
次世代電子出版とWeb表現技術フォーラム
● 2011年6月 W3C CSS WG 京都F2F開催に合わせて、東京と京都で開催
● 次世代Webブラウザのテキストレイアウトに関する検討会 Jun Murai 村井 純 (慶
応義塾大学), Jay Kishigami 岸上 順一 (NTTサイバーソリューション研究所), Koji
Ishii 石井 宏治
UAX#50: Unicode Vertical Text Layout
● 縦書きの文字の向きを標準化
● John Daggett (Mozilla) から問題提起
● 1st Draft 2011-2013
● Eric Muller (Adobe), Koji Ishii 石井 宏治 (Rakuten), Laurențiu Iancu (Microsoft),
Ken Lunde (Adobe)
● Lisa Moore, Ken Whistler, and UTC members
EPUB 3 日本語版
● EPUB 3 Final Specification 2011年10月
● Rakuten Kobo 2012年7月
● Amazon Kindle 2012年10月
● Apple iBooks 2013年3月
● SONY Reader, Google Play Books
CSS Writing Modes Level 3
● 2nd CR 2014年3月
● Elika Etemad, Koji Ishii 石井 宏治
● CR=Call for Implementationsーー2つ目の実装を募る
● 2つの実装がすべてのテストをパスすれば次の段階へ
Test Suite
● 勧告には、2つ以上の実装がすべてのテストをパスすることが必要条件
● 現存する1,416のテストのうち、85%にあたる1,211を作成, 2014-2015
● 次世代Webブラウザのテキストレイアウトに関する検討会: Gérard Talbot, Hajime
Shiozawa 塩澤 元, Koji Ishii 石井 宏治
縦書きWebデザインアワード
● 2015, 2016, 2017
● 縦書きWeb普及委員会・次世代Webブラウザのテキストレイアウトに関する検討会
● 2018年度グッドデザイン賞を受賞
● http://tategaki.github.io/
Microsoft Edge
● Microsoft Edge 12, 2015
● 2つ目の実装となる
● 自動縦中横をサポートする唯一のブラウザーエンジン
● Rossen Atanassov, and Edge team (All Microsoft)
Gecko (Firefox)
● Firefox 41, September 2015
● すべてのブラウザーがサポート
● Johnathan Kew, Simon Montagu, and Gecko team (All Mozilla)
Blink LayoutNG (Chrome)
● Forked from WebKit in 2013
● New layout engine from scratch, 2016-2019
● Pass 94.97% of the Writing Modes test suite
● Emil A Eklund, Ian Kilpatrick, Aleks Totic, Christian Biesinger, Morten
Stenshorne, Xiaocheng Hu, Koji Ishii 石井 宏治, and Blink team, (All Google),
Cathie Chen (Tencent)
W3C Recommendation=勧告!
● PR=勧告案 2019年10月
● REC=勧告 2019年12月10日
● Elika Etemad, Florian Rivoal, Hiroshi Sakakibara 榊原 寛 (BPS)
● Rossen Atanassov (Microsoft), Alan Stearns (Adobe), and CSSWG members
Thank you!

More Related Content

Similar to 縦書きWebの変遷と国際標準化へのプロセス 2020-02-03

2017-web-development-readthedocs-io-en-latest.pdf
2017-web-development-readthedocs-io-en-latest.pdf2017-web-development-readthedocs-io-en-latest.pdf
2017-web-development-readthedocs-io-en-latest.pdf
SumanDhali4
 
ITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp 2012 - Alex Gyoshev - Kendo-UIITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp
 
Designing an Information Model of Writing for Monitoring and Analytics
Designing an Information Model of Writing for Monitoring and AnalyticsDesigning an Information Model of Writing for Monitoring and Analytics
Designing an Information Model of Writing for Monitoring and Analytics
yamahige
 
Modern technology software
Modern technology softwareModern technology software
Modern technology software
Konul Eminova
 
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft GraphSharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
Sébastien Levert
 
Servo: A Web View From Somewhere Else
Servo: A Web View From Somewhere ElseServo: A Web View From Somewhere Else
Servo: A Web View From Somewhere Else
Igalia
 
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Juan Leyva Delgado
 
Bhups
BhupsBhups
Results from our survey of UI/UX needs
Results from our survey of UI/UX needsResults from our survey of UI/UX needs
Results from our survey of UI/UX needs
Kelley Howell
 
Test Tarique 9 doc file
Test Tarique 9 doc fileTest Tarique 9 doc file
Test Tarique 9 doc file
q4help
 
Ui / UX developer crashcourse
Ui / UX developer crashcourseUi / UX developer crashcourse
Ui / UX developer crashcourse
Ahmed Sabbour
 
Patterns for New Software Engineering: Machine Learning and IoT Engineering P...
Patterns for New Software Engineering: Machine Learning and IoT Engineering P...Patterns for New Software Engineering: Machine Learning and IoT Engineering P...
Patterns for New Software Engineering: Machine Learning and IoT Engineering P...
Hironori Washizaki
 
Microsoft & open source a 'brave new world' - CORESTART 2.0
Microsoft & open source a 'brave new world' - CORESTART 2.0Microsoft & open source a 'brave new world' - CORESTART 2.0
Microsoft & open source a 'brave new world' - CORESTART 2.0
Matt Warren
 
XWiki Enterprise 2.0 & Beyond
XWiki Enterprise 2.0 & BeyondXWiki Enterprise 2.0 & Beyond
XWiki Enterprise 2.0 & Beyond
XWiki
 
XWiki Enterprise 2.0 & Beyond
XWiki Enterprise 2.0 & BeyondXWiki Enterprise 2.0 & Beyond
XWiki Enterprise 2.0 & Beyond
Vincent Massol
 
Motaz_CV
Motaz_CVMotaz_CV
Motaz_CV
Motaz El-Saban
 
JBoss @ CVUT FIT April 2013
JBoss @ CVUT FIT April 2013JBoss @ CVUT FIT April 2013
JBoss @ CVUT FIT April 2013
Vaclav Tunka
 
11_typescript.pptx for north south university course cse425
11_typescript.pptx for north south university course cse42511_typescript.pptx for north south university course cse425
11_typescript.pptx for north south university course cse425
AnikSahaToni19126196
 
Droid kerala
Droid keralaDroid kerala
Droid kerala
Muhammed Shibin
 
The process of software engineering
The process of software engineeringThe process of software engineering
The process of software engineering
John Lynch
 

Similar to 縦書きWebの変遷と国際標準化へのプロセス 2020-02-03 (20)

2017-web-development-readthedocs-io-en-latest.pdf
2017-web-development-readthedocs-io-en-latest.pdf2017-web-development-readthedocs-io-en-latest.pdf
2017-web-development-readthedocs-io-en-latest.pdf
 
ITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp 2012 - Alex Gyoshev - Kendo-UIITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp 2012 - Alex Gyoshev - Kendo-UI
 
Designing an Information Model of Writing for Monitoring and Analytics
Designing an Information Model of Writing for Monitoring and AnalyticsDesigning an Information Model of Writing for Monitoring and Analytics
Designing an Information Model of Writing for Monitoring and Analytics
 
Modern technology software
Modern technology softwareModern technology software
Modern technology software
 
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft GraphSharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
SharePoint Saturday Durban - Introduction to AngularJS with the Microsoft Graph
 
Servo: A Web View From Somewhere Else
Servo: A Web View From Somewhere ElseServo: A Web View From Somewhere Else
Servo: A Web View From Somewhere Else
 
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
 
Bhups
BhupsBhups
Bhups
 
Results from our survey of UI/UX needs
Results from our survey of UI/UX needsResults from our survey of UI/UX needs
Results from our survey of UI/UX needs
 
Test Tarique 9 doc file
Test Tarique 9 doc fileTest Tarique 9 doc file
Test Tarique 9 doc file
 
Ui / UX developer crashcourse
Ui / UX developer crashcourseUi / UX developer crashcourse
Ui / UX developer crashcourse
 
Patterns for New Software Engineering: Machine Learning and IoT Engineering P...
Patterns for New Software Engineering: Machine Learning and IoT Engineering P...Patterns for New Software Engineering: Machine Learning and IoT Engineering P...
Patterns for New Software Engineering: Machine Learning and IoT Engineering P...
 
Microsoft & open source a 'brave new world' - CORESTART 2.0
Microsoft & open source a 'brave new world' - CORESTART 2.0Microsoft & open source a 'brave new world' - CORESTART 2.0
Microsoft & open source a 'brave new world' - CORESTART 2.0
 
XWiki Enterprise 2.0 & Beyond
XWiki Enterprise 2.0 & BeyondXWiki Enterprise 2.0 & Beyond
XWiki Enterprise 2.0 & Beyond
 
XWiki Enterprise 2.0 & Beyond
XWiki Enterprise 2.0 & BeyondXWiki Enterprise 2.0 & Beyond
XWiki Enterprise 2.0 & Beyond
 
Motaz_CV
Motaz_CVMotaz_CV
Motaz_CV
 
JBoss @ CVUT FIT April 2013
JBoss @ CVUT FIT April 2013JBoss @ CVUT FIT April 2013
JBoss @ CVUT FIT April 2013
 
11_typescript.pptx for north south university course cse425
11_typescript.pptx for north south university course cse42511_typescript.pptx for north south university course cse425
11_typescript.pptx for north south university course cse425
 
Droid kerala
Droid keralaDroid kerala
Droid kerala
 
The process of software engineering
The process of software engineeringThe process of software engineering
The process of software engineering
 

Recently uploaded

Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Paul Brebner
 
Boost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management AppsBoost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management Apps
Jhone kinadey
 
Refactoring legacy systems using events commands and bubble contexts
Refactoring legacy systems using events commands and bubble contextsRefactoring legacy systems using events commands and bubble contexts
Refactoring legacy systems using events commands and bubble contexts
Michał Kurzeja
 
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptxMigration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
ervikas4
 
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
safelyiotech
 
Penify - Let AI do the Documentation, you write the Code.
Penify - Let AI do the Documentation, you write the Code.Penify - Let AI do the Documentation, you write the Code.
Penify - Let AI do the Documentation, you write the Code.
KrishnaveniMohan1
 
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdfBaha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid
 
Photoshop Tutorial for Beginners (2024 Edition)
Photoshop Tutorial for Beginners (2024 Edition)Photoshop Tutorial for Beginners (2024 Edition)
Photoshop Tutorial for Beginners (2024 Edition)
alowpalsadig
 
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSISDECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
Tier1 app
 
Flutter vs. React Native: A Detailed Comparison for App Development in 2024
Flutter vs. React Native: A Detailed Comparison for App Development in 2024Flutter vs. React Native: A Detailed Comparison for App Development in 2024
Flutter vs. React Native: A Detailed Comparison for App Development in 2024
dhavalvaghelanectarb
 
What is Continuous Testing in DevOps - A Definitive Guide.pdf
What is Continuous Testing in DevOps - A Definitive Guide.pdfWhat is Continuous Testing in DevOps - A Definitive Guide.pdf
What is Continuous Testing in DevOps - A Definitive Guide.pdf
kalichargn70th171
 
Going AOT: Everything you need to know about GraalVM for Java applications
Going AOT: Everything you need to know about GraalVM for Java applicationsGoing AOT: Everything you need to know about GraalVM for Java applications
Going AOT: Everything you need to know about GraalVM for Java applications
Alina Yurenko
 
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
campbellclarkson
 
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
kalichargn70th171
 
How GenAI Can Improve Supplier Performance Management.pdf
How GenAI Can Improve Supplier Performance Management.pdfHow GenAI Can Improve Supplier Performance Management.pdf
How GenAI Can Improve Supplier Performance Management.pdf
Zycus
 
Streamlining End-to-End Testing Automation
Streamlining End-to-End Testing AutomationStreamlining End-to-End Testing Automation
Streamlining End-to-End Testing Automation
Anand Bagmar
 
The Role of DevOps in Digital Transformation.pdf
The Role of DevOps in Digital Transformation.pdfThe Role of DevOps in Digital Transformation.pdf
The Role of DevOps in Digital Transformation.pdf
mohitd6
 
Hands-on with Apache Druid: Installation & Data Ingestion Steps
Hands-on with Apache Druid: Installation & Data Ingestion StepsHands-on with Apache Druid: Installation & Data Ingestion Steps
Hands-on with Apache Druid: Installation & Data Ingestion Steps
servicesNitor
 
Building API data products on top of your real-time data infrastructure
Building API data products on top of your real-time data infrastructureBuilding API data products on top of your real-time data infrastructure
Building API data products on top of your real-time data infrastructure
confluent
 

Recently uploaded (20)

Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
Why Apache Kafka Clusters Are Like Galaxies (And Other Cosmic Kafka Quandarie...
 
Boost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management AppsBoost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management Apps
 
Refactoring legacy systems using events commands and bubble contexts
Refactoring legacy systems using events commands and bubble contextsRefactoring legacy systems using events commands and bubble contexts
Refactoring legacy systems using events commands and bubble contexts
 
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptxMigration From CH 1.0 to CH 2.0 and  Mule 4.6 & Java 17 Upgrade.pptx
Migration From CH 1.0 to CH 2.0 and Mule 4.6 & Java 17 Upgrade.pptx
 
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
Safelyio Toolbox Talk Softwate & App (How To Digitize Safety Meetings)
 
Penify - Let AI do the Documentation, you write the Code.
Penify - Let AI do the Documentation, you write the Code.Penify - Let AI do the Documentation, you write the Code.
Penify - Let AI do the Documentation, you write the Code.
 
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdfBaha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
Baha Majid WCA4Z IBM Z Customer Council Boston June 2024.pdf
 
bgiolcb
bgiolcbbgiolcb
bgiolcb
 
Photoshop Tutorial for Beginners (2024 Edition)
Photoshop Tutorial for Beginners (2024 Edition)Photoshop Tutorial for Beginners (2024 Edition)
Photoshop Tutorial for Beginners (2024 Edition)
 
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSISDECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
DECODING JAVA THREAD DUMPS: MASTER THE ART OF ANALYSIS
 
Flutter vs. React Native: A Detailed Comparison for App Development in 2024
Flutter vs. React Native: A Detailed Comparison for App Development in 2024Flutter vs. React Native: A Detailed Comparison for App Development in 2024
Flutter vs. React Native: A Detailed Comparison for App Development in 2024
 
What is Continuous Testing in DevOps - A Definitive Guide.pdf
What is Continuous Testing in DevOps - A Definitive Guide.pdfWhat is Continuous Testing in DevOps - A Definitive Guide.pdf
What is Continuous Testing in DevOps - A Definitive Guide.pdf
 
Going AOT: Everything you need to know about GraalVM for Java applications
Going AOT: Everything you need to know about GraalVM for Java applicationsGoing AOT: Everything you need to know about GraalVM for Java applications
Going AOT: Everything you need to know about GraalVM for Java applications
 
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
🏎️Tech Transformation: DevOps Insights from the Experts 👩‍💻
 
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...
 
How GenAI Can Improve Supplier Performance Management.pdf
How GenAI Can Improve Supplier Performance Management.pdfHow GenAI Can Improve Supplier Performance Management.pdf
How GenAI Can Improve Supplier Performance Management.pdf
 
Streamlining End-to-End Testing Automation
Streamlining End-to-End Testing AutomationStreamlining End-to-End Testing Automation
Streamlining End-to-End Testing Automation
 
The Role of DevOps in Digital Transformation.pdf
The Role of DevOps in Digital Transformation.pdfThe Role of DevOps in Digital Transformation.pdf
The Role of DevOps in Digital Transformation.pdf
 
Hands-on with Apache Druid: Installation & Data Ingestion Steps
Hands-on with Apache Druid: Installation & Data Ingestion StepsHands-on with Apache Druid: Installation & Data Ingestion Steps
Hands-on with Apache Druid: Installation & Data Ingestion Steps
 
Building API data products on top of your real-time data infrastructure
Building API data products on top of your real-time data infrastructureBuilding API data products on top of your real-time data infrastructure
Building API data products on top of your real-time data infrastructure
 

縦書きWebの変遷と国際標準化へのプロセス 2020-02-03

  • 2. A long time ago…
  • 3. JIS X4051 日本語文書の行組版方法 ● 1993年に第一次規格、1995年と2004年に改正 ● Microsoft Word 6.0/95/97、JustSystems 大地など
  • 4. International Layout in CSS ● 縦書き、禁則、行取り、圏点、ルビなど ● FPWD 1996-1999 ● Marcin Sawicki, Michel Suginard, Takao Suzuki, Chris Wilson, Chris Pratley, Koji Ishii 石井 宏治 (All Microsoft)
  • 5. Microsoft Internet Explorer 5.5 ● 初めての縦書き対応ブラウザ ● 2000年6月
  • 6. CSS3 module: text ● 2001年にInternational Layoutから名称変更 ● CR=勧告候補 2003年5月ーー2つの実装がテストをパスすれば次へ ● Michel Suginard, Paul Nelson (Microsoft) ● 2つ目の実装が現れない ● ニーズが不明 ● 技術詳細が不足 ● テストがない
  • 7. Elika Etemad a.k.a. fantasai ● CSS3 module: text のエディターを引き継ぐ, 2004 ● UTN#22: ROBUST VERTICAL TEXT LAYOUT, the Unicode Conference 2005
  • 8. JLREQ 日本語組版処理の要件 ● JIS X4051の内容を日英の二言語でW3C Noteにする取り組み ● 1st Edition 2007-2009, 2nd Edition 2012 ● Yasuhiro Anan 阿南 康宏 (Microsoft), Hiroyuki Chiba 千葉 弘幸, Junsaburo Edamato 枝本 順三郎, Richard Ishida (W3C), Keiichiro Ishino 石野 恵一郎 (Antenna House), Tatsuo Kobayashi 小林 龍生 (JustSystems), Toshi Kobayashi 小林 敏, Kenzou Onozawa 小野澤 賢三, Felix Sasaki (University of Applied Sciences Potsdam), Seiichi Kato 加藤 誠一 (Microsoft), Hajime Shiozawa 塩沢 元
  • 9. EPUB 3 ● Minimal Requirements on EPUB for Japanese Text Layout, 2010年4月: Makoto Murata 村田 真, Hiroshi Takase 高瀬 拓史, Masayuki Inoguchi 井野口 正之 (JTBパブリッシング) ● EPUB 3 Charter, 2010年5月 ● EPUB 3 EGLS (Enhanced Global Language Support): Makoto Murata 村田 真, Tatsuo Kobayashi, 小林 龍生, Shinyu Murakami 村上 真雄 (Antenna House), Yasuo Kida 木田 泰夫 (Apple), Koji Ishii 石井 宏治 ● EPUB戦記――電子書籍の国際標準化バトル、小林 龍生著
  • 10. CSS Writing Modes Level 3 ● Split from CSS3 module: text ● WD 2010年10月 ● Elika Etemad, Shinyu Murakami 村上 真雄 (Antenna House), Koji Ishii 石井 宏 治
  • 11. WebKit (Safari, Chrome) ● 2010年9月実装公開開始, Dave Hyatt and WebKit team (Apple) ● 2012年Windows対応, Koji Ishii 石井 宏治 ● 2012年Linux対応, Kenichi Ishibashi 石橋 賢一 and Chromium team (Google)
  • 12. 次世代電子出版とWeb表現技術フォーラム ● 2011年6月 W3C CSS WG 京都F2F開催に合わせて、東京と京都で開催 ● 次世代Webブラウザのテキストレイアウトに関する検討会 Jun Murai 村井 純 (慶 応義塾大学), Jay Kishigami 岸上 順一 (NTTサイバーソリューション研究所), Koji Ishii 石井 宏治
  • 13. UAX#50: Unicode Vertical Text Layout ● 縦書きの文字の向きを標準化 ● John Daggett (Mozilla) から問題提起 ● 1st Draft 2011-2013 ● Eric Muller (Adobe), Koji Ishii 石井 宏治 (Rakuten), Laurențiu Iancu (Microsoft), Ken Lunde (Adobe) ● Lisa Moore, Ken Whistler, and UTC members
  • 14. EPUB 3 日本語版 ● EPUB 3 Final Specification 2011年10月 ● Rakuten Kobo 2012年7月 ● Amazon Kindle 2012年10月 ● Apple iBooks 2013年3月 ● SONY Reader, Google Play Books
  • 15. CSS Writing Modes Level 3 ● 2nd CR 2014年3月 ● Elika Etemad, Koji Ishii 石井 宏治 ● CR=Call for Implementationsーー2つ目の実装を募る ● 2つの実装がすべてのテストをパスすれば次の段階へ
  • 16. Test Suite ● 勧告には、2つ以上の実装がすべてのテストをパスすることが必要条件 ● 現存する1,416のテストのうち、85%にあたる1,211を作成, 2014-2015 ● 次世代Webブラウザのテキストレイアウトに関する検討会: Gérard Talbot, Hajime Shiozawa 塩澤 元, Koji Ishii 石井 宏治
  • 17. 縦書きWebデザインアワード ● 2015, 2016, 2017 ● 縦書きWeb普及委員会・次世代Webブラウザのテキストレイアウトに関する検討会 ● 2018年度グッドデザイン賞を受賞 ● http://tategaki.github.io/
  • 18. Microsoft Edge ● Microsoft Edge 12, 2015 ● 2つ目の実装となる ● 自動縦中横をサポートする唯一のブラウザーエンジン ● Rossen Atanassov, and Edge team (All Microsoft)
  • 19. Gecko (Firefox) ● Firefox 41, September 2015 ● すべてのブラウザーがサポート ● Johnathan Kew, Simon Montagu, and Gecko team (All Mozilla)
  • 20. Blink LayoutNG (Chrome) ● Forked from WebKit in 2013 ● New layout engine from scratch, 2016-2019 ● Pass 94.97% of the Writing Modes test suite ● Emil A Eklund, Ian Kilpatrick, Aleks Totic, Christian Biesinger, Morten Stenshorne, Xiaocheng Hu, Koji Ishii 石井 宏治, and Blink team, (All Google), Cathie Chen (Tencent)
  • 21. W3C Recommendation=勧告! ● PR=勧告案 2019年10月 ● REC=勧告 2019年12月10日 ● Elika Etemad, Florian Rivoal, Hiroshi Sakakibara 榊原 寛 (BPS) ● Rossen Atanassov (Microsoft), Alan Stearns (Adobe), and CSSWG members