# ヒント

ヒント、またはコールアウトは、チップ、警告、その他の重要な情報など、ドキュメント内の特定の要素に読者の注意を向けさせるのに最適な方法です。

4種類の異なるヒントスタイルがあります — スタイルを変更するには、ブロックの **オプションメニュー** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FaS1QvPIBVYwhpFTGcPBN%2Foptions-menu.svg?alt=media&#x26;token=3ee40bbf-f4fb-41fa-aa30-306b559cbe88" alt="The Options menu icon in GitBook"></picture> を開き、希望のスタイルを選択します。各スタイルにはデフォルトのアイコンが使われていますが、アイコンをクリックして [当社のアイコンセット](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/formatting/inline#icons).

ヒントブロックは [インラインコンテンツ](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/formatting/inline) 、 [の書式設定](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/formatting)をサポートしているほか、いくつかの特定のブロックタイプも使用できます。ヒントで使用できるブロックタイプを確認するには、空行で `/` を押して [挿入パレット](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/blocks/..#inserting-a-new-content-block).

### ヒントブロックの例 <a href="#example-of-a-hint" id="example-of-a-hint"></a>

{% hint style="info" %}
**情報ヒント** は、一般的な情報を示したり、チップやコツを提供したりするのに最適です。
{% endhint %}

{% hint style="success" %}
**成功ヒント** は、ポジティブなアクションや達成を示すのに適しています。
{% endhint %}

{% hint style="warning" %}
**警告ヒント** は、重要な情報や重大ではない警告を示すのに適しています。
{% endhint %}

{% hint style="danger" %}
**危険ヒント** は、破壊的な操作を強調したり、重要な情報に注意を向けさせたりするのに適しています。
{% endhint %}

{% hint style="info" icon="books" %}
このヒントブロックにはカスタムアイコンがあります。
{% endhint %}

{% hint style="info" %}

### **これはH2見出しです**

これは1行です

これはインラインの <img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F0FzoF68PAY3Rv297meNB%2Fcommand.svg?alt=media&#x26;token=b07ff261-6e28-4879-8ab1-039a49f6ab41" alt="The Apple computer command icon" data-size="line"> 画像です

* これは2行目の <mark style="color:オレンジ;background-color:purple;">順序なしリストと色を使った行です</mark>
  {% endhint %}

ヒントに見出しを追加するには、ヒント内の最初のブロックとして見出しブロックを作成する必要があります。

### Markdownでの表現

```markdown
{% hint style="info" %}
**情報ヒント**は、一般的な情報を示したり、チップやコツを提供したりするのに最適です。
{% endhint %}

{% hint style="success" %}
**成功ヒント**は、ポジティブなアクションや達成を示すのに適しています。
{% endhint %}

{% hint style="warning" %}
**警告ヒント**は、重要な情報や重大ではない警告を示すのに適しています。
{% endhint %}

{% hint style="danger" %}
**危険ヒント**は、破壊的な操作を強調したり、重要な情報に注意を向けさせたりするのに適しています。
{% endhint %}

{% hint style="info" %}

{% hint style="info" icon="books" %}
このヒントブロックにはカスタムアイコンがあります。
{% endhint %}

## これはH2見出しです

これは1行です

これはインラインの <img src="../../.gitbook/assets/25_01_10_command_icon_light.svg" alt="Appleコンピュータのコマンドアイコン" data-size="line"> 画像です

- これは順序なしリストと色を使った2行目の <mark style="color:orange;background-color:purple;">行です</mark>
{% endhint %}
```
