Chen Hui Jing はシンガポール在住の独学でデザイナー兼デベロッパーです。私は CSS、特に英語以外の書記体系について話を聞きました。
この投稿は Designcember の一部です。web.dev がお届けするウェブデザインの祭典。
Chen Hui Jing はシンガポール在住の独学でデザイナー兼デベロッパーです。彼女のブログ（主に CSS に関するもの）やツイート（主にタイポグラフィとウェブに関するもの）からわかるように、CSS が大好きです。フルタイムでバスケットボールをプレイしていた彼女は、トレーニング セッションの合間にウェブでのキャリアをスタートさせました。いつかは外に出て登ってみたいと思っています。CSS、特に英語以外の書記体系についてお話を伺いました。
Rachel: ウェブの設計と開発に至るまでの道のりはどうでしたか？
Hui Jing: 寮に住んでいてフルタイムでバスケットボールをプレイしていたとき、コンピュータの扱いは仲間より少し増えました。コーチ（彼に感謝）は、何年も更新されていない協会のウェブサイトについて何かできると考えていました。ウェブ開発とは何なのかまったくわかっていませんでしたが、解明する時間は十分にあると思っていました。思っていたより楽しかったし、何年も経った今はまだここにいる。
Rachel: CSS にはどのような経緯で入社したのですか？
Hui Jing: 私はもともと視覚的な人物ですから、「指示」を出すことが大切ですすぐに画面にその内容が反映されていることがとても魅力的でした。アプリケーション用のロジックをプログラミングするよりも、はるかに直感的に感じられました。私がウェブに真剣に取り組んでいたころは、CSS の開発が急速に進んでいたため、あまり使用されない実験的なプロパティがたくさんありました。あまり知られていない新機能に出会えて、とてもワクワクしました。
縦書きモードの操作
Rachel: CSS の縦書きモードや、縦書きでの作業に遭遇する楽しいバグについて、たくさんのことを書いてくれました。みんな一緒にスターをつけてほしい、お気に入りのバグはありますか？
Hui Jing: 今年の 5 月に確認したときもいくつかありましたが、ほとんどは解決しています。1 つは、Chromium の縦書きモードの DevTools オーバーレイの問題です。これは、この常時有効なブラウザの更新サイクルが、ウェブ開発をいかに前進させているかを示す証拠だと思います。
Rachel: 問題が修正されたとのこと、安心いたしました。手書き入力モードで試してみたほうがよいユースケースは、単に縦書きの文字を作るだけではありませんか？
Hui Jing: もちろんです。東アジアの文字の組版はライティングモードの主なユースケースですが、他の書記システムでは、紙媒体の雑誌でよく見られるスタイルのように、ライティングモードを利用して縦方向のレイアウトを実装できると思います。私は、CSS プロパティの組み合わせが CSS を強化している理由です。そのため、文書モードを Flexbox やグリッドと併せて使用することで、ページレベルのボックスからテキスト内の個々の文字まで、レイアウト方向をかなり多数用意できます。皆さんが今後のウェブデザインでできることを認識し、可能性と創造性を高めることになると思います。数年前には想像もできなかったようなレイアウトやデザインをウェブで目にすることを目指しています。
Rachel: よく、誰もが論理プロパティと論理値を使用するべきか、それともこれがデフォルトになるかという質問をよく受けます。どのように答えますか。
Hui Jing: 個人的には、これがデフォルトになることを願っています。実用面では、マルチスクリプトによるウェブサイト開発がはるかに簡単になるからです。これがデフォルトになるかどうかについては、一見難しめです。
論理プロパティの課題は、それが「置換」されること長年使用されてきた確立された構文に加え、デフォルトではない水平方向の上から下へのスクリプトのサポートは、ここ数年で大幅に改善されています。ウェブ上のコンテンツは依然として主に英語であるため、論理プロパティを使用するケースは、この文脈ではそれほど力強くありません。英語を話す人以外の人々に、それぞれの言語でウェブのコンテンツを作成するよう働きかけることが、この理念を促進するでしょう。また、複数の言語のサポートの優先度が高まると、論理プロパティを使用する価値がさらに明らかになります。
CSS の新機能
Rachel: CSS に追加してほしい機能は何ですか？
Hui Jing: コンテナクエリに関する Miriam Suzanne の仕事をずっと見てきましたが、スタイルと状態のコンテナ機能に関してまだ開発されていない仕様の部分は、レスポンシブ デザインのコンセプトをかなり拡張できるという点で非常に興味があります。デザインとレイアウトを、ビューポートのサイズ以上のものに反応させることができます。ですから、この封じ込めモジュールは、さまざまなブラウザ ベンダーの間で合意でき、私たちは近い将来、この機能をより幅広くサポートできるようになることを願っています。
ユーザーにフォローするよう促す
Rachel: 他に誰が、今、ウェブで本当に面白くて面白いクリエイティブな仕事をしているのですか？
Hui Jing: 私は常に CSS アートの人に惹かれています。私が長年愛用している Yuan Chuan や、CSS の生成による CSS の作成、Ben Evans など、CSS のアートワークを一気に紹介する Ben Evans や、非常に巧妙なテクニックを深く掘り下げた Ana Tudor もいます。 最近、Julia Miocene と Jackie Zen の Codepens にも出会い、美しい CSS アニメーションが使われています。
Rachel: Chen Hui Jing の詳細については、chenhuijing.com のサイトをご覧ください。