reactjs / reactjs/ja.react.dev

Fix italic font issues by applying a class to `<em>`'s containing Japanese characters

オープン
#599 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

workflow
主要言語
JavaScript
スター
301
フォーク
190
PR マージ指標
30日以内にマージされた PR はありません

説明

*このタイプの強調*<em></em> に変換されますが、日本語には本来イタリックの概念がないため、以下のような問題が生じています。

  • タイポグラフィ・デザインの観点から言えばよろしくない
  • フォント設定や環境によってはイタリックはそもそも表示されない
  • 表示されたとしても隣の文字と干渉するなど汚いし、気付かれづらい

というわけで、<em> 内に日本語文字が含まれていた場合は <em class="em-ja"> などに変換し、その場合はイタリックではなく太字を適用する、という処理が必要です。以前は #94 のように Gatzby プラグインで処理していますが、新サイトでどうするか調べるところからやる必要があります。

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

まず、新しいサイトが 要素をどのように変換するかを特定し、#94 で参照されている Gatsby plugin の処理を確認します。日本語の文字がどのように検出されるか、また強調スタイルがどこで定義されているかを確認します。日本語を含む強調に個別のクラスと斜体ではなく太字のスタイルが適用され、その他の強調は変更されない状態になれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
documentation, localization
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。