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 月に確認したことはいくつかありましたが、ほとんどは解決されています。ただし、Chromium では、縦書きモードの DevTools オーバーレイに問題があるようです。これは、ブラウザの更新サイクルが常に進化して、ウェブ開発がいかに前進しているかを示す証拠だと思います。
Rachel: これらの問題が解決されたとのこと、安心いたしました。書き込みモードで遊ぶと、単に縦書きのテキストをタイプするよりも多くのユースケースがあると思いますか？
Hui Jing: そうですね、もちろんです。東アジア文字の書体は書記モードの主なユースケースですが、他の書記体系では、印刷雑誌でよく見られるスタイルのように、縦方向のレイアウトを実装するために書記モードを利用できると思います。私にとって、CSS プロパティの組み合わせは CSS が非常に強力である理由です。したがって、Flexbox や grid と書き込みモードを組み合わせることで、ページレベルのボックスからテキスト内の個々の文字に至るまで、レイアウト方向のさまざまな組み合わせが可能になります。今後ウェブデザインの可能性が広がっていることを皆さんが認識するなか、この取り組みが可能性と創造性を解き放つようになれば幸いです。ほんの数年前には想像もつかなかったようなレイアウトやデザインがウェブで見られることを願っています。
Rachel: 私はよく、論理プロパティと論理値を今すぐ使用すべきか、それとも論理プロパティと値をデフォルトにするか、というご質問をいただきます。どのように答えますか。
Hui Jing: 実践的に見ると、マルチスクリプトによるウェブサイトの開発がずっと簡単になるので、これがデフォルトになることを願っています。デフォルトになるかどうかについては、もっと答えるのは非常に困難です。
論理プロパティに関する課題は、長年使用されてきた確立された構文を「置き換え」ることです。また、デフォルトではないスクリプト（上から下まで横方向）のサポートが近年大幅に改善されているという事実も、論理プロパティに関する課題です。ウェブ上のコンテンツは依然として主に英語であるため、この文脈では論理プロパティを使用するケースはあまり強くありません。英語以外の言語を話す人たちが、ウェブ向けのコンテンツをそれぞれの言語で作成するよう働きかけるのであれば、この主張は広まると思います。また、複数の言語のサポートの優先度が高まれば、論理プロパティを使用する価値はさらに顕著になります。
CSS の新機能
Rachel: CSS に追加してほしい機能は何ですか？
Hui Jing: Miriam Suzanne のコンテナクエリの取り組みをしばらく追ってみましたが、スタイルと状態のコンテナ機能についてまだ開発されていない部分は、レスポンシブ デザインのコンセプトを拡大しているため、とてもエキサイティングです。デザインとレイアウトを、ビューポートのサイズ以上のものに対応させることもできます。したがって、コンテインメント モジュールが、さまざまなブラウザ ベンダーの賛同を得ることができるものとなることを願っています。そして近い将来、この点に関して幅広いサポートを受けられるようになることを願っています。
フォローするユーザーを増やす
Rachel: 他に誰がウェブで面白い、面白い、クリエイティブな仕事をしているの？
Hui Jing: CSS アートをしている人にはいつも惹きつけられます。また、Yuan Chuan とその生成 CSS のように、CSS アートワークを圧倒する Ben Evans や、非常に巧妙なテクニックを深く掘り下げる Ana Tudor など、私が長年ファンになっていた人たちもいます。 最近、Julia Miocene と Jackie Zen による、美しい CSS アニメーションを備えた Codepens を見つけました。
Rachel: 詳しくは、Chen Hui Jing のサイト（chenhuijing.com）をご覧ください。