SlideShare a Scribd company logo
1 of 10
Download to read offline
Koji Ishii
W3C CSS/I18N WG Invited Expert
                  March 2012
   CSS Text Level 3の現状
   CSS Writing Modes Level 3の現状
    ◦ 現時点で取り得るアクション
   仕様の安定化を進めている
    ◦   大きな課題が残るものはLevel 4へ
    ◦   ほかに課題がないか、確認を進めている
    ◦   数か月内にEditorからLCリクエストの意向を伝えてある
    ◦   残課題のうち、大きなものはtext-transform
   text-transform
    ◦ @text-transformを入れるかどうか
    ◦ full-size-kana (-epub-fullsize-kana)を残すかどうか
   最大の課題はtext-orientation
    ◦ 文字コードごとの向きの定義が未解決
    ◦ 欧文フォントupright時の挙動が未定義
   縦中横
    ◦ WebKitの実装は少し古いWDを基にしている
    ◦ text-combine-horizontal
      none/all以外の値は未実装+at risk
      EPUB 3 (2011/4/28 WD)では-epub-text-combine
    ◦ text-combine-mode
      EPUB 3 (2011/4/28 WD)後に追加、未実装+at risk
   経過
    ◦ CSS Writing Modesで文字コードごとの向きを定義
    ◦ Unicodeで定義し、CSSから参照することを試みる
      UTR#50 draft #1, #2, #3
      UTR#50 MS Proposal(未公開)
   今後
    ◦ UTR#50は最短で5月だが、5月ではまだ確定しないと思
      われる
   現時点で取り得るアクション
    ◦ 仕様策定
    ◦ コンテンツ製作者
    ◦ UA/RS実装者
   現在までに出てきた案それぞれのレビュー
    ◦ CSS Writing Modes Level 3元案
    ◦ UTR#50 draft #3
    ◦ UTR#50 MS Proposal(未公開)
   フィードバック先
    ◦ UTR#50 Forum:
      http://www.unicode.org/forum/viewforum.php?f=3
      5
    ◦ CSS: www-style@w3.org
    ◦ CSS(日本語): public-html-ig-jp@w3.org
   文字の向きが確定しない文字は、全部指定する
    ◦ spanで囲み、text-orientation: upright/sidewaysを指定
    ◦ あるいは :root { text-orientation: upright; } + 個別指定
    ◦ 下線・圏点の位置に注意(lang="ja"を指定)
   文字コードごとの現状
    ◦   かな、漢字は正立
    ◦   半角・全角が対となる全角文字は正立と思われる
    ◦   句読点、鍵括弧類なども正立と思われる
    ◦   ASCII (0x21~0x7E) はおそらく回転?
   半角・全角が対のコードを正立する場合は、全角を使用
    ◦ text-transform: full-widthは未実装
   正立(upright)時には欧文フォントを使わない
    ◦ font-family: Arial, MS Gothic  ×
   外字フォント製作時には縦書き用metricsを含める
UA/RS (Safari etc.)
                                                 JS
                   WebCore
                                                etc.

                             cr-
Mac   CGWin   Qt     Gtk           cr-win   …
                           linux
   WebCore Platforms http://bugs.webkit.org
    ◦   Mac: 完了(欧文フォント正立時の問題は未解決)
    ◦   CGWin: bug 48459
    ◦   Qt: bug 51584
    ◦   Gtk: bug 50619
    ◦   Chromium Win: bug 51450
    ◦   Chromium Linux: bug 69282
    ◦   iOS: 非公開
    ◦   Android: ???
    ◦   Platform中立の実装を48459で提案中
   欧文フォントでupright指定時の挙動
    ◦ 仕様不明確、UA依存?
    ◦ www-styleで議論中
   Questions?

More Related Content

Viewers also liked (15)

Week9 Descartes
Week9 DescartesWeek9 Descartes
Week9 Descartes
 
法国德瑞克斯中国.北京基地开业庆典活动策划方案3.0
法国德瑞克斯中国.北京基地开业庆典活动策划方案3.0法国德瑞克斯中国.北京基地开业庆典活动策划方案3.0
法国德瑞克斯中国.北京基地开业庆典活动策划方案3.0
 
1.ftm presentation boys t shirts
1.ftm presentation boys t shirts1.ftm presentation boys t shirts
1.ftm presentation boys t shirts
 
Leadville Presentation
Leadville PresentationLeadville Presentation
Leadville Presentation
 
Week8 Love
Week8 LoveWeek8 Love
Week8 Love
 
