Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
カラー絵文字
@makoto_kato
今日はカラー絵文字の話です。標準化も含めて。
日本どころか海外でも最近は使われてます。
で、Firefox OSはどうなのよってところで。
“Emoji”は世界共通語になってしまってるんですが、従来のは(ご存知
の通り)、、、
• 各キャリアごと別の文字コード体系
• ビットマップがそのまま表示される
• 標準化?なにそれおいしいの?
コードポイント
Unicode 6.0に絵文字が含まれた。Not Color.
肌の色の問題とか各国独特な文化とかいろいろ問題があるが、まぁそ
れは置いておく
フォント形式
残念ながらバラバラです
• SVG Font
• SVG OpenType
• Apple’s Color Glyph Format
• Android’s Color Glyph Format
• Microsoft’s Col...
フォント形式
残念ながらバラバラです
• SVG Font
• SVG OpenType
• Apple’s Color Glyph Format
• Android’s Color Glyph Format
• Microsoft’s Col...
Departed?
• SVG Font
• Acid3 Testのためにいくつかのブラウザで実装された
• でも実装が中途半端 (Acid 3 Testをパスするための最低限だった
…)
• MicrosoftとMozillaが実装予定なし
...
標準化?
• SVG OpenType
• Android’s Color Glyph Format
• Microsoft’s Color Glyph Format
現在ここらへんが標準化に向けて動いてます。
SVGOpenType
• OpenTypeにSVGを直接入れてしまう形式
• Mozillaが推してる
• Firefoxにエンジンは入ってる(でもデフォルトオフ)
Android
• Android 4.4で使えるフォーマット
• PNGとか画像を入れられる (Appleも同じような形式)
• “Noto Color Emoji”がこのフォーマット
• FreeTypeがサポートしてる(Googleからの...
Microsoft’s Color Glyph
• Windows 8からサポートしてる形式
• Windows Phoneもたしか。。。(Windows Phone 8.1 Developer Previewの
Internet Explor...
Microsoft‘s Color Glyph
• で、Firefox OSはというと、今のもの(1.2? Or 1.3?)ではサポートしてま
せん
Firefox OS 1.4+
• AndroidのColor Emoji Formatが使えます
• でもダウンロードフォントでは使えません
• 標準ではAndroid同様Noto Color Emoji
• ベンダによってはSVGOpenT...
Firefox OS feature…
• Microsoftのフォーマットも使えるように今開発してます
• Firefox OSじゃなくても、デスクトップ版でも
• ダウンロードフォントもサポート予定
なので、今後標準化されるであろうフォント...
References
• MPEG(SC29/WG11) Open Font Format
• https://groups.yahoo.com/neo/groups/mpeg-OTspec/info
• Color Emoji support...
Emoji
Emoji
Emoji
Emoji
Emoji
Upcoming SlideShare
Loading in …5
×

Emoji

4,644 views

Published on

  • Be the first to comment

Emoji

  1. 1. カラー絵文字 @makoto_kato
  2. 2. 今日はカラー絵文字の話です。標準化も含めて。 日本どころか海外でも最近は使われてます。 で、Firefox OSはどうなのよってところで。
  3. 3. “Emoji”は世界共通語になってしまってるんですが、従来のは(ご存知 の通り)、、、 • 各キャリアごと別の文字コード体系 • ビットマップがそのまま表示される • 標準化?なにそれおいしいの?
  4. 4. コードポイント Unicode 6.0に絵文字が含まれた。Not Color. 肌の色の問題とか各国独特な文化とかいろいろ問題があるが、まぁそ れは置いておく
  5. 5. フォント形式 残念ながらバラバラです • SVG Font • SVG OpenType • Apple’s Color Glyph Format • Android’s Color Glyph Format • Microsoft’s Color Glyph Format
  6. 6. フォント形式 残念ながらバラバラです • SVG Font • SVG OpenType • Apple’s Color Glyph Format • Android’s Color Glyph Format • Microsoft’s Color Glyph Format
  7. 7. Departed? • SVG Font • Acid3 Testのためにいくつかのブラウザで実装された • でも実装が中途半端 (Acid 3 Testをパスするための最低限だった …) • MicrosoftとMozillaが実装予定なし • Apple’s Format • Mac OS X 10.7以降で使える。iOSもたしか形式も一緒 • 元をただせばSoftbankが(略 • 現在標準化に興味なし
  8. 8. 標準化? • SVG OpenType • Android’s Color Glyph Format • Microsoft’s Color Glyph Format 現在ここらへんが標準化に向けて動いてます。
  9. 9. SVGOpenType • OpenTypeにSVGを直接入れてしまう形式 • Mozillaが推してる • Firefoxにエンジンは入ってる(でもデフォルトオフ)
  10. 10. Android • Android 4.4で使えるフォーマット • PNGとか画像を入れられる (Appleも同じような形式) • “Noto Color Emoji”がこのフォーマット • FreeTypeがサポートしてる(Googleからの貢献) • Firefox for Androidも今後サポートするよ! (Firefox 30)
  11. 11. Microsoft’s Color Glyph • Windows 8からサポートしてる形式 • Windows Phoneもたしか。。。(Windows Phone 8.1 Developer Previewの Internet Explorerでは使えないみたいだけど) • なのでWindows 8以降のInternet Explorerでは使えます • “Segoe UI Emoji”がこのフォーマット (CSSで指定すれば使える) • 複数のグリフを重ね合わせてつくる形式
  12. 12. Microsoft‘s Color Glyph
  13. 13. • で、Firefox OSはというと、今のもの(1.2? Or 1.3?)ではサポートしてま せん
  14. 14. Firefox OS 1.4+ • AndroidのColor Emoji Formatが使えます • でもダウンロードフォントでは使えません • 標準ではAndroid同様Noto Color Emoji • ベンダによってはSVGOpenTypeを有効にできます • ダウンロードフォントでも使えます
  15. 15. Firefox OS feature… • Microsoftのフォーマットも使えるように今開発してます • Firefox OSじゃなくても、デスクトップ版でも • ダウンロードフォントもサポート予定 なので、今後標準化されるであろうフォント形式はすべてFirefox OSで あればサポートされるよ!
  16. 16. References • MPEG(SC29/WG11) Open Font Format • https://groups.yahoo.com/neo/groups/mpeg-OTspec/info • Color Emoji support in OpenType • https://code.google.com/p/color-emoji/ • SVG glyphs for OpenType Community Group • http://www.w3.org/community/svgopentype/

×