diff --git a/dictation_client/src/api/api.ts b/dictation_client/src/api/api.ts
index 2b0b5d9..ed33472 100644
--- a/dictation_client/src/api/api.ts
+++ b/dictation_client/src/api/api.ts
@@ -361,72 +361,72 @@ export interface GetLicenseSummaryRequest {
  * @interface GetLicenseSummaryResponse
  */
 export interface GetLicenseSummaryResponse {
-  /**
-   *
-   * @type {LicenseSummaryInfo}
-   * @memberof GetLicenseSummaryResponse
-   */
-  totalLicense: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  allocatedLicense: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  reusableLicense: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  freeLicense: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  expiringWithin14daysLicense: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  issueRequesting: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  numberOfRequesting: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  shortage: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  storageSize: number;
-  /**
-   *
-   * @type {number}
-   * @memberof GetLicenseSummaryResponse
-   */
-  usedSize: number;
-  /**
-   *
-   * @type {boolean}
-   * @memberof GetLicenseSummaryResponse
-   */
-  isAccountLock: boolean;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'totalLicense': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'allocatedLicense': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'reusableLicense': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'freeLicense': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'expiringWithin14daysLicense': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'issueRequesting': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'numberOfRequesting': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'shortage': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'storageSize': number;
+    /**
+     * 
+     * @type {number}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'usedSize': number;
+    /**
+     * 
+     * @type {boolean}
+     * @memberof GetLicenseSummaryResponse
+     */
+    'isAccountLock': boolean;
 }
 /**
  * 
diff --git a/dictation_client/src/common/errors/code.ts b/dictation_client/src/common/errors/code.ts
index c296113..da8a766 100644
--- a/dictation_client/src/common/errors/code.ts
+++ b/dictation_client/src/common/errors/code.ts
@@ -25,4 +25,5 @@ export const errorCodes = [
   "E010301", // メールアドレス登録済みエラー
   "E010302", // authorId重複エラー
   "E010401", // PONumber重複エラー
+  "E010601", // タスク変更不可エラー
 ] as const;
diff --git a/dictation_client/src/features/auth/utils.ts b/dictation_client/src/features/auth/utils.ts
index b134894..9b28f49 100644
--- a/dictation_client/src/features/auth/utils.ts
+++ b/dictation_client/src/features/auth/utils.ts
@@ -1,6 +1,6 @@
 import { ConfigurationParameters } from "api";
 import { decodeToken } from "../../common/decodeToken";
-import { ADMIN_ROLES } from "../../components/auth/constants";
+import { ADMIN_ROLES, USER_ROLES } from "../../components/auth/constants";
 
 /**
  * Get access token
@@ -66,3 +66,16 @@ export const isAdminUser = (): boolean => {
   }
   return token.role.includes(ADMIN_ROLES.ADMIN);
 };
+
+/**
+ * is author user ログインしているユーザがAuthorかどうかを返す
+ * @returns bool
+ */
+export const isAuthorUser = (): boolean => {
+  const jwt = loadAccessToken();
+  const token = jwt ? decodeToken(jwt) : null;
+  if (!token) {
+    return false;
+  }
+  return token.role.includes(USER_ROLES.AUTHOR);
+};
diff --git a/dictation_client/src/features/dictation/dictationSlice.ts b/dictation_client/src/features/dictation/dictationSlice.ts
index 31a4f55..009d47f 100644
--- a/dictation_client/src/features/dictation/dictationSlice.ts
+++ b/dictation_client/src/features/dictation/dictationSlice.ts
@@ -1,6 +1,12 @@
 import { PayloadAction, createSlice } from "@reduxjs/toolkit";
+import { Assignee, Task } from "api/api";
 import { DictationState } from "./state";
-import { getSortColumnAsync, listTasksAsync } from "./operations";
+import {
+  getSortColumnAsync,
+  listTasksAsync,
+  listTypistGroupsAsync,
+  listTypistsAsync,
+} from "./operations";
 import {
   SORTABLE_COLUMN,
   DIRECTION,
@@ -17,11 +23,18 @@ const initialState: DictationState = {
     offset: 0,
     total: 0,
     tasks: [],
+    typists: [],
+    typistGroups: [],
   },
   apps: {
     displayInfo: INIT_DISPLAY_INFO,
     direction: DIRECTION.ASC,
     paramName: SORTABLE_COLUMN.JobNumber,
+    selectedTask: undefined,
+    assignee: {
+      selected: [],
+      pool: [],
+    },
   },
 };
 
@@ -50,6 +63,37 @@ export const dictationSlice = createSlice({
       const { paramName } = action.payload;
       state.apps.paramName = paramName;
     },
+    changeSelectedTask: (state, action: PayloadAction<{ task: Task }>) => {
+      const { task } = action.payload;
+      state.apps.selectedTask = task;
+    },
+    changeAssignee: (
+      state,
+      action: PayloadAction<{ selected: Assignee[] }>
+    ) => {
+      const { selected } = action.payload;
+
+      const typists = state.domain.typists.map(
+        (x) => ({ typistUserId: x.id, typistName: x.name } as Assignee)
+      );
+      const typistGroups = state.domain.typistGroups.map(
+        (x) => ({ typistGroupId: x.id, typistName: x.name } as Assignee)
+      );
+
+      const transcriptionists = [...typists, ...typistGroups];
+
+      const pool = transcriptionists.filter(
+        (x) =>
+          selected.find(
+            (assign) =>
+              assign.typistGroupId === x.typistGroupId &&
+              assign.typistUserId === x.typistUserId
+          ) === undefined
+      );
+
+      state.apps.assignee.selected = selected;
+      state.apps.assignee.pool = pool;
+    },
   },
   extraReducers: (builder) => {
     builder.addCase(listTasksAsync.fulfilled, (state, action) => {
@@ -62,10 +106,21 @@ export const dictationSlice = createSlice({
       state.apps.direction = action.payload.direction;
       state.apps.paramName = action.payload.paramName;
     });
+    builder.addCase(listTypistsAsync.fulfilled, (state, action) => {
+      state.domain.typists = action.payload.typists;
+    });
+    builder.addCase(listTypistGroupsAsync.fulfilled, (state, action) => {
+      state.domain.typistGroups = action.payload.typistGroups;
+    });
   },
 });
 
-export const { changeDisplayInfo, changeDirection, changeParamName } =
-  dictationSlice.actions;
+export const {
+  changeDisplayInfo,
+  changeDirection,
+  changeParamName,
+  changeSelectedTask,
+  changeAssignee,
+} = dictationSlice.actions;
 
 export default dictationSlice.reducer;
diff --git a/dictation_client/src/features/dictation/operations.ts b/dictation_client/src/features/dictation/operations.ts
index c4bddbf..18963cc 100644
--- a/dictation_client/src/features/dictation/operations.ts
+++ b/dictation_client/src/features/dictation/operations.ts
@@ -2,7 +2,15 @@ import { createAsyncThunk } from "@reduxjs/toolkit";
 import type { RootState } from "app/store";
 import { getTranslationID } from "translation";
 import { openSnackbar } from "features/ui/uiSlice";
-import { TasksResponse, TasksApi, UsersApi } from "../../api/api";
+import {
+  TasksResponse,
+  TasksApi,
+  UsersApi,
+  AccountsApi,
+  GetTypistsResponse,
+  GetTypistGroupsResponse,
+  Assignee,
+} from "../../api/api";
 import { Configuration } from "../../api/configuration";
 import { ErrorObject, createErrorObject } from "../../common/errors";
 import {
@@ -162,3 +170,133 @@ export const updateSortColumnAsync = createAsyncThunk<
     return thunkApi.rejectWithValue({ error });
   }
 });
