Skip to main content

記事でのツール スイッチャーの作成

ツール スイッチャーを使うと、特定のツールを使ってタスクを行う方法を示すことができます。

ツール スイッチャーについて

一部の記事の内容は、さまざまなツールに合わせて書かれています (GitHub UI、GitHub CLI、GitHub Desktop、cURL、Codespaces、VS Code、GraphQL API など)。概念や手順に関する情報はツールによって異なる場合があるため、ツール スイッチャーを使うと、ユーザーはツールを選んで、そのツールに関連する内容のみを見ることができます。 ユーザーは、ドキュメントを読むとき、2 つの方法でツール スイッチャーを使用できます。

探索 異なるツールを使って完了できるタスクの場合、ツール スイッチャーは、タスクを実行できる複数の方法があることをユーザーに示します。 たとえば、GitHub UI の代わりに、GitHub CLI や GitHub Desktop を使うような場合です。

要点を示す ユーザーがタスクの実行方法を知っていて、追加のオプションを見る必要がない場合、ツール スイッチャーにより関連性の低い内容が削除されるので、必要なものを正確に見つけることができます。

ツール タグの使用

ツールごとに情報を分けるには、ツール タグを使います。 まれに、新しいツールを追加することがあります。

ツール タグはキーと値のペアです。 キーは、記事でツールを参照するために使うタグであり、値は、記事の先頭にあるツール ピッカーでツールを識別する方法です。 既存のツールは、GitHub Docs リポジトリの lib/all-tools.js にあります。

どのようなときにツール タグを使用するか

ツール タグを使うのは、ユーザーがタスクを実行するのに役立つツール固有の情報を、記事に含める必要がある場合のみです。 タスクの概念情報または手順が、ユーザーが使うツールによって大きく異なり、ユーザーが異なるツールを使ってタスクを実行できるようにしたい場合は、ツール タグを使って、関連情報を記事で提供します。

異なる言語で例を示すためだけに、ツール スイッチャーを使わないでください。 ツール スイッチャーは、ユーザーが使うツールに基づいて、記事で説明するタスクまたは概念を変更する場合にのみ使ってください。

ツール タグの使用方法

ツール タグは、ツールに固有の内容をラップする Liquid タグです。

ツールをアルファベット順に配置します。 既定では、最初のツール タグが記事に選択されます。 記事のフロントマッターで defaultTool: プロパティを指定することで、記事に対して別の既定のツールを定義できます。 詳しくは、content の README をご覧ください。

また、リンクの末尾に ?tool=TOOLNAME を追加することで、選ばれた特定のツールに関する記事にリンクすることもできます。 詳しくは、「スタイル ガイド」を参照してください。

1 つの記事に含めることができる異なるツールは、最大 8 個のみです。 それより多くのツールを含めると、記事の目次でツール スイッチャー タブがオーバーフローし、ユーザーがツール スイッチャーまたは目次を使えなくなります。 1 つの記事に 8 つの個別のツールを含めることが必要になることはほとんどありません。 一般に、1 つの記事で使う個別のツールは、できるだけ少なくなるように計画してください。

新しいツールの追加

GitHub Docs には、GitHub の製品、GitHub が開発したツール、GitHub と共同で開発されたいくつかのサードパーティ製拡張機能に関するツールタグが文書化され、保持されています。

新しいツールは、特定のユーザーのニーズに沿う内容を正確に文書化する唯一の方法である場合にのみ追加されます。 記事を書いていて、何かを正確に文書化するには、新しいツールを追加する以外の方法がないと判断した場合は、コンテンツ設計計画でその新しいツールについて説明する必要があります。 コンテンツ設計計画をレビューするユーザーは、新しいツールを追加せずにドキュメントのニーズに対処する代替方法を検討する必要があります。 新しいツールが正確なドキュメントを作成する唯一の方法である場合は、新しいツールを追加する必要があります。 新しいツールを追加しない代替コンテンツ ソリューションがある場合は、そのオプションを使う必要があります。

新しいツールを追加するには、lib/all-tools.js ファイル内の allTools オブジェクトに、キーと値のペアとしてエントリを追加します。 新しいツールをアルファベット順に追加します。