diff --git a/frontend/services/application/role.service.ts b/frontend/services/application/role.service.ts
new file mode 100644
index 00000000..924f2a43
--- /dev/null
+++ b/frontend/services/application/role.service.ts
@@ -0,0 +1,23 @@
+import { RoleItem } from '@/models/role'
+import { RoleItemListRepository } from '@/repositories/role/interface'
+
+export class RoleDTO {
+  id: number
+  rolename: string
+
+  constructor(item: RoleItem) {
+    this.id = item.id
+    this.rolename = item.name
+  }
+}
+
+export class RoleApplicationService {
+  constructor(
+    private readonly repository: RoleItemListRepository
+  ) {}
+
+  public async list(): Promise<RoleDTO[]> {
+    const items = await this.repository.list()
+    return items.map(item => new RoleDTO(item))
+  }
+}