+
+export const listTypistsAsync = createAsyncThunk<
+  GetTypistsResponse,
+  void,
+  {
+    // rejectした時の返却値の型
+    rejectValue: {
+      error: ErrorObject;
+    };
+  }
+>("dictations/listTypistsAsync", async (args, thunkApi) => {
+  // apiのConfigurationを取得する
+  const { getState } = thunkApi;
+  const state = getState() as RootState;
+  const { configuration, accessToken } = state.auth;
+  const config = new Configuration(configuration);
+  const accountsApi = new AccountsApi(config);
+
+  try {
+    const typists = await accountsApi.getTypists({
+      headers: { authorization: `Bearer ${accessToken}` },
+    });
+
+    return typists.data;
+  } catch (e) {
+    // e ⇒ errorObjectに変換"
+    const error = createErrorObject(e);
+    thunkApi.dispatch(
+      openSnackbar({
+        level: "error",
+        message: getTranslationID("common.message.internalServerError"),
+      })
+    );
+    return thunkApi.rejectWithValue({ error });
+  }
+});
+
+export const listTypistGroupsAsync = createAsyncThunk<
+  GetTypistGroupsResponse,
+  void,
+  {
+    // rejectした時の返却値の型
+    rejectValue: {
+      error: ErrorObject;
+    };
+  }
+>("dictations/listTypistGroupsAsync", async (args, thunkApi) => {
+  // apiのConfigurationを取得する
+  const { getState } = thunkApi;
+  const state = getState() as RootState;
+  const { configuration, accessToken } = state.auth;
+  const config = new Configuration(configuration);
+  const accountsApi = new AccountsApi(config);
+
+  try {
+    const typistGroup = await accountsApi.getTypistGroups({
+      headers: { authorization: `Bearer ${accessToken}` },
+    });
+
+    return typistGroup.data;
+  } catch (e) {
+    // e ⇒ errorObjectに変換"
+    const error = createErrorObject(e);
+    thunkApi.dispatch(
+      openSnackbar({
+        level: "error",
+        message: getTranslationID("common.message.internalServerError"),
+      })
+    );
+    return thunkApi.rejectWithValue({ error });
+  }
+});
+
+export const updateAssigneeAsync = createAsyncThunk<
+  {
+    /** empty */
+  },
+  {
+    audioFileId: number;
+    assignees: Assignee[];
+  },
+  {
+    // rejectした時の返却値の型
+    rejectValue: {
+      error: ErrorObject;
+    };
+  }
+>("dictations/updateAssigneeAsync", async (args, thunkApi) => {
+  const { audioFileId, assignees } = args;
+
+  // apiのConfigurationを取得する
+  const { getState } = thunkApi;
+  const state = getState() as RootState;
+  const { configuration, accessToken } = state.auth;
+  const config = new Configuration(configuration);
+  const tasksApi = new TasksApi(config);
+
+  try {
+    await tasksApi.changeCheckoutPermission(
+      audioFileId,
+      { assignees },
+      {
+        headers: { authorization: `Bearer ${accessToken}` },
+      }
+    );
+    return {};
+  } catch (e) {
+    // e ⇒ errorObjectに変換"
+    const error = createErrorObject(e);
+
+    // ステータスがUploaded以外、タスクが存在しない場合
+    if (error.code === "E010601") {
+      thunkApi.dispatch(
+        openSnackbar({
+          level: "error",
+          message: getTranslationID("dictationPage.message.taskNotEditable"),
+        })
+      );
+      return thunkApi.rejectWithValue({ error });
+    }
+
+    thunkApi.dispatch(
+      openSnackbar({
+        level: "error",
+        message: getTranslationID("common.message.internalServerError"),
+      })
+    );
+    return thunkApi.rejectWithValue({ error });
+  }
+});
diff --git a/dictation_client/src/features/dictation/selectors.ts b/dictation_client/src/features/dictation/selectors.ts
index 7524a2f..455edd0 100644
--- a/dictation_client/src/features/dictation/selectors.ts
+++ b/dictation_client/src/features/dictation/selectors.ts
@@ -29,3 +29,12 @@ export const selectDirection = (state: RootState) =>
 
 export const selectParamName = (state: RootState) =>
   state.dictation.apps.paramName;
