メインコンテンツにスキップ

Docusaurus 2.2

·3分で読めます
Sébastien Lorber
Sébastien Lorber
Docusaurus メンテナー、This Week In React エディター

Docusaurus 2.2 の発表を嬉しく思います。

アップグレードは簡単です。 リリースプロセスのドキュメントで説明したように、マイナーバージョンはセマンティックバージョニングを尊重します。

Docusaurus 2.2 social card

ハイライト​

Mermaid ダイアグラム​

#7490 では、Mermaid ダイアグラムのサポートを追加しました。これにより、最近サポートを追加した GitHub Flavored Markdownとのギャップを埋めます。 Markdownコードブロックを使用してMermaidダイアグラムを作成できます。

```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Health check
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
```
http://localhost:3000

ドキュメントとより高度な例を確認してください

Config headTags​

#8151 では、サイトのすべてのページに任意の HTML <head> タグを適用する機能を追加しました。

docusaurus.config.js
module.exports = {
  headTags: [
    {
      tagName: 'link',
      attributes: {
        rel: 'icon',
        href: '/img/docusaurus.png',
      },
    },
  ],
};

アクセシビリティ​

いくつかのアクセシビリティの改善を行いました

  • #8207: モバイルドロワーのハンバーガーボタンのキーボードナビゲーションを改善
  • #8161: タブのキーボードナビゲーションを改善
  • #8204: コンテンツへのスキップボタンがプログレッシブエンハンスメントをサポート
  • #8174: ライト/ダークモードの切り替え時のスクリーンリーダーのアナウンスを改善

開発者体験​

検証をより厳密にし、エラーメッセージを改善しました

  • #8234: ドキュメントの処理に失敗した場合、問題のあるmarkdownファイルのパスをエラーメッセージに出力
  • #8192および#8159: siteConfig.urlをより厳密に、より良いエラーメッセージで検証
  • #8066: 設定のurlとbaseUrlをフェイルセーフにし、先頭または末尾のスラッシュの有無による影響を軽減

翻訳​

複数の言語のデフォルトテーマ翻訳サポートを完了しました

  • 🇹🇷 #8105: トルコ語の翻訳を完了
  • 🇷🇺 #8253: ロシア語の翻訳を完了
  • 🇫🇷 #8243: フランス語の翻訳を完了
  • 🇯🇵 #8075: 日本語の翻訳を完了
ヒント

テーマの翻訳を完了することは継続的な取り組みであり、Docusaurusに貢献する簡単な方法です。 定期的に新しいテーマ機能を追加しており、そのために多くの場合新しい翻訳が必要になります。

その他の変更​

その他の注目すべき変更点は次のとおりです

  • #8210: docusaurus swizzle CLI に新しい --config オプションを追加
  • #8109: モバイルナビゲーションのパフォーマンス最適化、リソースの事前フェッチを早期化
  • #8059: バージョン/ロケールのナビゲーションバーのドロップダウンがナビゲーション時にハッシュとクエリ文字列を保持
  • #8227: クライアントリダイレクトプラグインがリダイレクト時にハッシュとクエリ文字列を保持

変更の詳細については、2.2.0 の変更履歴エントリを確認してください。