Writing tests for css text and its derivations
Writing tests for css text and its derivationsWriting tests for css text and its derivations
Writing tests for css text and its derivations
 
2012 brochure
2012 brochure2012 brochure
2012 brochure
 
SENI DALAM PENDIDIKAN
SENI DALAM PENDIDIKANSENI DALAM PENDIDIKAN
SENI DALAM PENDIDIKAN
 
Week11 Conspiracies
Week11 ConspiraciesWeek11 Conspiracies
Week11 Conspiracies
 
High%20frequency%20words[1]
High%20frequency%20words[1]High%20frequency%20words[1]
High%20frequency%20words[1]
 
2012 Brochure
2012 Brochure2012 Brochure
2012 Brochure
 
Trabajo de ingles
Trabajo de inglesTrabajo de ingles
Trabajo de ingles
 
Week10
Week10 Week10
Week10
 
Writing mini lesson confused words (2)
Writing mini lesson confused words (2)Writing mini lesson confused words (2)
Writing mini lesson confused words (2)
 
Prezentacija iz biologije - ekosistemi
Prezentacija iz biologije - ekosistemiPrezentacija iz biologije - ekosistemi
Prezentacija iz biologije - ekosistemi
 

Similar to W3C yokohama-forum-2012-03-kojiishi

HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
Takumi Ohashi
 
CSS Design and Programming
CSS Design and ProgrammingCSS Design and Programming
CSS Design and Programming
Taku AMANO
 
Java scriptの進化
Java scriptの進化Java scriptの進化
Java scriptの進化
maruyama097
 
ななめ45°から見たJavaOne
ななめ45°から見たJavaOneななめ45°から見たJavaOne
ななめ45°から見たJavaOne
AdvancedTechNight
 
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
Nobukazu Hanada
 
Ruby Sapporo Night Vol4
Ruby Sapporo Night Vol4Ruby Sapporo Night Vol4
Ruby Sapporo Night Vol4
Koji SHIMADA
 

Similar to W3C yokohama-forum-2012-03-kojiishi (20)

CSS3の最新事情
CSS3の最新事情CSS3の最新事情
CSS3の最新事情
 
Web Platform -- Moving Forward!
Web Platform -- Moving Forward!Web Platform -- Moving Forward!
Web Platform -- Moving Forward!
 
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and laterWeb Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
 
Webフレームワークを作ってる話 #osakapy
Webフレームワークを作ってる話 #osakapyWebフレームワークを作ってる話 #osakapy
Webフレームワークを作ってる話 #osakapy
 
HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実HTML5でスマートフォン開発の理想と現実
HTML5でスマートフォン開発の理想と現実
 
CSS Design and Programming
CSS Design and ProgrammingCSS Design and Programming
CSS Design and Programming
 
Java scriptの進化
Java scriptの進化Java scriptの進化
Java scriptの進化
 
ななめ45°から見たJavaOne
ななめ45°から見たJavaOneななめ45°から見たJavaOne
ななめ45°から見たJavaOne
 
Test to net core 3
Test to net core 3Test to net core 3
Test to net core 3
 
Dotnetcore30forwindesktop
Dotnetcore30forwindesktopDotnetcore30forwindesktop
Dotnetcore30forwindesktop
 
Hello, C++ + JavaScript World! - Boost.勉強会 #11 東京
Hello, C++ + JavaScript World! - Boost.勉強会 #11 東京Hello, C++ + JavaScript World! - Boost.勉強会 #11 東京
Hello, C++ + JavaScript World! - Boost.勉強会 #11 東京
 
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
 
Web socket and gRPC
Web socket and gRPCWeb socket and gRPC
Web socket and gRPC
 
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
 
Ruby Sapporo Night Vol4
Ruby Sapporo Night Vol4Ruby Sapporo Night Vol4
Ruby Sapporo Night Vol4
 
SocketStream入門
SocketStream入門SocketStream入門
SocketStream入門
 
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること 【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
 
Keep a diary
Keep a diaryKeep a diary
Keep a diary
 
JavaScript And Keywords
JavaScript And KeywordsJavaScript And Keywords
JavaScript And Keywords
 
サーバサイドの並行プログラミング〜かんたんマルチスレッドプログラミング〜
サーバサイドの並行プログラミング〜かんたんマルチスレッドプログラミング〜サーバサイドの並行プログラミング〜かんたんマルチスレッドプログラミング〜
サーバサイドの並行プログラミング〜かんたんマルチスレッドプログラミング〜
 

Recently uploaded

Recently uploaded (8)