+
+export const selectSelectedTask = (state: RootState) =>
+  state.dictation.apps.selectedTask;
+
+export const selectSelectedTranscriptionists = (state: RootState) =>
+  state.dictation.apps.assignee.selected;
+
+export const selectPoolTranscriptionists = (state: RootState) =>
+  state.dictation.apps.assignee.pool;
diff --git a/dictation_client/src/features/dictation/state.ts b/dictation_client/src/features/dictation/state.ts
index e12f8da..244b2ad 100644
--- a/dictation_client/src/features/dictation/state.ts
+++ b/dictation_client/src/features/dictation/state.ts
@@ -1,4 +1,4 @@
-import { Task } from "../../api/api";
+import { Task, Assignee, Typist, TypistGroup } from "../../api/api";
 import {
   DirectionType,
   DisplayInfoType,
@@ -15,10 +15,17 @@ export interface Domain {
   offset: number;
   total: number;
   tasks: Task[];
+  typists: Typist[];
+  typistGroups: TypistGroup[];
 }
 
 export interface Apps {
   displayInfo: DisplayInfoType;
   direction: DirectionType;
   paramName: SortableColumnType;
+  selectedTask?: Task;
+  assignee: {
+    selected: Assignee[];
+    pool: Assignee[];
+  };
 }
diff --git a/dictation_client/src/pages/DictationPage/changeTranscriptionistPopup.tsx b/dictation_client/src/pages/DictationPage/changeTranscriptionistPopup.tsx
new file mode 100644
index 0000000..3ebc642
--- /dev/null
+++ b/dictation_client/src/pages/DictationPage/changeTranscriptionistPopup.tsx
@@ -0,0 +1,194 @@
+import React, { useCallback } from "react";
+import styles from "styles/app.module.scss";
+import { useDispatch, useSelector } from "react-redux";
+import {
+  changeAssignee,
+  selectPoolTranscriptionists,
+  selectSelectedTask,
+  selectSelectedTranscriptionists,
+  updateAssigneeAsync,
+} from "features/dictation";
+import { Assignee } from "api";
+import { AppDispatch } from "app/store";
+import { getTranslationID } from "translation";
+import { useTranslation } from "react-i18next";
+import close from "../../assets/images/close.svg";
+
+interface ChangeTranscriptionistPopupProps {
+  onClose: (isChanged: boolean) => void;
+  isOpen: boolean;
+}
+
+export const ChangeTranscriptionistPopup: React.FC<
+  ChangeTranscriptionistPopupProps
+> = (props) => {
+  const { onClose, isOpen } = props;
+  const dispatch: AppDispatch = useDispatch();
+  const [t] = useTranslation();
+
+  // ポップアップを閉じる処理
+  const closePopup = useCallback(() => {
+    onClose(false);
+  }, [onClose]);
+
+  const selectedTask = useSelector(selectSelectedTask);
+  const selectedTranscriptionists = useSelector(
+    selectSelectedTranscriptionists
+  );
+  const poolTranscriptionists = useSelector(selectPoolTranscriptionists);
+
+  const removeAssignee = useCallback(
+    (assignee: Assignee) => {
+      dispatch(
+        changeAssignee({
+          selected: selectedTranscriptionists.filter(
+            (x) =>
+              x.typistGroupId !== assignee.typistGroupId ||
+              x.typistUserId !== assignee.typistUserId
+          ),
+        })
+      );
+    },
+    [dispatch, selectedTranscriptionists]
+  );
+
+  const addAssignee = useCallback(
+    (assignee: Assignee) => {
+      dispatch(
+        changeAssignee({ selected: [...selectedTranscriptionists, assignee] })
+      );
+    },
+    [dispatch, selectedTranscriptionists]
+  );
+
+  const onChangeTranscriptionist = useCallback(async () => {
+    // ダイアログ確認
+    if (
+      !selectedTask ||
+      /* eslint-disable-next-line no-alert */
+      !window.confirm(t(getTranslationID("common.message.dialogConfirm")))
+    ) {
+      return;
+    }
+    const { meta } = await dispatch(
+      updateAssigneeAsync({
+        audioFileId: selectedTask.audioFileId,
+        assignees: selectedTranscriptionists,
+      })
+    );
+
+    if (meta.requestStatus === "fulfilled") {
+      onClose(true);
+    }
+  }, [dispatch, selectedTranscriptionists, selectedTask, onClose, t]);
+
+  return (
+    <div className={`${styles.modal} ${isOpen ? styles.isShow : ""}`}>
+      <div className={styles.modalBox}>
+        <p className={styles.modalTitle}>
+          {t(getTranslationID("dictationPage.label.changeTranscriptionist"))}
+          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */}
+          <img
+            src={close}
+            className={styles.modalTitleIcon}
+            alt="close"
+            onClick={closePopup}
+          />
+        </p>
+        <form action="" name="" method="" className={styles.form}>
+          <dl className={`${styles.formList} ${styles.hasbg}`}>
+            <dt className={styles.formTitle} />
+            <dt>{t(getTranslationID("dictationPage.label.jobNumber"))}</dt>
+            <dd>
+              <input
+                type="text"
+                size={40}
+                value={selectedTask?.jobNumber ?? ""}
+                className={styles.formInput}
+                readOnly
+              />
+            </dd>
+            <dt>{t(getTranslationID("dictationPage.label.authorId"))}</dt>
+            <dd>
+              <input
+                type="text"
+                size={40}
+                value={selectedTask?.authorId ?? ""}
+                className={styles.formInput}
+                readOnly
+              />
+            </dd>
+            <dt>{t(getTranslationID("dictationPage.label.workType"))}</dt>
+            <dd>
+              <input
+                type="text"
+                size={40}
+                value={selectedTask?.workType ?? ""}
+                className={styles.formInput}
+                readOnly
+              />
+            </dd>
+            <dt className={styles.formTitle}>Transcriptionist</dt>
+            <dd className={`${styles.formChange} ${styles.last}`}>
+              <ul className={styles.chooseMember}>
+                <li className={styles.changeTitle}>
+                  {t(
+                    getTranslationID(
+                      "dictationPage.label.selectedTranscriptionist"
+                    )
+                  )}
+                </li>
+                {selectedTranscriptionists?.map((x) => (
+                  <li key={`${x.typistGroupId ?? 0}_${x.typistUserId ?? 0}`}>
+                    <input
+                      type="checkbox"
+                      className={styles.formCheck}
+                      value={x.typistName}
+                      id={x.typistName}
+                      checked
+                      onClick={() => removeAssignee(x)}
+                    />
+                    <label htmlFor={x.typistName} title="Remove">
+                      {x.typistName}
+                    </label>
+                  </li>
+                ))}
+              </ul>
+              <p />
+              <ul className={styles.holdMember}>
+                <li className={styles.changeTitle}>
+                  {t(
+                    getTranslationID("dictationPage.label.poolTranscriptionist")
+                  )}
+                </li>
+                {poolTranscriptionists?.map((x) => (
+                  <li key={`${x.typistGroupId ?? 0}_${x.typistUserId ?? 0}`}>
+                    <input
+                      type="checkbox"
+                      className={styles.formCheck}
+                      value={x.typistName}
+                      id={x.typistName}
+                      onClick={() => addAssignee(x)}
+                    />
+                    <label htmlFor={x.typistName} title="Add">
+                      {x.typistName}
+                    </label>
+                  </li>
+                ))}
+              </ul>
+            </dd>
+            <dd className={`${styles.full} ${styles.alignCenter}`}>
+              <input
+                type="button"
+                name="submit"
+                value={t(getTranslationID("dictationPage.label.saveChanges"))}
+                className={`${styles.formSubmit} ${styles.marginBtm1} ${styles.isActive}`}
+                onClick={onChangeTranscriptionist}
+              />
+            </dd>
+          </dl>
+        </form>
+      </div>
+    </div>
+  );
+};
diff --git a/dictation_client/src/pages/DictationPage/index.tsx b/dictation_client/src/pages/DictationPage/index.tsx
index 04b4f0d..095e082 100644
--- a/dictation_client/src/pages/DictationPage/index.tsx
+++ b/dictation_client/src/pages/DictationPage/index.tsx
@@ -22,10 +22,16 @@ import {
   selectDirection,
   changeParamName,
   changeDirection,
+  changeSelectedTask,
   updateSortColumnAsync,
   SortableColumnType,
+  changeAssignee,
+  listTypistsAsync,
+  listTypistGroupsAsync,
 } from "features/dictation";
 import { getTranslationID } from "translation";
+import { Task } from "api/api";
+import { isAdminUser, isAuthorUser } from "features/auth/utils";
 import { STATUS, LIMIT_TASK_NUM } from "../../features/dictation";
 import uploaded from "../../assets/images/uploaded.svg";
 import pending from "../../assets/images/pending.svg";
@@ -34,11 +40,29 @@ import finished from "../../assets/images/finished.svg";
 import backup from "../../assets/images/backup.svg";
 import lock from "../../assets/images/lock.svg";
 import { DisPlayInfo } from "./displayInfo";
+import { ChangeTranscriptionistPopup } from "./changeTranscriptionistPopup";
 
 const DictationPage: React.FC = (): JSX.Element => {
   const dispatch: AppDispatch = useDispatch();
   const [t] = useTranslation();
 
+  const isAdmin = isAdminUser();
+  const isAuthor = isAuthorUser();
+  // popup制御関係
+  const [
+    isChangeTranscriptionistPopupOpen,
+    setIsChangeTranscriptionistPopupOpen,
+  ] = useState(false);
+
+  const onChangeTranscriptionistPopupOpen = useCallback(
+    (task: Task) => {
+      dispatch(changeAssignee({ selected: task.assignees }));
+      dispatch(changeSelectedTask({ task }));
+      setIsChangeTranscriptionistPopupOpen(true);
+    },
+    [dispatch, setIsChangeTranscriptionistPopupOpen]
+  );
+
   // 各カラムの表示/非表示
   const displayColumn = useSelector(selectDisplayInfo);
 
@@ -76,6 +100,8 @@ const DictationPage: React.FC = (): JSX.Element => {
         paramName: sortableParamName,
       })
     );
+    dispatch(listTypistsAsync());
+    dispatch(listTypistGroupsAsync());
   }, [
     dispatch,
     filterUploaded,
@@ -105,6 +131,8 @@ const DictationPage: React.FC = (): JSX.Element => {
         paramName: sortableParamName,
       })
     );
+    dispatch(listTypistsAsync());
+    dispatch(listTypistGroupsAsync());
   }, [
     dispatch,
     totalPage,
@@ -135,6 +163,8 @@ const DictationPage: React.FC = (): JSX.Element => {
         paramName: sortableParamName,
       })
     );
+    dispatch(listTypistsAsync());
+    dispatch(listTypistGroupsAsync());
   }, [
     dispatch,
     currentPage,
@@ -165,6 +195,8 @@ const DictationPage: React.FC = (): JSX.Element => {
         paramName: sortableParamName,
       })
     );
+    dispatch(listTypistsAsync());
+    dispatch(listTypistGroupsAsync());
   }, [
     dispatch,
     currentPage,
@@ -203,6 +235,8 @@ const DictationPage: React.FC = (): JSX.Element => {
           paramName,
         })
       );
+      dispatch(listTypistsAsync());
+      dispatch(listTypistGroupsAsync());
     },
     [
       dispatch,
@@ -271,6 +305,8 @@ const DictationPage: React.FC = (): JSX.Element => {
           paramName: sortableParamName,
         })
       );
+      dispatch(listTypistsAsync());
+      dispatch(listTypistGroupsAsync());
     },
     [dispatch, sortDirection, sortableParamName]
   );
@@ -284,6 +320,40 @@ const DictationPage: React.FC = (): JSX.Element => {
     );
   }, [dispatch, sortDirection, sortableParamName]);
 
