diff --git a/src/app/(withAuth)/courses/[courseId]/page.tsx b/src/app/(withAuth)/courses/[courseId]/page.tsx
index 658e10ea..5e40d815 100644
--- a/src/app/(withAuth)/courses/[courseId]/page.tsx
+++ b/src/app/(withAuth)/courses/[courseId]/page.tsx
@@ -17,7 +17,12 @@ import type { NextPage } from 'next';
 import NextLink from 'next/link';
 import React, { useEffect, useState } from 'react';
 
-import { courseIdToProgramIdLists, languageIds, programIdToName } from '../../../../problems/problemData';
+import {
+  courseIdToProgramIdLists,
+  languageIdToName,
+  languageIds,
+  programIdToName,
+} from '../../../../problems/problemData';
 import { getLanguageIdFromSessionStorage, setLanguageIdToSessionStorage } from '../../../lib/SessionStorage';
 
 const CoursePage: NextPage<{ params: { courseId: string } }> = ({ params }) => {
@@ -47,7 +52,7 @@ const CoursePage: NextPage<{ params: { courseId: string } }> = ({ params }) => {
       >
         {languageIds.map((languageId) => (
           <option key={languageId} value={languageId}>
-            {languageId}
+            {languageIdToName[languageId]}
           </option>
         ))}
       </Select>
diff --git a/src/problems/problemData.ts b/src/problems/problemData.ts
index efe6a64d..4399b128 100644
--- a/src/problems/problemData.ts
+++ b/src/problems/problemData.ts
@@ -7,6 +7,11 @@ export type ProgramId = (typeof programIds)[number];
 export const languageIds = ['js', 'java'];
 export type LanguageId = (typeof languageIds)[number];
 
+export const languageIdToName: Record<LanguageId, string> = {
+  js: 'JavaScript',
+  java: 'Java',
+};
+
 export const courseIdToName: Record<CourseId, string> = {
   tuBeginner1: '初級プログラミングⅠ',
   tuBeginner2: '初級プログラミングⅡ',