{
// 音声をデコードする
const buffer = await audioCtx.decodeAudioData(data.slice(0));
// 左の音声データの絶対値を取る
- const leftData = _.map(buffer.getChannelData(0), Math.abs);
+ const leftData = Array.from(buffer.getChannelData(0), Math.abs);
// 右の音声データの絶対値を取る
- const rightData = _.map(buffer.getChannelData(1), Math.abs);
+ const rightData = Array.from(buffer.getChannelData(1), Math.abs);
// 左右の音声データの平均を取る
- const normalized = _.map(_.zip(leftData, rightData), _.mean);
+ const normalized = leftData.map((left, idx) => (left + (rightData[idx] ?? left)) / 2);
// 100 個の chunk に分ける
- const chunks = _.chunk(normalized, Math.ceil(normalized.length / 100));
+ const chunkSize = Math.max(1, Math.ceil(normalized.length / 100));
+ const chunks: number[][] = [];
+ for (let i = 0; i < normalized.length; i += chunkSize) {
+ chunks.push(normalized.slice(i, i + chunkSize));
+ }
// chunk ごとに平均を取る
- const peaks = _.map(chunks, _.mean);
+ const peaks = chunks.map((chunk) => chunk.reduce((sum, value) => sum + value, 0) / chunk.length);
// chunk の平均の中から最大値を取る
- const max = _.max(peaks) ?? 0;
+ const max = Math.max(0, ...peaks);
return { max, peaks };
}
diff --git a/application/client/src/components/new_post_modal/NewPostModalPage.tsx b/application/client/src/components/new_post_modal/NewPostModalPage.tsx
index e337c46b74..cc23bdb0c0 100644
--- a/application/client/src/components/new_post_modal/NewPostModalPage.tsx
+++ b/application/client/src/components/new_post_modal/NewPostModalPage.tsx
@@ -1,4 +1,3 @@
-import { MagickFormat } from "@imagemagick/magick-wasm";
import { ChangeEventHandler, FormEventHandler, useCallback, useState } from "react";
import { FontAwesomeIcon } from "@web-speed-hackathon-2026/client/src/components/foundation/FontAwesomeIcon";
@@ -11,8 +10,13 @@ import { convertSound } from "@web-speed-hackathon-2026/client/src/utils/convert
const MAX_UPLOAD_BYTES_LIMIT = 10 * 1024 * 1024;
-interface SubmitParams {
- images: File[];
+interface ImageUpload {
+ alt: string;
+ file: File;
+}
+
+export interface SubmitParams {
+ images: ImageUpload[];
movie: File | undefined;
sound: File | undefined;
text: string;
@@ -55,22 +59,26 @@ export const NewPostModalPage = ({ id, hasError, isLoading, onResetError, onSubm
Promise.all(
files.map((file) =>
- convertImage(file, { extension: MagickFormat.Jpg }).then(
- (blob) => new File([blob], "converted.jpg", { type: "image/jpeg" }),
- ),
+ convertImage(file, { extension: "webp" }).then(({ alt, blob }) => ({
+ alt,
+ file: new File([blob], "converted.webp", { type: "image/webp" }),
+ })),
),
)
- .then((convertedFiles) => {
+ .then((convertedImages) => {
setParams((params) => ({
...params,
- images: convertedFiles,
+ images: convertedImages,
movie: undefined,
sound: undefined,
}));
setIsConverting(false);
})
- .catch(console.error);
+ .catch((error) => {
+ console.error(error);
+ setIsConverting(false);
+ });
}
}, []);
@@ -90,6 +98,9 @@ export const NewPostModalPage = ({ id, hasError, isLoading, onResetError, onSubm
sound: new File([converted], "converted.mp3", { type: "audio/mpeg" }),
}));
+ setIsConverting(false);
+ }).catch((error) => {
+ console.error(error);
setIsConverting(false);
});
}
@@ -103,20 +114,23 @@ export const NewPostModalPage = ({ id, hasError, isLoading, onResetError, onSubm
if (isValid) {
setIsConverting(true);
- convertMovie(file, { extension: "gif", size: undefined })
+ convertMovie(file, { extension: "mp4", size: undefined })
.then((converted) => {
setParams((params) => ({
...params,
images: [],
- movie: new File([converted], "converted.gif", {
- type: "image/gif",
+ movie: new File([converted], "converted.mp4", {
+ type: "video/mp4",
}),
sound: undefined,
}));
setIsConverting(false);
})
- .catch(console.error);
+ .catch((error) => {
+ console.error(error);
+ setIsConverting(false);
+ });
}
}, []);
@@ -136,10 +150,12 @@ export const NewPostModalPage = ({ id, hasError, isLoading, onResetError, onSubm
diff --git a/application/client/src/components/post/CommentItem.tsx b/application/client/src/components/post/CommentItem.tsx
index cb5bd38bda..47e9dd827b 100644
--- a/application/client/src/components/post/CommentItem.tsx
+++ b/application/client/src/components/post/CommentItem.tsx
@@ -1,7 +1,6 @@
-import moment from "moment";
-
import { Link } from "@web-speed-hackathon-2026/client/src/components/foundation/Link";
import { TranslatableText } from "@web-speed-hackathon-2026/client/src/components/post/TranslatableText";
+import { formatJaDate, toIsoString } from "@web-speed-hackathon-2026/client/src/utils/datetime";
import { getProfileImagePath } from "@web-speed-hackathon-2026/client/src/utils/get_path";
interface Props {
@@ -42,8 +41,8 @@ export const CommentItem = ({ comment }: Props) => {
-