+  const onClosePopup = useCallback(
+    (isChanged: boolean) => {
+      if (isChanged) {
+        const filter = getFilter(
+          filterUploaded,
+          filterInProgress,
+          filterPending,
+          filterFinished,
+          filterBackup
+        );
+        dispatch(
+          listTasksAsync({
+            limit: LIMIT_TASK_NUM,
+            offset: 0,
+            filter,
+            direction: sortDirection,
+            paramName: sortableParamName,
+          })
+        );
+      }
+      setIsChangeTranscriptionistPopupOpen(false);
+    },
+    [
+      dispatch,
+      filterUploaded,
+      filterInProgress,
+      filterPending,
+      filterFinished,
+      filterBackup,
+      sortDirection,
+      sortableParamName,
+    ]
+  );
+
   // 初回読み込み処理
   useEffect(() => {
     (async () => {
@@ -316,653 +386,707 @@ const DictationPage: React.FC = (): JSX.Element => {
             paramName,
           })
         );
+        dispatch(listTypistsAsync());
+        dispatch(listTypistGroupsAsync());
       }
     })();
   }, [dispatch]);
 
   return (
-    <div className={styles.wrap}>
-      <Header userName="XXXXXX" />
-      <main className={styles.main}>
-        <div className="">
-          <div className={styles.pageHeader}>
-            <h1 className={styles.pageTitle}>
-              {t(getTranslationID("dictationPage.label.title"))}
-            </h1>
-          </div>
-
-          <section className={styles.dictation}>
-            <div>
-              <DisPlayInfo />
-              <ul className={styles.tableFilter}>
-                <li>{t(getTranslationID("dictationPage.label.filter"))}:</li>
-                <li>
-                  <label htmlFor="uploaded">
-                    <input
-                      id="uploaded"
-                      type="checkbox"
-                      value="flUploaded"
-                      className={styles.formCheck}
-                      checked={filterUploaded}
-                      onChange={(e) => {
-                        setFilterUploaded(e.target.checked);
-                        updateFilter(
-                          e.target.checked,
-                          filterInProgress,
-                          filterPending,
-                          filterFinished,
-                          filterBackup
-                        );
-                      }}
-                    />
-                    {t(getTranslationID("dictationPage.label.uploaded"))}
-                  </label>
-                </li>
-                <li>
-                  <label htmlFor="inProgress">
-                    <input
-                      id="inProgress"
-                      type="checkbox"
-                      value="flInProgress"
-                      className={styles.formCheck}
-                      checked={filterInProgress}
-                      onChange={(e) => {
-                        setFilterInProgress(e.target.checked);
-                        updateFilter(
-                          filterUploaded,
-                          e.target.checked,
-                          filterPending,
-                          filterFinished,
-                          filterBackup
-                        );
-                      }}
-                    />
-                    {t(getTranslationID("dictationPage.label.inProgress"))}
-                  </label>
-                </li>
-                <li>
-                  <label htmlFor="pending">
-                    <input
-                      id="pending"
-                      type="checkbox"
-                      value="flPending"
-                      className={styles.formCheck}
-                      checked={filterPending}
-                      onChange={(e) => {
-                        setFilterPending(e.target.checked);
-                        updateFilter(
-                          filterUploaded,
-                          filterInProgress,
-                          e.target.checked,
-                          filterFinished,
-                          filterBackup
-                        );
-                      }}
-                    />
-                    {t(getTranslationID("dictationPage.label.pending"))}
-                  </label>
-                </li>
-                <li>
-                  <label htmlFor="finished">
-                    <input
-                      id="finished"
-                      type="checkbox"
-                      value="flFinished"
-                      className={styles.formCheck}
-                      checked={filterFinished}
-                      onChange={(e) => {
-                        setFilterFinished(e.target.checked);
-                        updateFilter(
-                          filterUploaded,
-                          filterInProgress,
-                          filterPending,
-                          e.target.checked,
-                          filterBackup
-                        );
-                      }}
-                    />
-                    {t(getTranslationID("dictationPage.label.finished"))}
-                  </label>
-                </li>
-                <li>
-                  <label htmlFor="backup">
-                    <input
-                      id="backup"
-                      type="checkbox"
-                      value="flBackup"
-                      className={styles.formCheck}
-                      checked={filterBackup}
-                      onChange={(e) => {
-                        setFilterBackup(e.target.checked);
-                        updateFilter(
-                          filterUploaded,
-                          filterInProgress,
-                          filterPending,
-                          filterFinished,
-                          e.target.checked
-                        );
-                      }}
-                    />
-                    {t(getTranslationID("dictationPage.label.backup"))}
-                  </label>
-                </li>
-              </ul>
-
-              <div className={styles.tableWrap}>
-                <table className={`${styles.table} ${styles.dictation}`}>
-                  <tr className={styles.tableHeader}>
-                    <th className={styles.clm0}>{/** th is empty */}</th>
-                    {displayColumn.JobNumber && (
-                      <th className={styles.clm1}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.JobNumber)
-                          }
-                        >
-                          {t(getTranslationID("dictationPage.label.jobNumber"))}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.Status && (
-                      <th className={styles.clm2}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.Status)
-                          }
-                        >
-                          {t(getTranslationID("dictationPage.label.status"))}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.Priority && (
-                      <th className={styles.clm3}>Priority</th>
-                    )}
-                    {displayColumn.Encryption && (
-                      <th className={styles.clm4}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.Encryption)
-                          }
-                        >
-                          {t(
-                            getTranslationID("dictationPage.label.encryption")
-                          )}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.AuthorId && (
-                      <th className={styles.clm5}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.AuthorId)
-                          }
-                        >
-                          {t(getTranslationID("dictationPage.label.authorId"))}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.WorkType && (
-                      <th className={styles.clm6}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.WorkType)
-                          }
-                        >
-                          {t(getTranslationID("dictationPage.label.workType"))}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.FileName && (
-                      <th className={styles.clm7}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.FileName)
-                          }
-                        >
-                          {t(getTranslationID("dictationPage.label.fileName"))}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.FileLength && (
-                      <th className={styles.clm8}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.FileLength)
-                          }
-                        >
-                          {t(
-                            getTranslationID("dictationPage.label.fileLength")
-                          )}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.FileSize && (
-                      <th className={styles.clm9}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.FileSize)
-                          }
-                        >
-                          {t(getTranslationID("dictationPage.label.fileSize"))}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.RecordingStartedDate && (
-                      <th className={styles.clm10}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(
-                              SORTABLE_COLUMN.RecordingStartedDate
-                            )
-                          }
-                        >
-                          {t(
-                            getTranslationID(
-                              "dictationPage.label.recordingStartedDate"
-                            )
-                          )}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.RecordingFinishedDate && (
-                      <th className={styles.clm11}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(
-                              SORTABLE_COLUMN.RecordingFinishedDate
-                            )
-                          }
-                        >
-                          {t(
-                            getTranslationID(
-                              "dictationPage.label.recordingFinishedDate"
-                            )
-                          )}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.UploadDate && (
-                      <th className={styles.clm12}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(SORTABLE_COLUMN.UploadDate)
-                          }
-                        >
-                          {t(
-                            getTranslationID("dictationPage.label.uploadDate")
-                          )}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.TranscriptionStartedDate && (
-                      <th className={styles.clm13}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(
-                              SORTABLE_COLUMN.TranscriptionStartedDate
-                            )
-                          }
-                        >
-                          {t(
-                            getTranslationID(
-                              "dictationPage.label.transcriptionStartedDate"
-                            )
-                          )}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.TranscriptionFinishedDate && (
-                      <th className={styles.clm14}>
-                        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                        <a
-                          className={styles.hasSort}
-                          onClick={() =>
-                            updateSortColumn(
-                              SORTABLE_COLUMN.TranscriptionFinishedDate
-                            )
-                          }
-                        >
-                          {t(
-                            getTranslationID(
-                              "dictationPage.label.transcriptionFinishedDate"
-                            )
-                          )}
-                        </a>
-                      </th>
-                    )}
-                    {displayColumn.Transcriptionist && (
-                      <th className={styles.clm15}>
-                        {t(
-                          getTranslationID(
-                            "dictationPage.label.transcriptionist"
-                          )
-                        )}
-                      </th>
-                    )}
-                    {displayColumn.Comment && (
-                      <th className={styles.clm16}>
-                        {t(getTranslationID("dictationPage.label.comment"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem1 && (
-                      <th className={styles.op1}>
-                        {t(getTranslationID("dictationPage.label.optionItem1"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem2 && (
-                      <th className={styles.op2}>
-                        {t(getTranslationID("dictationPage.label.optionItem2"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem3 && (
-                      <th className={styles.op3}>
-                        {t(getTranslationID("dictationPage.label.optionItem3"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem4 && (
-                      <th className={styles.op4}>
-                        {t(getTranslationID("dictationPage.label.optionItem4"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem5 && (
-                      <th className={styles.op5}>
-                        {t(getTranslationID("dictationPage.label.optionItem5"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem6 && (
-                      <th className={styles.op6}>
-                        {t(getTranslationID("dictationPage.label.optionItem6"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem7 && (
-                      <th className={styles.op7}>
-                        {t(getTranslationID("dictationPage.label.optionItem7"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem8 && (
-                      <th className={styles.op8}>
-                        {t(getTranslationID("dictationPage.label.optionItem8"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem9 && (
-                      <th className={styles.op9}>
-                        {t(getTranslationID("dictationPage.label.optionItem9"))}
-                      </th>
-                    )}
-                    {displayColumn.OptionItem10 && (
-                      <th className={styles.op10}>
-                        {t(
-                          getTranslationID("dictationPage.label.optionItem10")
-                        )}
-                      </th>
-                    )}
-                  </tr>
-                  {tasks.length !== 0 &&
-                    tasks.map((x) => (
-                      <tr key={x.audioFileId}>
-                        <td className={styles.clm0}>
-                          <ul className={styles.menuInTable}>
-                            <li>
-                              {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                              <a onClick={onPlayBack}>
-                                {t(
-                                  getTranslationID(
-                                    "dictationPage.label.playback"
-                                  )
-                                )}
-                              </a>
-                            </li>
-                            <li>
-                              <a>
-                                {t(
-                                  getTranslationID(
-                                    "dictationPage.label.fileProperty"
-                                  )
-                                )}
-                              </a>
-                            </li>
-                            <li>
-                              <a>
-                                {" "}
-                                {t(
-                                  getTranslationID(
-                                    "dictationPage.label.changeTranscriptionist"
-                                  )
-                                )}
-                              </a>
-                            </li>
-                            <li>
-                              <a>
-                                {t(
-                                  getTranslationID(
-                                    "dictationPage.label.deleteDictation"
-                                  )
-                                )}
-                              </a>
-                            </li>
-                          </ul>
-                        </td>
-                        {displayColumn.JobNumber && (
-                          <td className={styles.clm1}>{x.jobNumber}</td>
-                        )}
-                        {displayColumn.Status && (
-                          <td className={styles.clm2}>
-                            {(() => {
-                              switch (x.status) {
-                                case STATUS.UPLOADED:
-                                  return <img src={uploaded} alt="Uploaded" />;
-                                case STATUS.PENDING:
-                                  return <img src={pending} alt="Pending" />;
-                                case STATUS.FINISHED:
-                                  return <img src={finished} alt="Finished" />;
-                                case STATUS.INPROGRESS:
-                                  return (
-                                    <img src={inprogress} alt="InProgress" />
-                                  );
-                                default:
-                                  return <img src={backup} alt="Backup" />;
-                              }
-                            })()}
-                            {x.status}
-                          </td>
-                        )}
-                        {displayColumn.Priority && (
-                          <td className={styles.clm3}>
-                            {x.priority === "01" ? "High" : "Normal"}
-                          </td>
-                        )}
-                        {displayColumn.Encryption && (
-                          <td className={styles.clm4}>
-                            {x.isEncrypted ? (
-                              <img src={lock} alt="encrypted" />
-                            ) : (
-                              <>-</>
-                            )}
-                          </td>
-                        )}
-                        {displayColumn.AuthorId && (
-                          <td className={styles.clm5}>{x.authorId}</td>
-                        )}
-                        {displayColumn.WorkType && (
-                          <td className={styles.clm6}>{x.workType}</td>
-                        )}
-                        {displayColumn.FileName && (
-                          <td className={styles.clm7}>{x.fileName}</td>
-                        )}
-                        {displayColumn.FileLength && (
-                          <td className={styles.clm8}>{x.audioDuration}</td>
-                        )}
-                        {displayColumn.FileSize && (
-                          <td className={styles.clm9}>{x.fileSize}</td>
-                        )}
-                        {displayColumn.RecordingStartedDate && (
-                          <td className={styles.clm10}>{x.audioCreatedDate}</td>
-                        )}
-                        {displayColumn.RecordingFinishedDate && (
-                          <td className={styles.clm11}>
-                            {x.audioFinishedDate}
-                          </td>
-                        )}
-                        {displayColumn.UploadDate && (
-                          <td className={styles.clm12}>
-                            {x.audioUploadedDate}
-                          </td>
-                        )}
-                        {displayColumn.TranscriptionStartedDate && (
-                          <td className={styles.clm13}>
-                            {x.transcriptionStartedDate}
-                          </td>
-                        )}
-                        {displayColumn.TranscriptionFinishedDate && (
-                          <td className={styles.clm14}>
-                            {x.transcriptionFinishedDate}
-                          </td>
-                        )}
-                        {displayColumn.Transcriptionist && (
-                          <td className={`${styles.txWsline} ${styles.clm15}`}>
-                            {x.assignees.map((a, i) => (
-                              <>
-                                {a.typistName}
-                                {i !== x.assignees.length - 1 && <br />}
-                              </>
-                            ))}
-                          </td>
-                        )}
-                        {displayColumn.Comment && (
-                          <td className={styles.clm16}>{x.comment}</td>
-                        )}
-                        {displayColumn.OptionItem1 && (
-                          <td className={styles.op1}>
-                            {x.optionItemList[0].optionItemValue}
-                          </td>
-                        )}
-
-                        {displayColumn.OptionItem2 && (
-                          <td className={styles.op2}>
-                            {x.optionItemList[1].optionItemValue}
-                          </td>
-                        )}
-                        {displayColumn.OptionItem3 && (
-                          <td className={styles.op3}>
-                            {x.optionItemList[2].optionItemValue}
-                          </td>
-                        )}
-                        {displayColumn.OptionItem4 && (
-                          <td className={styles.op4}>
-                            {x.optionItemList[3].optionItemValue}
-                          </td>
-                        )}
-                        {displayColumn.OptionItem5 && (
-                          <td className={styles.op5}>
-                            {x.optionItemList[4].optionItemValue}
-                          </td>
-                        )}
-                        {displayColumn.OptionItem6 && (
-                          <td className={styles.op6}>
-                            {x.optionItemList[5].optionItemValue}
-                          </td>
-                        )}
-                        {displayColumn.OptionItem7 && (
-                          <td className={styles.op7}>
-                            {x.optionItemList[6].optionItemValue}
-                          </td>
-                        )}
-                        {displayColumn.OptionItem8 && (
-                          <td className={styles.op8}>
-                            {x.optionItemList[7].optionItemValue}
-                          </td>
-                        )}
-                        {displayColumn.OptionItem9 && (
-                          <td className={styles.op9}>
-                            {x.optionItemList[8].optionItemValue}
-                          </td>
-                        )}
-                        {displayColumn.OptionItem10 && (
-                          <td className={styles.op10}>
-                            {x.optionItemList[9].optionItemValue}
-                          </td>
-                        )}
-                      </tr>
-                    ))}
-                </table>
-                {tasks.length === 0 && (
-                  <p style={{ margin: "10px", textAlign: "center" }}>
-                    {t(getTranslationID("common.message.listEmpty"))}
-                  </p>
-                )}
-              </div>
-
-              {/** pagenation */}
-              <div className={styles.pagenation}>
-                <nav className={styles.pagenationNav}>
-                  <span className={styles.pagenationTotal}>{`${total} ${t(
-                    getTranslationID("dictationPage.label.title")
-                  )}`}</span>
-                  {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                  <a
-                    className={`${currentPage !== 1 ? styles.isActive : ""}`}
-                    onClick={getFirstPage}
-                  >
-                    «
-                  </a>
-                  {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                  <a
-                    className={`${currentPage !== 1 ? styles.isActive : ""}`}
-                    onClick={getPrevPage}
-                  >
-                    ‹
-                  </a>
-                  {`${currentPage} of ${totalPage}`}
-                  {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                  <a
-                    className={`${
-                      currentPage !== totalPage ? styles.isActive : ""
-                    }`}
-                    onClick={getNextPage}
-                  >
-                    ›
-                  </a>
-                  {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-                  <a
-                    className={`${
-                      currentPage !== totalPage ? styles.isActive : ""
-                    }`}
-                    onClick={getLastPage}
-                  >
-                    »
-                  </a>
-                </nav>
-              </div>
+    <>
+      <ChangeTranscriptionistPopup
+        isOpen={isChangeTranscriptionistPopupOpen}
+        onClose={onClosePopup}
+      />
+      <div className={styles.wrap}>
+        <Header userName="XXXXXX" />
+        <main className={styles.main}>
+          <div className="">
+            <div className={styles.pageHeader}>
+              <h1 className={styles.pageTitle}>
+                {t(getTranslationID("dictationPage.label.title"))}
+              </h1>
             </div>
-          </section>
-        </div>
-      </main>
-      <Footer />
-    </div>
+
+            <section className={styles.dictation}>
+              <div>
+                <DisPlayInfo />
+                <ul className={styles.tableFilter}>
+                  <li>{t(getTranslationID("dictationPage.label.filter"))}:</li>
+                  <li>
+                    <label htmlFor="uploaded">
+                      <input
+                        id="uploaded"
+                        type="checkbox"
+                        value="flUploaded"
+                        className={styles.formCheck}
+                        checked={filterUploaded}
+                        onChange={(e) => {
+                          setFilterUploaded(e.target.checked);
+                          updateFilter(
+                            e.target.checked,
+                            filterInProgress,
+                            filterPending,
+                            filterFinished,
+                            filterBackup
+                          );
+                        }}
+                      />
+                      {t(getTranslationID("dictationPage.label.uploaded"))}
+                    </label>
+                  </li>
+                  <li>
+                    <label htmlFor="inProgress">
+                      <input
+                        id="inProgress"
+                        type="checkbox"
+                        value="flInProgress"
+                        className={styles.formCheck}
+                        checked={filterInProgress}
+                        onChange={(e) => {
+                          setFilterInProgress(e.target.checked);
+                          updateFilter(
+                            filterUploaded,
+                            e.target.checked,
+                            filterPending,
+                            filterFinished,
+                            filterBackup
+                          );
+                        }}
+                      />
+                      {t(getTranslationID("dictationPage.label.inProgress"))}
+                    </label>
+                  </li>
+                  <li>
+                    <label htmlFor="pending">
+                      <input
+                        id="pending"
+                        type="checkbox"
+                        value="flPending"
+                        className={styles.formCheck}
+                        checked={filterPending}
+                        onChange={(e) => {
+                          setFilterPending(e.target.checked);
+                          updateFilter(
+                            filterUploaded,
+                            filterInProgress,
+                            e.target.checked,
+                            filterFinished,
+                            filterBackup
+                          );
+                        }}
+                      />
+                      {t(getTranslationID("dictationPage.label.pending"))}
+                    </label>
+                  </li>
+                  <li>
+                    <label htmlFor="finished">
+                      <input
+                        id="finished"
+                        type="checkbox"
+                        value="flFinished"
+                        className={styles.formCheck}
+                        checked={filterFinished}
+                        onChange={(e) => {
+                          setFilterFinished(e.target.checked);
+                          updateFilter(
+                            filterUploaded,
+                            filterInProgress,
+                            filterPending,
+                            e.target.checked,
+                            filterBackup
+                          );
+                        }}
+                      />
+                      {t(getTranslationID("dictationPage.label.finished"))}
+                    </label>
+                  </li>
+                  <li>
+                    <label htmlFor="backup">
+                      <input
+                        id="backup"
+                        type="checkbox"
+                        value="flBackup"
+                        className={styles.formCheck}
+                        checked={filterBackup}
+                        onChange={(e) => {
+                          setFilterBackup(e.target.checked);
+                          updateFilter(
+                            filterUploaded,
+                            filterInProgress,
+                            filterPending,
+                            filterFinished,
+                            e.target.checked
+                          );
+                        }}
+                      />
+                      {t(getTranslationID("dictationPage.label.backup"))}
+                    </label>
+                  </li>
+                </ul>
+
+                <div className={styles.tableWrap}>
+                  <table className={`${styles.table} ${styles.dictation}`}>
+                    <tr className={styles.tableHeader}>
+                      <th className={styles.clm0}>{/** th is empty */}</th>
+                      {displayColumn.JobNumber && (
+                        <th className={styles.clm1}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.JobNumber)
+                            }
+                          >
+                            {t(
+                              getTranslationID("dictationPage.label.jobNumber")
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.Status && (
+                        <th className={styles.clm2}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.Status)
+                            }
+                          >
+                            {t(getTranslationID("dictationPage.label.status"))}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.Priority && (
+                        <th className={styles.clm3}>Priority</th>
+                      )}
+                      {displayColumn.Encryption && (
+                        <th className={styles.clm4}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.Encryption)
+                            }
+                          >
+                            {t(
+                              getTranslationID("dictationPage.label.encryption")
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.AuthorId && (
+                        <th className={styles.clm5}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.AuthorId)
+                            }
+                          >
+                            {t(
+                              getTranslationID("dictationPage.label.authorId")
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.WorkType && (
+                        <th className={styles.clm6}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.WorkType)
+                            }
+                          >
+                            {t(
+                              getTranslationID("dictationPage.label.workType")
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.FileName && (
+                        <th className={styles.clm7}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.FileName)
+                            }
+                          >
+                            {t(
+                              getTranslationID("dictationPage.label.fileName")
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.FileLength && (
+                        <th className={styles.clm8}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.FileLength)
+                            }
+                          >
+                            {t(
+                              getTranslationID("dictationPage.label.fileLength")
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.FileSize && (
+                        <th className={styles.clm9}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.FileSize)
+                            }
+                          >
+                            {t(
+                              getTranslationID("dictationPage.label.fileSize")
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.RecordingStartedDate && (
+                        <th className={styles.clm10}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(
+                                SORTABLE_COLUMN.RecordingStartedDate
+                              )
+                            }
+                          >
+                            {t(
+                              getTranslationID(
+                                "dictationPage.label.recordingStartedDate"
+                              )
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.RecordingFinishedDate && (
+                        <th className={styles.clm11}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(
+                                SORTABLE_COLUMN.RecordingFinishedDate
+                              )
+                            }
+                          >
+                            {t(
+                              getTranslationID(
+                                "dictationPage.label.recordingFinishedDate"
+                              )
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.UploadDate && (
+                        <th className={styles.clm12}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(SORTABLE_COLUMN.UploadDate)
+                            }
+                          >
+                            {t(
+                              getTranslationID("dictationPage.label.uploadDate")
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.TranscriptionStartedDate && (
+                        <th className={styles.clm13}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(
+                                SORTABLE_COLUMN.TranscriptionStartedDate
+                              )
+                            }
+                          >
+                            {t(
+                              getTranslationID(
+                                "dictationPage.label.transcriptionStartedDate"
+                              )
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.TranscriptionFinishedDate && (
+                        <th className={styles.clm14}>
+                          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                          <a
+                            className={styles.hasSort}
+                            onClick={() =>
+                              updateSortColumn(
+                                SORTABLE_COLUMN.TranscriptionFinishedDate
+                              )
+                            }
+                          >
+                            {t(
+                              getTranslationID(
+                                "dictationPage.label.transcriptionFinishedDate"
+                              )
+                            )}
+                          </a>
+                        </th>
+                      )}
+                      {displayColumn.Transcriptionist && (
+                        <th className={styles.clm15}>
+                          {t(
+                            getTranslationID(
+                              "dictationPage.label.transcriptionist"
+                            )
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.Comment && (
+                        <th className={styles.clm16}>
+                          {t(getTranslationID("dictationPage.label.comment"))}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem1 && (
+                        <th className={styles.op1}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem1")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem2 && (
+                        <th className={styles.op2}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem2")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem3 && (
+                        <th className={styles.op3}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem3")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem4 && (
+                        <th className={styles.op4}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem4")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem5 && (
+                        <th className={styles.op5}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem5")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem6 && (
+                        <th className={styles.op6}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem6")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem7 && (
+                        <th className={styles.op7}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem7")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem8 && (
+                        <th className={styles.op8}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem8")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem9 && (
+                        <th className={styles.op9}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem9")
+                          )}
+                        </th>
+                      )}
+                      {displayColumn.OptionItem10 && (
+                        <th className={styles.op10}>
+                          {t(
+                            getTranslationID("dictationPage.label.optionItem10")
+                          )}
+                        </th>
+                      )}
+                    </tr>
+                    {tasks.length !== 0 &&
+                      tasks.map((x) => (
+                        <tr key={x.audioFileId}>
+                          <td className={styles.clm0}>
+                            <ul className={styles.menuInTable}>
+                              <li>
+                                {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                                <a onClick={onPlayBack}>
+                                  {t(
+                                    getTranslationID(
+                                      "dictationPage.label.playback"
+                                    )
+                                  )}
+                                </a>
+                              </li>
+                              <li>
+                                <a>
+                                  {t(
+                                    getTranslationID(
+                                      "dictationPage.label.fileProperty"
+                                    )
+                                  )}
+                                </a>
+                              </li>
+                              <li>
+                                {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                                <a
+                                  className={
+                                    x.status !== STATUS.UPLOADED ||
+                                    !(isAdmin || isAuthor)
+                                      ? styles.isDisable
+                                      : ""
+                                  }
+                                  onClick={() => {
+                                    onChangeTranscriptionistPopupOpen(x);
+                                  }}
+                                >
+                                  {t(
+                                    getTranslationID(
+                                      "dictationPage.label.changeTranscriptionist"
+                                    )
+                                  )}
+                                </a>
+                              </li>
+                              <li>
+                                <a>
+                                  {t(
+                                    getTranslationID(
+                                      "dictationPage.label.deleteDictation"
+                                    )
+                                  )}
+                                </a>
+                              </li>
+                            </ul>
+                          </td>
+                          {displayColumn.JobNumber && (
+                            <td className={styles.clm1}>{x.jobNumber}</td>
+                          )}
+                          {displayColumn.Status && (
+                            <td className={styles.clm2}>
+                              {(() => {
+                                switch (x.status) {
+                                  case STATUS.UPLOADED:
+                                    return (
+                                      <img src={uploaded} alt="Uploaded" />
+                                    );
+                                  case STATUS.PENDING:
+                                    return <img src={pending} alt="Pending" />;
+                                  case STATUS.FINISHED:
+                                    return (
+                                      <img src={finished} alt="Finished" />
+                                    );
+                                  case STATUS.INPROGRESS:
+                                    return (
+                                      <img src={inprogress} alt="InProgress" />
+                                    );
+                                  default:
+                                    return <img src={backup} alt="Backup" />;
+                                }
+                              })()}
+                              {x.status}
+                            </td>
+                          )}
+                          {displayColumn.Priority && (
+                            <td className={styles.clm3}>
+                              {x.priority === "01" ? "High" : "Normal"}
+                            </td>
+                          )}
+                          {displayColumn.Encryption && (
+                            <td className={styles.clm4}>
+                              {x.isEncrypted ? (
+                                <img src={lock} alt="encrypted" />
+                              ) : (
+                                <>-</>
+                              )}
+                            </td>
+                          )}
+                          {displayColumn.AuthorId && (
+                            <td className={styles.clm5}>{x.authorId}</td>
+                          )}
+                          {displayColumn.WorkType && (
+                            <td className={styles.clm6}>{x.workType}</td>
+                          )}
+                          {displayColumn.FileName && (
+                            <td className={styles.clm7}>{x.fileName}</td>
+                          )}
+                          {displayColumn.FileLength && (
+                            <td className={styles.clm8}>{x.audioDuration}</td>
+                          )}
+                          {displayColumn.FileSize && (
+                            <td className={styles.clm9}>{x.fileSize}</td>
+                          )}
+                          {displayColumn.RecordingStartedDate && (
+                            <td className={styles.clm10}>
+                              {x.audioCreatedDate}
+                            </td>
+                          )}
+                          {displayColumn.RecordingFinishedDate && (
+                            <td className={styles.clm11}>
+                              {x.audioFinishedDate}
+                            </td>
+                          )}
+                          {displayColumn.UploadDate && (
+                            <td className={styles.clm12}>
+                              {x.audioUploadedDate}
+                            </td>
+                          )}
+                          {displayColumn.TranscriptionStartedDate && (
+                            <td className={styles.clm13}>
+                              {x.transcriptionStartedDate}
+                            </td>
+                          )}
+                          {displayColumn.TranscriptionFinishedDate && (
+                            <td className={styles.clm14}>
+                              {x.transcriptionFinishedDate}
+                            </td>
+                          )}
+                          {displayColumn.Transcriptionist && (
+                            <td
+                              className={`${styles.txWsline} ${styles.clm15}`}
+                            >
+                              {x.assignees.map((a, i) => (
+                                <>
+                                  {a.typistName}
+                                  {i !== x.assignees.length - 1 && <br />}
+                                </>
+                              ))}
+                            </td>
+                          )}
+                          {displayColumn.Comment && (
+                            <td className={styles.clm16}>{x.comment}</td>
+                          )}
+                          {displayColumn.OptionItem1 && (
+                            <td className={styles.op1}>
+                              {x.optionItemList[0].optionItemValue}
+                            </td>
+                          )}
+
+                          {displayColumn.OptionItem2 && (
+                            <td className={styles.op2}>
+                              {x.optionItemList[1].optionItemValue}
+                            </td>
+                          )}
+                          {displayColumn.OptionItem3 && (
+                            <td className={styles.op3}>
+                              {x.optionItemList[2].optionItemValue}
+                            </td>
+                          )}
+                          {displayColumn.OptionItem4 && (
+                            <td className={styles.op4}>
+                              {x.optionItemList[3].optionItemValue}
+                            </td>
+                          )}
+                          {displayColumn.OptionItem5 && (
+                            <td className={styles.op5}>
+                              {x.optionItemList[4].optionItemValue}
+                            </td>
+                          )}
+                          {displayColumn.OptionItem6 && (
+                            <td className={styles.op6}>
+                              {x.optionItemList[5].optionItemValue}
+                            </td>
+                          )}
+                          {displayColumn.OptionItem7 && (
+                            <td className={styles.op7}>
+                              {x.optionItemList[6].optionItemValue}
+                            </td>
+                          )}
+                          {displayColumn.OptionItem8 && (
+                            <td className={styles.op8}>
+                              {x.optionItemList[7].optionItemValue}
+                            </td>
+                          )}
+                          {displayColumn.OptionItem9 && (
+                            <td className={styles.op9}>
+                              {x.optionItemList[8].optionItemValue}
+                            </td>
+                          )}
+                          {displayColumn.OptionItem10 && (
+                            <td className={styles.op10}>
+                              {x.optionItemList[9].optionItemValue}
+                            </td>
+                          )}
+                        </tr>
+                      ))}
+                  </table>
+                  {tasks.length === 0 && (
+                    <p style={{ margin: "10px", textAlign: "center" }}>
+                      {t(getTranslationID("common.message.listEmpty"))}
+                    </p>
+                  )}
+                </div>
+
+                {/** pagenation */}
+                <div className={styles.pagenation}>
+                  <nav className={styles.pagenationNav}>
+                    <span className={styles.pagenationTotal}>{`${total} ${t(
+                      getTranslationID("dictationPage.label.title")
+                    )}`}</span>
+                    {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                    <a
+                      className={`${currentPage !== 1 ? styles.isActive : ""}`}
+                      onClick={getFirstPage}
+                    >
+                      «
+                    </a>
+                    {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                    <a
+                      className={`${currentPage !== 1 ? styles.isActive : ""}`}
+                      onClick={getPrevPage}
+                    >
+                      ‹
+                    </a>
+                    {`${currentPage} of ${totalPage}`}
+                    {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                    <a
+                      className={`${
+                        currentPage !== totalPage ? styles.isActive : ""
+                      }`}
+                      onClick={getNextPage}
+                    >
+                      ›
+                    </a>
+                    {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+                    <a
+                      className={`${
+                        currentPage !== totalPage ? styles.isActive : ""
+                      }`}
+                      onClick={getLastPage}
+                    >
+                      »
+                    </a>
+                  </nav>
+                </div>
+              </div>
+            </section>
+          </div>
+        </main>
+        <Footer />
+      </div>
+    </>
   );
 };
 
diff --git a/dictation_client/src/translation/de.json b/dictation_client/src/translation/de.json
index 5a4b844..7a0d5b7 100644
--- a/dictation_client/src/translation/de.json
+++ b/dictation_client/src/translation/de.json
@@ -5,7 +5,8 @@
       "passwordIncorrectError": "(de)Error Message",
       "emailIncorrectError": "(de)Error Message",
       "internalServerError": "(de)処理に失敗しました。時間をおいて再実行しても解決しない場合はシステム管理者にお問い合わせください。",
-      "listEmpty": "(de)検索結果が0件です。"
+      "listEmpty": "(de)検索結果が0件です。",
+      "dialogConfirm": "(de)操作を実行しますか？"
     },
     "label": {
       "cancel": "(de)Cancel",
@@ -171,6 +172,9 @@
     }
   },
   "dictationPage": {
+    "message": {
+      "taskNotEditable": "(de)すでに文字起こし作業着手中またはタスクが存在しないため、タイピストを変更できません。"
+    },
     "label": {
       "title": "(de)Dictations",
       "displayInfomation": "(de)Display Information",
@@ -209,7 +213,10 @@
       "playback": "(de)Playback",
       "fileProperty": "(de)File Property",
       "changeTranscriptionist": "(de)Change Transcriptionist",
-      "deleteDictation": "(de)Delete Dictation"
+      "deleteDictation": "(de)Delete Dictation",
+      "selectedTranscriptionist": "(de)Selected",
+      "poolTranscriptionist": "(de)Pool",
+      "saveChanges": "(de)Save changes"
     }
   }
 }
\ No newline at end of file
diff --git a/dictation_client/src/translation/en.json b/dictation_client/src/translation/en.json
index c15aef5..c0a18fd 100644
--- a/dictation_client/src/translation/en.json
+++ b/dictation_client/src/translation/en.json
@@ -5,7 +5,8 @@
       "passwordIncorrectError": "Error Message",
       "emailIncorrectError": "Error Message",
       "internalServerError": "処理に失敗しました。時間をおいて再実行しても解決しない場合はシステム管理者にお問い合わせください。",
-      "listEmpty": "検索結果が0件です。"
+      "listEmpty": "検索結果が0件です。",
+      "dialogConfirm": "操作を実行しますか？"
     },
     "label": {
       "cancel": "Cancel",
@@ -171,6 +172,9 @@
     }
   },
   "dictationPage": {
+    "message": {
+      "taskNotEditable": "すでに文字起こし作業着手中またはタスクが存在しないため、タイピストを変更できません。"
+    },
     "label": {
       "title": "Dictations",
       "displayInfomation": "Display Information",
@@ -209,7 +213,10 @@
       "playback": "Playback",
       "fileProperty": "File Property",
       "changeTranscriptionist": "Change Transcriptionist",
-      "deleteDictation": "Delete Dictation"
+      "deleteDictation": "Delete Dictation",
+      "selectedTranscriptionist": "Selected",
+      "poolTranscriptionist": "Pool",
+      "saveChanges": "Save changes"
     }
   }
 }
\ No newline at end of file
diff --git a/dictation_client/src/translation/es.json b/dictation_client/src/translation/es.json
index 3958c14..58308fa 100644
--- a/dictation_client/src/translation/es.json
+++ b/dictation_client/src/translation/es.json
@@ -5,7 +5,8 @@
       "passwordIncorrectError": "(es)Error Message",
       "emailIncorrectError": "(es)Error Message",
       "internalServerError": "(es)処理に失敗しました。時間をおいて再実行しても解決しない場合はシステム管理者にお問い合わせください。",
-      "listEmpty": "(es)検索結果が0件です。"
+      "listEmpty": "(es)検索結果が0件です。",
+      "dialogConfirm": "(es)操作を実行しますか？"
     },
     "label": {
       "cancel": "(es)Cancel",
@@ -171,6 +172,9 @@
     }
   },
   "dictationPage": {
+    "message": {
+      "taskNotEditable": "(es)すでに文字起こし作業着手中またはタスクが存在しないため、タイピストを変更できません。"
+    },
     "label": {
       "title": "(es)Dictations",
       "displayInfomation": "(es)Display Information",
@@ -209,7 +213,10 @@
       "playback": "(es)Playback",
       "fileProperty": "(es)File Property",
       "changeTranscriptionist": "(es)Change Transcriptionist",
-      "deleteDictation": "(es)Delete Dictation"
+      "deleteDictation": "(es)Delete Dictation",
+      "selectedTranscriptionist": "(es)Selected",
+      "poolTranscriptionist": "(es)Pool",
+      "saveChanges": "(es)Save changes"
     }
   }
 }
\ No newline at end of file
diff --git a/dictation_client/src/translation/fr.json b/dictation_client/src/translation/fr.json
index ed74436..ed7d524 100644
--- a/dictation_client/src/translation/fr.json
+++ b/dictation_client/src/translation/fr.json
@@ -5,7 +5,8 @@
       "passwordIncorrectError": "(fr)Error Message",
       "emailIncorrectError": "(fr)Error Message",
       "internalServerError": "(fr)処理に失敗しました。時間をおいて再実行しても解決しない場合はシステム管理者にお問い合わせください。",
-      "listEmpty": "(fr)検索結果が0件です。"
+      "listEmpty": "(fr)検索結果が0件です。",
+      "dialogConfirm": "(fr)操作を実行しますか？"
     },
     "label": {
       "cancel": "(fr)Cancel",
@@ -171,6 +172,9 @@
     }
   },
   "dictationPage": {
+    "message": {
+      "taskNotEditable": "(fr)すでに文字起こし作業着手中またはタスクが存在しないため、タイピストを変更できません。"
+    },
     "label": {
       "title": "(fr)Dictations",
       "displayInfomation": "(fr)Display Information",
@@ -209,7 +213,10 @@
       "playback": "(fr)Playback",
       "fileProperty": "(fr)File Property",
       "changeTranscriptionist": "(fr)Change Transcriptionist",
-      "deleteDictation": "(fr)Delete Dictation"
+      "deleteDictation": "(fr)Delete Dictation",
+      "selectedTranscriptionist": "(fr)Selected",
+      "poolTranscriptionist": "(fr)Pool",
+      "saveChanges": "(fr)Save changes"
     }
   }
 }
\ No newline at end of file