Takatoshi Miura · @miura-t · Lee Daehyun · Takatoshi Miura · Lee Daehyun · Takatoshi Miura
--- a/public/js/chat-ui.js
+++ b/public/js/chat-ui.js
+			default:
+				// 今回のリリースに文書とその他は含めないため非表示
+				archiveType = getLocalizedString("archiveTypeOther");
+				css = 'type_other';
+		}
+
+		let html = Mustache.render(archiveTemplate, {
+			id: archive.archiveId,
+			fileName: archive.archiveName,
+			thumbnailImage: archive.archiveUrl,
+			insertDate: archive.archiveDate,
+			archiveType: archiveType,
+			archiveTypeCSS: css
+		});
+
+		let obj = $(jQuery.parseHTML(html)).on('click', function(){
--- a/public/js/chat-ui.js
+++ b/public/js/chat-ui.js
+			$('#archive_player').prepend('<video class="archive_player" src=' + archive.archiveUrl + ' controls autoplay muted playsinline></video>');
+			break;
+		case 2: // 音声
+			$('#archive_player').prepend('<audio class="archive_audio_player" src=' + archive.archiveUrl + ' controls></audio>');
+			$('#archive_player').prepend('<img class="archive_player" src=' + "https://via.placeholder.com/1280x720" + ' </img>');
+			break;
+		case 3: // 文書
+			// リリースに文書とその他は含めないため今回は非表示
+			break;
+		default:
+			// リリースに文書とその他は含めないため今回は非表示
+	}
+
+	// チャットルームへのリンク付け
+ 	document.getElementById('joinChatRoom').onclick = function() {
+ 		socket.emit('joinRoom', roomId, roomInfo.chatRoomName, function (){
--- a/public/css/chat.css
+++ b/public/css/chat.css
+.inbox_archive {
+  width: 100%;
+}
+
+#archive_list {
+  margin: 0;
+  padding: 5px 5px 5px;
+  overflow-y: scroll;
+  white-space: nowrap;
+  -webkit-overflow-scrolling: touch;
+  height: calc(100vh - 200px);
+}
+
+.archive_data {
+  overflow-y: scroll;
+  clear:both;
--- a/public/js/chat-ui.js
+++ b/public/js/chat-ui.js
            $('#bottomNav').show();
            break;

+		case '#pills-archive':
--- a/public/js/language_ko.js
+++ b/public/js/language_ko.js
    "directMessageChatRoom":"DM",
    "favorite":"즐겨찾기리스트",
    "mygroup":"마이그룹",
-    "groupChatRoom":"그룹"
+    "groupChatRoom":"그룹",
+    "archiveListTitle":"아카이브",
+    "archiveTypeImage":"이미지",
+    "archiveTypeMovie":"동영상",
+    "archiveTypeSound":"음성",
+    "archiveTypeDocument":"문서",
+    "archiveTypeOther":"기타",
+    "archiveDetailTitle":"세부 묘사",
+    "fileNameTitle":"파일 이름",
+    "saveDateTitle":"저장 일",
+    "roomNameTitle":"대화방　이름",