コンテンツにスキップ

テーブル

テーブルは、情報を明確な構造で提示することによって、複雑な情報を理解しやすくします。

使用例

テーブルは以下の用途に使用します:

  • データと値の簡単なマッピング
  • 例を伴うカテゴリ
  • 異なる属性を持つもののコレクション

使用法

私たちはドキュメントのために標準のMarkdownテーブルを使用します。

カテゴリ範囲
未計算ボットスコアが0。
自動化ボットスコアが1。
おそらく自動化ボットスコアが2から29。
おそらく人間ボットスコアが30から99。
確認済みボット悪意のない自動トラフィック(検索エンジンやその他のアプリケーションを支えるために使用される)。
Markdown table
| カテゴリ | 範囲 |
| ---- | ---- |
| **未計算** | ボットスコアが0。 |
| **自動化** | ボットスコアが1。 |
| **おそらく自動化** | ボットスコアが2から29。 |
| **おそらく人間** | ボットスコアが30から99。 |
| **確認済みボット** | 悪意のない自動トラフィック(検索エンジンやその他のアプリケーションを支えるために使用される)。 |

ガイドライン

テーブルを使用する際は:

  • テーブルがデスクトップとモバイルの両方のユーザーに適しているか確認してください。
  • テーブルは3列(情報が非常に凝縮されている場合は4列)に制限してください。
  • 長い文や、表形式の表示の目的を損なうほど密度の高い情報は避けてください。

代替手段

情報がガイドラインに収まらない場合は、以下のプレゼンテーション方法を検討してください:

  • リスト
  • サブセクション
  • タブ

大きなテーブル

ガイドラインに記載されているように、私たちは一般的にドキュメント内で大きなテーブルを避けます。

ただし、ユニークな使用例がある場合は、{{</*table-wrap*/>}}ショートコードを使用して、テーブルをレスポンシブでスクロール可能にしてください。

ヘッダー1ヘッダー2ヘッダー3ヘッダー4
テストテストテストテスト
table-wrap example
{{</*table-wrap*/>}}
| ヘッダー1 | ヘッダー2 | ヘッダー3 | ヘッダー4 |
| --- | --- | --- | --- |
| テスト | テスト | テスト | テスト |
{{</*/table-wrap*/>}}