CSS研究部Webサイトを立ち上げました|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社エンジニアの「?」を「!」に。CSS研究部Webサイトを立ち上げましたhachi8833シェアツイートブックマークLINEお久しぶりです、hachi8833です。9月に弊社内にてCSS研究部会が結成され、このたび以下の公式ページを公開いたしました。1弊社では日本語縦書きビューアエンジン[超縦書]電子書籍での縦書き表示に力を入れており、CTOのbabaさんを始めとするメンバーが、W3CのCSS仕様と各ブラウザでのCSS実装の違いなどの先進的な課題に日々取り組んでいます。部会での成果は今度上のページにて継続的に発表いたしますので、どうぞご期待ください。ブラウザごとに縦書き表示がいかに異なるかCSS部ページのお披露目代わりに縦書き表示のサンプルをご紹介します。CSS研究部トップページの冒頭に掲載されている縦書きサンプルを使用して、ブラウザによる縦書き表示の違いを確認できます。ご自由にさまざまなブラウザで表示してみてください。IPAex明朝フォントがインストールされていないとこのとおりに表示されないことがありますのでご注意ください。IPAexフォントは情報処理推進機構のIPAexフォントのページから無償でダウンロードできます。(Mac版)Chromeの場合には以下のような既知の問題があります。(Mac版)Firefoxは全滅ですね。開発チームは縦書きに関してかなり苦戦しているとのことです。Nightlyなら縦書きを表示できるとの情報をいただきました。ありがとうございます!momdo_様が公開したスクリーンショットへのリンクを追記いたしました。7.1Chromeと同様の不具合があります。25.0Chrome、Safariと同様の不具合があります。11サンプルを単独で表示しているのでショットが大きくなっています。最後に、弊社の超縦書でレンダリングした結果をご紹介します。超縦書の優位点は以下のとおりです。baseが折り返されているのは実は仕様違反ですが、Chromeのblinkエンジンはrubyが長すぎる場合に違反を承知で折り返しています。サンプル最後の段落の文面にもあるように、現時点の超縦書は熟語ルビについてはまだ対応していません。見てのとおり、これについては他のブラウザも未対応です。iPhoneやAndroidで表示するとまた違う結果になることでしょう。今後のCSS部をどうぞお楽しみに。コボラー、ITコンサル、ローカライズ業界、Rails開発を経てTechRachoの編集・記事作成を担当。チュートリアル第2版の監修および半分程度を翻訳、Railsガイドの初期翻訳ではほぼすべてを翻訳。その後も折に触れて更新翻訳中。enno.jpを運営。実は最近Go言語が好きで、Goで書かれたRubyライクなGoby言語のメンテナーでもある。仕事に関係ないすっとこブログ「あけてくれ」は2000年頃から多少の中断をはさんで継続、現在はnote.muに移転。Storageを使ってはいけない(翻訳)#Tags#会社紹介#自社サービス#勉強会#Rails#PHP#デザイン#実績#週刊RailsウオッチCONTACTお気軽にご相談ください。(翻訳)CONTACTTechRachoでは、パートナーシップをご検討いただける方からのご連絡をお待ちしております。お気軽にご意見・ご相談ください。