2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
2024年5月17日 先駆的科学計算フォーラム2024 機械学習を用いた新たなゲーム体験の創出の応用
 
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その1) 2024/05/17の勉強会で発表されたものです。
 
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
Hyperledger Fabricコミュニティ活動体験& Hyperledger Fabric最新状況ご紹介
 
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdfネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
ネットワーク可視化 振る舞い検知(NDR)ご紹介_キンドリル202405.pdf
 
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイルLoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
LoRaWAN無位置ロープ型水漏れセンサー WL03A-LB/LSカタログ ファイル
 
Keywordmap overview material/CINC.co.ltd
Keywordmap overview material/CINC.co.ltdKeywordmap overview material/CINC.co.ltd
Keywordmap overview material/CINC.co.ltd
 
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアル
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアルLoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアル
LoRaWAN無位置ロープ式水漏れセンサーWL03A 日本語マニュアル
 
情報を表現するときのポイント
情報を表現するときのポイント情報を表現するときのポイント
情報を表現するときのポイント
 

W3C yokohama-forum-2012-03-kojiishi

  • 1. Koji Ishii W3C CSS/I18N WG Invited Expert March 2012
  • 2. CSS Text Level 3の現状  CSS Writing Modes Level 3の現状 ◦ 現時点で取り得るアクション
  • 3. 仕様の安定化を進めている ◦ 大きな課題が残るものはLevel 4へ ◦ ほかに課題がないか、確認を進めている ◦ 数か月内にEditorからLCリクエストの意向を伝えてある ◦ 残課題のうち、大きなものはtext-transform  text-transform ◦ @text-transformを入れるかどうか ◦ full-size-kana (-epub-fullsize-kana)を残すかどうか
  • 4. 最大の課題はtext-orientation ◦ 文字コードごとの向きの定義が未解決 ◦ 欧文フォントupright時の挙動が未定義  縦中横 ◦ WebKitの実装は少し古いWDを基にしている ◦ text-combine-horizontal  none/all以外の値は未実装+at risk  EPUB 3 (2011/4/28 WD)では-epub-text-combine ◦ text-combine-mode  EPUB 3 (2011/4/28 WD)後に追加、未実装+at risk
  • 5. 経過 ◦ CSS Writing Modesで文字コードごとの向きを定義 ◦ Unicodeで定義し、CSSから参照することを試みる  UTR#50 draft #1, #2, #3  UTR#50 MS Proposal(未公開)  今後 ◦ UTR#50は最短で5月だが、5月ではまだ確定しないと思 われる  現時点で取り得るアクション ◦ 仕様策定 ◦ コンテンツ製作者 ◦ UA/RS実装者
  • 6. 現在までに出てきた案それぞれのレビュー ◦ CSS Writing Modes Level 3元案 ◦ UTR#50 draft #3 ◦ UTR#50 MS Proposal(未公開)  フィードバック先 ◦ UTR#50 Forum: http://www.unicode.org/forum/viewforum.php?f=3 5 ◦ CSS: www-style@w3.org ◦ CSS(日本語): public-html-ig-jp@w3.org
  • 7. 文字の向きが確定しない文字は、全部指定する ◦ spanで囲み、text-orientation: upright/sidewaysを指定 ◦ あるいは :root { text-orientation: upright; } + 個別指定 ◦ 下線・圏点の位置に注意(lang="ja"を指定)  文字コードごとの現状 ◦ かな、漢字は正立 ◦ 半角・全角が対となる全角文字は正立と思われる ◦ 句読点、鍵括弧類なども正立と思われる ◦ ASCII (0x21~0x7E) はおそらく回転?  半角・全角が対のコードを正立する場合は、全角を使用 ◦ text-transform: full-widthは未実装  正立(upright)時には欧文フォントを使わない ◦ font-family: Arial, MS Gothic  ×  外字フォント製作時には縦書き用metricsを含める
  • 8. UA/RS (Safari etc.) JS WebCore etc. cr- Mac CGWin Qt Gtk cr-win … linux
  • 9. WebCore Platforms http://bugs.webkit.org ◦ Mac: 完了(欧文フォント正立時の問題は未解決) ◦ CGWin: bug 48459 ◦ Qt: bug 51584 ◦ Gtk: bug 50619 ◦ Chromium Win: bug 51450 ◦ Chromium Linux: bug 69282 ◦ iOS: 非公開 ◦ Android: ??? ◦ Platform中立の実装を48459で提案中  欧文フォントでupright指定時の挙動 ◦ 仕様不明確、UA依存? ◦ www-styleで議論中
  • 10. Questions?