> ## Documentation Index
> Fetch the complete documentation index at: https://docs.box.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Boxウェブアプリで注釈を描画する

export const InlineImage = ({src, alt = "", height = "1em"}) => {
  return <img noZoom src={src} alt={alt} style={{
    display: "inline-block",
    verticalAlign: "middle",
    height: height,
    width: "auto",
    margin: "0"
  }} />;
};

<div className="article_labels_list" style={{display: 'none'}} dangerouslySetInnerHTML={{__html: "web app , End User , Overview , Annotations , Previewing files , Box Preview , Annotating , Article , Product Utilization , Box Web Application , Established"}} />

ウェブ上で描画機能を使用して、Boxに保存されているPDFファイル、画像ファイル、ビデオファイルをマークアップできます。注釈の描画 (丸で囲む、下線や取り消し線を引く、矢印を描くなど) は、テキストや画像への標準的なハイライトだけでなく、注釈を付ける場所をより詳細かつ明確に示すことができます。以下のことが可能です。

* マウスを使って自由に文字を書いたり描画したりする。
* さまざまな色から選択する。
* 注釈を消去する。
* 注釈にコメントを追加して、詳細な情報を提供する。
* Boxの「@メンション」機能を使用して1人以上のコラボレータに自動的に通知する。

Box内のファイルに注釈を付けるには、Boxプレビューでファイルを開きます。プレビュー画面の下に注釈メニューが表示されます。その後、目的の注釈ツールをクリックします。

[注釈を追加できるドキュメントファイルと画像ファイルの形式](/ja/box-fundamentals/for-users/collaborating/sharing-content-using-box/document-and-image-files-you-can-annotate)

[テキストや画像へのハイライトを使用した注釈の追加](/ja/box-fundamentals/for-users/collaborating/sharing-content-using-box/annotating-documents)

**注**

* Boxのすべての注釈と同様、自分が付けた注釈を共有できる相手は、そのファイルでコラボレーションしているユーザーだけです。
* この注釈は、Boxプレビューでのみ表示されるものであり、実際のコンテンツには追加されていません。 ファイルをネイティブアプリケーションで開いた場合、注釈は表示されません。

**注釈を描画するには:**

1. 注釈を描画するファイルをBoxプレビューで開きます。
2. 画面下部に注釈のツールバーが表示されます。

<Frame>
  <img src="https://mintcdn.com/product-docs/KMHkzrLNZXajl-XP/images/box-fundamentals/toolbarhighlighted.png?fit=max&auto=format&n=KMHkzrLNZXajl-XP&q=85&s=400368d8103d083a41c5246a14bac6c7" alt="toolbarhighlighted-png" width="1324" height="997" data-path="images/box-fundamentals/toolbarhighlighted.png" />
</Frame>

1. 走り書きのような描画アイコン (<InlineImage src="/images/shared/scribbleiconbefore.png" alt="scribbleiconbefore-png" />) をクリックします。 再度表示されたツールバーには、色付きの四角形があります。これを使って、描画する線の色を変更できます。

<Frame>
  <img src="https://mintcdn.com/product-docs/5crRvK1JJWJHGVGu/images/box-fundamentals/webpreviewtoolbar.png?fit=max&auto=format&n=5crRvK1JJWJHGVGu&q=85&s=edebde1bb6ceb23a31d25b1911d16fee" alt="webpreviewtoolbar-png" width="904" height="98" data-path="images/box-fundamentals/webpreviewtoolbar.png" />
</Frame>

1. ファイルプレビューの任意の場所でマウスやトラックパッドを長押しして、手書きで描画を開始します。
2. (省略可) デフォルトの描画色は青です。これを変更するには、色付きの四角形 (<InlineImage src="/images/box-fundamentals/colorbox.png" alt="colorbox-png" />) をクリックします。 カラーパレットが表示されたら、希望する色をクリックします。
3. 描画を停止すると (例えば、マウスボタンから指を離すと)、\[**コメント**] ツールバーが表示されます。

<Frame>
  <img src="https://mintcdn.com/product-docs/iPwbarrlsv1nexQc/images/box-fundamentals/commentbarhighlighted.png?fit=max&auto=format&n=iPwbarrlsv1nexQc&q=85&s=9f0fa10b181c118225aeb8fe3d841fa5" alt="commentbarhighlighted-png" width="991" height="916" data-path="images/box-fundamentals/commentbarhighlighted.png" />
</Frame>

1. 説明を追加します。これを行うには、\[**コメントを追加**] をクリックし、空白の行の中をクリックします。 次に、コメントを入力します。

   * 詳細な情報を追加したり、1人以上のユーザーに対して直接コメントしたりできます。
   * コメントを追加するまで、注釈を保存することはできません。

<Frame>
  <img src="https://mintcdn.com/product-docs/FFgx8Ia-ECpN-LGR/images/box-fundamentals/postblankcomment.png?fit=max&auto=format&n=FFgx8Ia-ECpN-LGR&q=85&s=751fb7f4dc900b5cd34043900d68c24a" alt="postblankcomment-png" width="1044" height="780" data-path="images/box-fundamentals/postblankcomment.png" />
</Frame>

1. 完了したら、\[**投稿**] をクリックします。

描画が保存されると、コメントが右側の \[**ファイルアクティビティ**] ペインに表示されます。そこで、コメントを編集または削除できます。これを行うには、変更するコメントの右側にある省略記号 (**...**) をクリックします。

**注**

1人以上のユーザーに注釈に関する通知をするには、@マークの後に続けてユーザーの名前を入力します。名前のリストが表示されるので、目的の名前をクリックします。＠メンションされたユーザーは、メールとBox通知センターの通知が届きます。

<Frame>
  <img src="https://mintcdn.com/product-docs/iPwbarrlsv1nexQc/images/box-fundamentals/commenthighlighted.png?fit=max&auto=format&n=iPwbarrlsv1nexQc&q=85&s=8eb523a44cbc94ec3339aa03717b93f0" alt="commenthighlighted-png" width="974" height="918" data-path="images/box-fundamentals/commenthighlighted.png" />
</Frame>

注釈を含むファイルをコラボレータがプレビューすると、描画に追加されたコメントは、コラボレータの \[**ファイルアクティビティ**] サイドバーに表示されます。 描画された注釈自体は、ドキュメントのプレビュー上に直接表示されます。

**描画の変更**

注釈の作成中に、描画を変更することができます。変更する場合、消しゴム (<InlineImage src="/images/shared/erasericon.png" alt="erasericon-png" />) をクリックします。注釈の任意の部分を消去します。 消しゴムは、少し間違えた部分や注釈の一部分を消したりするのに最適です。

**注釈を元に戻す**

注釈の作成中、元に戻すツールを使用して、前の操作を元に戻すことができます。この場合は、\[**元に戻す**] (<InlineImage src="/images/shared/undoicon.png" alt="undoicon-png" />) をクリックします。\[**元に戻す**] をクリックするたびに、注釈から一画ずつ削除されます。

* 一画とは、描画を開始した時点から描画を停止して指を離した時点までの一続きの線を意味します。 例えば、切れ目のない1本の線は1画で描きますが、点線は2画以上になります。

複数の描画を元に戻すことは可能です。ただし、元に戻せるのは、最後に保存した時点までです。例えば、2つの円を描画し、注釈を保存した後、さらに3つの円を描画した場合、元に戻せるのは、後で描画した3つの円だけです。

元に戻した注釈を再度表示するには、\[**やり直し**] (<InlineImage src="/images/shared/redoicon.png" alt="redoicon-png" />) をクリックします。
