画像アップロード時、フレームのキャプション付与が正しく行われないことがある

[xidinor]

💡 Summary

Exifタグのついた画像データを添付し、フレームの編集機能でヘッダーまたはフッターのキャプションに {year} を使用すると、少なくともプレビューでは『撮影日時の年-月-日T撮影時間』という連結された文字列になる場合がある。
例えば2017年9月2日 12時19分撮影の場合、2017-09-02T12 という文字列になる。
投稿した場合どうなるかは、この表示を確認した時点でキャプションに {year} を使用しないようにしたため、未確認。

添付画像は実際にこの問題が起きたもの。

その後手元の画像で確認すると、カメラで撮影時に書き出されたJPEG形式のものは問題なく、現像ソフトを使用してRAW形式から書き出したもので起きることがわかった。
※使用したソフトはDXO PhotoLab v6.23.0 Build 473

当該箇所と思われるソースを確認すると、半角スラッシュ区切りの年月日表記でなければ {year} {month} {day} の各要素として正しくパースできないように見受けられる。

misskey/packages/frontend/src/utility/image-frame-renderer/ImageFrameRenderer.ts

Line 92 in 863046b

case 'year': return date.split('/')[0];

謝辞
本件調査にあたり @Sayamame-beans 氏にご協力いただきました。ありがとうございます。

🥰 Expected Behavior

概要で例示したケース（2017年9月2日 12時19分撮影）では、{year} を使うと単に 2017 という文字列になること。

🤬 Actual Behavior

文章では概要に記載した通りのため、発生時のスクリーンショットを添付します。

📝 Steps to Reproduce

1. 「ノート」をクリックする。
2. 問題の起きる画像ファイルを添付する。
3. 添付画像左側のメニューをクリックし、「フレーム」の「編集」をクリックする。
4. 「ヘッダー」または「フッター」の「キャプション」（大か小は不問）に {year} を入れる。
5. 『撮影日時の年-月-日T撮影時間』という文字列として、プレビューに反映される。

💻 Frontend Environment

* 機種とOS: MSI Prestige 13 AI Evo A1MG (Windows 11 Professional (x64) Build 26200.8457 (25H2))
* ブラウザ: Microsoft Edge 148.0.3967.83
* Server URL: misskey.niri.la
* Misskey: 2026.5.4

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service:
* Misskey:
* Node:
* PostgreSQL:
* Redis:
* OS and Architecture:

Do you want to address this bug yourself?

• Yes, I will patch the bug myself and send a pull request

[dosubot]

Hi @xidinor! I'm Dosu and I'm helping the syuilo's Org team.

ご報告ありがとうございます。原因の特定が正確だと思います。

該当コード [1] を確認すると、DateTimeOriginal の値を以下のように処理しています：

const meta_date = DateTimeOriginal ?? '????:??:?? ??:??:??';
const date = meta_date.split(' ')[0].replaceAll(':', '/');
// ...
case 'year': return date.split('/')[0];
case 'month': return date.split('/')[1].replace(/^0/, '');
case 'day': return date.split('/')[2].replace(/^0/, '');

この処理は標準的なEXIF形式 YYYY:MM:DD HH:MM:SS（コロン区切り + スペースで日付と時刻を分離）を前提としています。

DXO PhotoLabなどの現像ソフトがISO 8601形式（2017-09-02T12:19:00）で DateTimeOriginal を書き出した場合：

1. split(' ')[0] → スペースがないため文字列全体 "2017-09-02T12:19:00" が返る
2. replaceAll(':', '/') → コロンが時刻部分にしかないため "2017-09-02T12/19/00" になる
3. split('/')[0] → "2017-09-02T12" が {year} として返される

これがまさに報告されている症状（{year} が 2017-09-02T12 になる）と一致します。

修正としては、meta_date を解析する際にISO 8601形式（T 区切り、ハイフン区切りの日付）にも対応するよう、パース処理を拡張する必要があります。例えば：

// ISO 8601 形式にも対応
const dateTimeSeparator = meta_date.includes('T') ? 'T' : ' ';
const datePart = meta_date.split(dateTimeSeparator)[0];
const date = datePart.replaceAll(':', '/').replaceAll('-', '/');

のようなアプローチが考えられます。

To reply, just mention @dosu.

---

Docs are dead. Just use Dosu.