> For the complete documentation index, see [llms.txt](https://docs.flosum.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flosum.com/devops/devops-ja/shii-uiux-heno/saretakdobya.md).

# 改善されたコードビューア

## 概要

コードビューアーは、より洗練され、強力になった体験を提供するよう更新されました。今では、DevOps のどこにコードが表示されても、コードビューアーはすべてのツールで統一された一貫性のある体験を提供します。単一コンポーネント表示と差分表示という 2 つのビューがあり、どちらも同じデザインと流れを共有しています。

ナビゲーションと比較に加えて、コードビューアーには、構文の強調表示、オートコンプリート、括弧の一致、自動インデント、選択範囲の一致、検索と置換など、最新のコードエディターに期待される標準的な編集および表示機能が含まれています。

この記事では、各ビューを詳しく紹介し、DevOps でコードビューアーが使用されている場所のスクリーンショットも掲載しています。新しい DevOps UI の変更点の全体像については、次の記事を参照してください。

* [新着情報](/devops/devops-ja/shii-uiux-heno/xin-zhe-qing-bao.md)

{% hint style="info" %}

#### 一貫した体験

コードビューアーは、DevOps のどこにコードが表示されても見た目と動作が同じになったため、覚えるインターフェースは 1 つだけです。
{% endhint %}

## 単一コンポーネント表示

単一コンポーネント表示には、ファイル移動用の左サイドバーがあり、コンポーネント内のファイルをすばやく切り替えられます。たとえば、ある **ApexClass** には `cls` ファイルと `xml` ファイルがあります。単一コンポーネント表示は、次の場所で確認できます。

* **組織** > **コンポーネント**

  <div align="left"><figure><img src="https://225042527-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRpUu5iMlzMFAudyBvMOl%2Fuploads%2FYKkD72ed3VU475WdshKY%2FImprovedCodeViewer-Single-Branch.png?alt=media&amp;token=b6cf1ea7-7fc9-4102-9b87-ef917f9d3a10" alt="" width="563"><figcaption></figcaption></figure></div>
* **ブランチ** > **コンポーネント**

  <div align="left"><figure><img src="https://225042527-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRpUu5iMlzMFAudyBvMOl%2Fuploads%2FXZCMKHxKKKsQac1ww0Et%2FImprovedCodeViewer-Single-Organization.png?alt=media&amp;token=8f6da681-e276-4308-b8d6-de3be42a0ceb" alt="" width="563"><figcaption></figcaption></figure></div>

## 差分表示

新しい差分ビューアーでは、影響を受ける各コンポーネントとそのファイルが左側のサイドバーメニューに表示されるようになり、ファイルやコンポーネントを簡単に切り替えながら、コードの差分を並べてすばやく比較できます。

差分表示では、同じコードの 2 つのバージョンを並べて比較し、追加、削除、変更された行をマークして、何が変わったのかを正確に強調表示するため、各変更を一目で確認できます。対応する行は両方のペインで揃ったままなので、ファイル内を移動しながら、その変更を周囲のコンテキストまでたどれます。

差分表示は、次の領域で確認できます。

* **プルリクエスト** > **変更されたコンポーネント**

  <div align="left"><figure><img src="https://225042527-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRpUu5iMlzMFAudyBvMOl%2Fuploads%2F4w25lNYqXJ0Nk1yHCoO8%2FImprovedCodeViewer-Diff-PullRequests.png?alt=media&amp;token=616166c3-3bed-43d6-bba1-c07445363506" alt="" width="563"><figcaption></figcaption></figure></div>
* **スマートマージ** > **変更をレビュー**

  <div align="left"><figure><img src="https://225042527-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRpUu5iMlzMFAudyBvMOl%2Fuploads%2F9pO5ogq9mvcPAuZfmzlS%2FImprovedCodeViewer-Diff-SmartMerge.png?alt=media&amp;token=5d9489fc-6700-4d2e-b3ad-7e4bb3c38c80" alt="" width="563"><figcaption></figcaption></figure></div>
* **上書き保護** > **競合を解決**

  <div align="left"><figure><img src="https://225042527-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRpUu5iMlzMFAudyBvMOl%2Fuploads%2F766uZiw8mIoCctPGycnj%2FImprovedCodeViewer-Diff-OverwritePotection.png?alt=media&amp;token=14dc6539-d8e4-4d51-b34b-bb04cdd4b418" alt="" width="563"><figcaption></figcaption></figure></div>
* **ブランチ** > **コミット**

  <div align="left"><figure><img src="https://225042527-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRpUu5iMlzMFAudyBvMOl%2Fuploads%2FGbdC3wVPZtmgfZok28FG%2FImprovedCodeViewer-Diff-Commits.png?alt=media&amp;token=be6380f8-9eb2-4be9-a3cd-2c3fa2ca321c" alt="" width="563"><figcaption></figcaption></figure></div>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.flosum.com/devops/devops-ja/shii-uiux-heno/saretakdobya.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
