chore: run image codemod on files to restore image aliasing

codemods/convertMDXImages/convertImages.js

@@ -237,7 +237,8 @@ const createAST = () => {
  * on every mdx file.
  * @returns {Array} - Resolved results from Promise
  */
-const runConvertImages = async () => {
+const runConvertImages = async (paths = []) => {
+  let filePaths = [];
   const processor = unified()
     .use(remarkParse)
     .use(remarkStringify, {
@@ -251,12 +252,11 @@ const runConvertImages = async () => {
     .use(fencedCodeBlock)
     .use(convertImages);
 
-  let filePaths = process.argv.slice(2);
-  if (filePaths.length === 1) {
-    filePaths = glob.sync(path.join(process.cwd(), filePaths[0], '**/*.mdx'));
+  if (paths.length === 1) {
+    filePaths = glob.sync(path.join(process.cwd(), paths[0]));
   }
 
-  if (filePaths.length === 0) {
+  if (paths.length === 0) {
     filePaths = glob.sync(
       path.join(
         __dirname,
@@ -265,6 +265,8 @@ const runConvertImages = async () => {
     );
   }
 
+  console.info('Applying codemod to the following files:', filePaths);
+
   const allResults = await Promise.all(
     filePaths.map(async (filePath) => {
       const fileData = fs.readFileSync(filePath, 'utf-8');
@@ -276,4 +278,18 @@ const runConvertImages = async () => {
   return allResults;
 };
 
+// const main = async (paths) => {
+//   try {
+//     console.info('Running codemod...');
+//     await runConvertImages(paths);
+//     console.info('Completed');
+//   } catch (error) {
+//     console.warn(error);
+//   }
+// };
+
+// main([
+//   '/Users/clang/Sites/docs-website/src/i18n/content/jp/docs/accounts/accounts-billing/new-relic-one-user-management/user-management-ui-and-tasks.mdx',
+// ]);
+
 module.exports = { runConvertImages };

src/i18n/content/jp/docs/accounts/accounts-billing/new-relic-one-user-management/user-management-concepts.mdx

@@ -8,6 +8,12 @@ metaDescription: 'For users on New Relic One user model: how permissions work, i
 translationType: human
 ---
 
+import organizationAndAccessUiDefaultGroups from 'images/organization-and-access-ui-default-groups.png'
+
+import userManagementDiagram from 'images/user-management-diagram.png'
+
+import newRelicUserCapabilitiesUi from 'images/new-relic-user-capabilities-ui.png'
+
 ここでは、New Relicユーザーが特定の機能や特定のアカウントにアクセスする方法について説明します。
 
 ## 権限の主な制御方法：ユーザータイプとロール [#user-type-groups-relation]
@@ -32,11 +38,15 @@ New RelicユーザーがNew Relicのアカウントまたは機能にアクセ
 
 最初にNew Relicにサインアップすると、組織にはデフォルトの[**ユーザー**または**管理者**グループ](/docs/accounts/accounts-billing/new-relic-one-user-management/user-management-concepts#groups)に関連付けられたアクセス権限が組み込まれます。たとえば、**管理者**グループには、組織関連およびユーザー管理関連の高度な管理者機能を含む、グループ内のすべてのユーザーに広範なNew Relicアクセス権限を付与するいくつかのアクセス権限があります。
 
-![New Relicの組織を使用してUI - デフォルトのアクセス権](./images/organization-and-access-ui-default-groups.png "New Relicの組織を使用してUI - デフォルトのアクセス権") <figcaption>**組織を使用して**UIのビュー。デフォルトのグループ（**管理者**と**ユーザー**）が、a)特定のロール、b)特定のアカウント、または組織全体のいずれかとグループを関連付けるアクセス権限を持っていることを示しています。（このUIは、[New Relic Oneのユーザーモデル](/docs/accounts/original-accounts-billing/original-users-roles/overview-user-models)のユーザーのみが使用できることに注意してください。）</figcaption>
+<img title="New Relicの組織を使用してUI - デフォルトのアクセス権" alt="New Relicの組織を使用してUI - デフォルトのアクセス権" src={organizationAndAccessUiDefaultGroups}/> <figcaption>**組織を使用して**UIのビュー。デフォルトのグループ（**管理者**と**ユーザー**）が、a)特定のロール、b)特定のアカウント、または組織全体のいずれかとグループを関連付けるアクセス権限を持っていることを示しています。（このUIは、[New Relic Oneのユーザーモデル](/docs/accounts/original-accounts-billing/original-users-roles/overview-user-models)のユーザーのみが使用できることに注意してください。）</figcaption>
 
 以下は、アクセス権限がどのように機能するか、また、より大規模な組織にどのように関連しているかを示す図です。
 
-![New Relicユーザー管理の図](./images/user-management-diagram.png "user-management-diagram.png")
+<img
+  title="user-management-diagram.png"
+  alt="New Relicユーザー管理の図"
+  src={userManagementDiagram}
+/>
 
 <figcaption>
   アクセス権限を使用して、ユーザーグループへの特定のロールと特定のアカウント（または組織全体）を付与する方法を示す図。
@@ -134,13 +144,11 @@ New Relicユーザーは、機能やアカウントにアクセスするため
       </td>
 
       <td>
-        当社のプラットフォーム機能（APM UIやブラウザ監視UIなど）へのアクセスを提供しますが、これらの機能を設定するための権限がなく、組織レベルおよびユーザー管理の権限がありません。このロールは、基本的には**すべての製品管理者**ロールであり、プラットフォーム機能を設定する機能はありません。  
-
+        当社のプラットフォーム機能（APM UIやブラウザ監視UIなど）へのアクセスを提供しますが、これらの機能を設定するための権限がなく、組織レベルおよびユーザー管理の権限がありません。このロールは、基本的には**すべての製品管理者**ロールであり、プラットフォーム機能を設定する機能はありません。
       </td>
 
       <td>
-        任意。推奨：コアまたはフルプラットフォーム。  
-
+        任意。推奨：コアまたはフルプラットフォーム。
       </td>
     </tr>
 
@@ -285,7 +293,7 @@ New Relicユーザーは、機能やアカウントにアクセスするため
 
 ロールは、[標準ロール](#standard-roles)またはカスタムロールのいずれであるかを問わず、機能のセットです。ロールにどのような機能があるかを確認するには、[**組織とアクセス**UI](/docs/accounts/accounts-billing/new-relic-one-user-management/user-management-ui-and-tasks#where)へ移動して特定のロールを表示します。
 
-![New Relicユーザー機能UIのスクリーンショット](./images/new-relic-user-capabilities-ui.png "New Relicユーザー機能のスクリーンショット") <figcaption>[**すべての製品管理者**ロール](#standard-roles)に関連付けられている機能の表示。カスタムロールを作成する場合は、カスタム機能のセットを選択できます。UIで表示される機能は時間の経過とともに変更される可能性があります。このスクリーンショットは2022年1月に撮影されたものです。</figcaption>
+<img title="New Relicユーザー機能のスクリーンショット" alt="New Relicユーザー機能UIのスクリーンショット" src={newRelicUserCapabilitiesUi}/> <figcaption>[**すべての製品管理者**ロール](#standard-roles)に関連付けられている機能の表示。カスタムロールを作成する場合は、カスタム機能のセットを選択できます。UIで表示される機能は時間の経過とともに変更される可能性があります。このスクリーンショットは2022年1月に撮影されたものです。</figcaption>
 
 一部の標準ロールでは、カスタムロールを構築するときに選択できない機能は非表示になっています。詳細については、[標準ロール](#standard-roles)を参照してください。また、ロールUIには、アカウントスコープのロールが表示されますが、組織スコープのロール（**組織マネージャー**および**認証ドメインマネージャー**は表示**されません**。
 
@@ -328,4 +336,4 @@ ProおよびEnterpriseエディションの組織は、[アクセス権限](#und
 
 * [**認証ドメイン**](/docs/accounts/accounts-billing/new-relic-one-pricing-users/configure-authentication-domains)には、New Relicに追加され、同じ方法でNew Relicにログインする一連のユーザーが含まれます。たとえば、ユーザー名/パスワードでログインするユーザー用の認証ドメインと、SAMLでログインするユーザー用の認証ドメインが1つあるとします。
 
-* ユーザーが[基本ユーザー](/docs/accounts/accounts-billing/new-relic-one-user-management/user-type)である場合、これはロール関連の制限よりも優先されます。この詳細については、[基本ユーザーおよびロール](/docs/accounts/accounts-billing/new-relic-one-user-management/user-management-concepts/#user-type-groups-relation)を参照してください。
+* ユーザーが[基本ユーザー](/docs/accounts/accounts-billing/new-relic-one-user-management/user-type)である場合、これはロール関連の制限よりも優先されます。この詳細については、[基本ユーザーおよびロール](/docs/accounts/accounts-billing/new-relic-one-user-management/user-management-concepts/#user-type-groups-relation)を参照してください。

src/i18n/content/jp/docs/accounts/accounts-billing/new-relic-one-user-management/user-management-ui-and-tasks.mdx

@@ -8,6 +8,10 @@ metaDescription: Explanation of New Relic's user management UI and how to do som
 translationType: human
 ---
 
+import newRelicOneUserMgmt from 'images/new-relic-one-user-mgmt.png'
+
+import userManagementEditUserType from 'images/user-management-edit-user-type.png'
+
 <Callout title="新規ユーザーモデル">
   このドキュメントは、[New Relic Oneのユーザーモデル](/docs/accounts/original-accounts-billing/original-users-roles/overview-user-models)を使用しているユーザーの管理に関するものです。
 </Callout>
@@ -19,7 +23,7 @@ translationType: human
 [New Relic Oneのユーザーモデル](/docs/accounts/original-accounts-billing/original-product-based-pricing/overview-user-models)のユーザーの場合、ユーザー管理オプションを見つけるには：[アカウントドロップダウン](/docs/using-new-relic/welcome-new-relic/get-started/glossary#account-dropdown)リストから、**管理** を選択します。ここには、2つのユーザー管理UIページがあります。
 
 * **ユーザー管理**：ユーザーの追加、[ユーザータイプの更新](#edit-user-type)、ユーザーに割り当てられたグループの管理、ユーザーアップグレードのリクエストの承認に使用します。
-* **‬組織およびアクセス**：このUIを使用して、グループ、ロール、アクセス許可を作成および管理します。認証ドメインUIを使用して、SAML SSOおよびSCIMプロビジョニングを設定します。
+* **組織およびアクセス**：このUIを使用して、グループ、ロール、アクセス許可を作成および管理します。認証ドメインUIを使用して、SAML SSOおよびSCIMプロビジョニングを設定します。
 
 ユーザー管理UI動作のビデオを視聴しますか？[ユーザー管理ビデオ](/docs/accounts/accounts-billing/new-relic-one-user-management/user-mgmt-videos)を参照してください。
 
@@ -48,7 +52,11 @@ translationType: human
 
 ## 一般的なユーザー管理タスク [#workflow]
 
-![New Relic Oneの組織を使用してUI](./images/new-relic-one-user-mgmt.png "New Relic Oneの組織を使用してUI") <figcaption>**組織を使用して**UIでは、アクセス権限、カスタムグループ、カスタムロールを作成し、認証ドメインを設定できます。</figcaption>
+<img
+  title="New Relic Oneの組織を使用してUI"
+  alt="New Relic Oneの組織を使用してUI"
+  src={newRelicOneUserMgmt}
+/> <figcaption>**組織を使用して**UIでは、アクセス権限、カスタムグループ、カスタムロールを作成し、認証ドメインを設定できます。</figcaption>
 
 ここでは、ユーザー管理手順の例をいくつかご紹介します。
 
@@ -71,16 +79,20 @@ translationType: human
     * [ユーザーダウングレードのルール](/docs/accounts/accounts-billing/new-relic-one-pricing-billing/user-count-billing#user-downgrade-rules)
     * [自動ユーザー管理](/docs/accounts/accounts/automated-user-management/automated-user-provisioning-single-sign)を使用している場合は、[ユーザータイプを管理するための他のオプションがあります](/docs/accounts/accounts-billing/new-relic-one-user-management/authentication-domains-saml-sso-scim-more/#user-upgrade)。
 
-    複数のユーザーのユーザータイプを変更するには、次の手順に従います。
+      複数のユーザーのユーザータイプを変更するには、次の手順に従います。
 
     1. [**ユーザー管理**UI](#where)から、編集するユーザータイプのユーザーのチェックボックスをクリックします。
     2. ユーザーの選択を開始すると、**編集タイプ**のオプションが表示されます。
 
-    また、そのユーザーをクリックして、特定のユーザーのユーザータイプとグループを編集することもできます。
+       また、そのユーザーをクリックして、特定のユーザーのユーザータイプとグループを編集することもできます。
 
-    ![New Relicユーザー管理UI - ユーザータイプの編集](./images/user-management-edit-user-type.png "UIでのユーザータイプの編集")
+       <img
+         title="UIでのユーザータイプの編集"
+         alt="New Relicユーザー管理UI - ユーザータイプの編集"
+         src={userManagementEditUserType}
+       />
 
-    ユーザーがユーザータイプのアップグレード方法を管理するには、[認証ドメインの設定](/docs/accounts/accounts-billing/new-relic-one-user-management/authentication-domains-saml-sso-scim-more/#user-upgrade)を参照してください。
+       ユーザーがユーザータイプのアップグレード方法を管理するには、[認証ドメインの設定](/docs/accounts/accounts-billing/new-relic-one-user-management/authentication-domains-saml-sso-scim-more/#user-upgrade)を参照してください。
   </Collapser>
 
   <Collapser
@@ -138,4 +150,4 @@ translationType: human
 
 ## 変更の追跡 [#track-changes]
 
-ユーザー管理アクションを含む、アカウントへの変更の監査ログを確認するには、[`NrAuditEvent`](/docs/insights/insights-data-sources/default-data/nrauditevent-event-data-query-examples)をクエリできます。
+ユーザー管理アクションを含む、アカウントへの変更の監査ログを確認するには、[`NrAuditEvent`](/docs/insights/insights-data-sources/default-data/nrauditevent-event-data-query-examples)をクエリできます。

src/i18n/content/jp/docs/accounts/original-accounts-billing/original-users-roles/overview-user-models.mdx

@@ -8,6 +8,8 @@ metaDescription: An introduction to our two user models and how to find the user
 translationType: human
 ---
 
+import newRelicOneUserModelUserPreferences from 'images/new-relic-one-user-model-user-preferences.png'
+
 New Relicには、**元のユーザーモデル**と呼ばれる旧ユーザーモデルと、**New Relic Oneのユーザーモデル**（2020年7月にリリース）と呼ばれる新規ユーザーモデルの2つのユーザーモデルがあります。
 
 ## 必要なドキュメントの検索 [#docs]
@@ -32,7 +34,11 @@ New Relicには、**元のユーザーモデル**と呼ばれる旧ユーザー
 
 New Relicにログインすると、そのログインに関連付けられているユーザーレコードはどちらかのユーザーモデルになります。どのユーザーモデルが適用されているかを判断するには、[アカウントドロップダウン](/docs/using-new-relic/welcome-new-relic/get-started/glossary#account-dropdown)リストから**ユーザーの環境設定**を選択します。下のUIが表示される場合は、New Relic Oneのユーザーモデルが適用されています。より多くのコンテンツを含む別のUIが表示される場合は、元のユーザーモデルが適用されています（[元のユーザードキュメント](/docs/accounts/original-accounts-billing/original-users-roles)を参照）。
 
-![New Relic Oneのユーザーモデル - ユーザーの環境設定](./images/new-relic-one-user-model-user-preferences.png "new-relic-user-preferences-new-user-model.png")
+<img
+  title="new-relic-user-preferences-new-user-model.png"
+  alt="New Relic Oneのユーザーモデル - ユーザーの環境設定"
+  src={newRelicOneUserModelUserPreferences}
+/>
 
 New Relic Oneのユーザーモデルでユーザーを管理できるかどうかを判断するには、[ユーザーの管理](/docs/accounts/accounts-billing/new-relic-one-pricing-users/add-manage-users-groups-roles#where)を参照してください。
 
@@ -81,4 +87,4 @@ New Relicにログインすると、ログインに関連付けられている
 
 ## ユーザーモデルと価格設定モデルの関係 [#relation-to-pricing]
 
-ユーザーモデルは、当社の2つの価格設定モデルには直接関連していません。これらがどのように関係しているかについては、[価格設定モデルおよびユーザーモデル](/docs/accounts/original-accounts-billing/original-product-based-pricing/overview-pricing-models/#pricing-user-table)を参照してください。
+ユーザーモデルは、当社の2つの価格設定モデルには直接関連していません。これらがどのように関係しているかについては、[価格設定モデルおよびユーザーモデル](/docs/accounts/original-accounts-billing/original-product-based-pricing/overview-pricing-models/#pricing-user-table)を参照してください。