ロードマップ

MVのない曲を、音源のまま制作物にあげられるようにする

MVを作っていない曲は、いまのところ制作物にあげられない。制作物の主役はYouTubeの動画（videoUrl）か画像・動画のカバーだけで、音そのものを置く場所がないため。 作った曲を、音源ファイル（…

• frontmatter に audioUrl を書くと、上部の大きな画像の代わりにプレイヤーが主役になる（videoUrl と同じ扱い）
• プレイヤーは、絵（thumbnail / coverImage）と再生の操作を並べたカードにする。絵が無くても成立する見た目にする
• 操作は再生・一時停止、シークバー、再生位置と長さ、音量。ブラウザ既定の見た目ではなく、サイトの見た目に揃える
• ほか 11 件

Issue #81→

曲を聴きながらページを移動できるようにする（ミニプレイヤー）

曲を聴いている間は画面に動きがなく、他のページを見に行きたくなる。いまはプレイヤーが作品ページの中にあるので、ページを移ると音が止まる。 移動しても曲が続くように、<audio をサイト全体で1つだけ…

• <audio はルートレイアウトに置いた AudioPlayerProvider が1つだけ持つ。ページを移っても要素が消えないので音が続く
• 作品ページの大きいプレイヤーは <audio を手放し、共有している状態を映す表示になる
• 鳴らせるのは1曲だけ。別の曲を押したら前の曲は止まって差し替わる
• ほか 13 件

Issue #82→

サイトと記事が検索に引っかかるようにする

サイト自体・制作物・自前のブログ記事が検索結果に出るようにしたい。

• sitemap.xml と robots.txt が無いので、検索エンジンが記事の存在に気づく手段がリンク頼りになっている
• ページごとの題名・説明が揃っていない。一覧ページ（ブログ・制作物・プロフィール）には指定が無く、
• 記事に正規URL（canonical）を書いていない
• ほか 6 件

Issue #66→

3DCGの部屋の出現アニメーション

• 部屋全体ではなく、オブジェクトごとに出現アニメーションをつける。
• 出現して床に落ちて一度バウンドするようなイメージ

Issue #41→

ブログに自前のMDX記事を載せられるようにする

今のブログはZennの記事しか並べられない。Zennに書くほどではない個人的な開発の記録や、旅行・生活の話も載せられるようにする。制作物と同じMDXの仕組みをブログにも広げる。

• src/contents/blog に .mdx を置くと記事になるようにする
• 記事ページ /blog/[slug] を追加する
• ブログ一覧にZennの記事と自前の記事を日付順で混ぜて並べる

Issue #52→

ブログ記事をカテゴリで絞り込めるようにする

テックな話と日常の話が同じ並びにあると、読みたいものを探しにくい。一覧をカテゴリで絞り込めるようにする。

• カテゴリはテック（Zenn）・開発の日記・日常の3つから始める
• 一覧の上にタブを置き、選んだカテゴリの記事だけ出す
• 記事が増えても目当ての記事にたどり着けるようにするのが狙い

Issue #53→

自前記事のサムネイルとOGP画像を用意する

Zennの記事はOGP画像を取ってこられるが、自前の記事には絵がない。記事ごとに画像を置けるようにしつつ、置かなかった記事も見た目が崩れないようにする。

• public/blog に置いた画像を記事のfrontmatterから指定できるようにする
• 画像を指定しなかった記事は、タイトルとカテゴリから既定の画像を自動で作る
• SNSでシェアされたときのOGP情報を記事ページから出す

Issue #54→

MDX記事を追加するCLIスクリプトを用意する

記事を書くたびにfrontmatterを手で写すのは面倒で、書き忘れも起きる。コマンド1つで記事の雛形ができるようにする。

• pnpm new:post でタイトルやカテゴリを対話的に入力する
• frontmatterを埋めた .mdx と、画像の置き場所を自動で作る
• 日付やslugは入力内容から組み立てる

Issue #55→

ピアノ・ギターの演奏を載せるページを作る

演奏は文章ではなく動画が主役なので、読みものであるブログとは別の一覧を作る。カードに出したい情報も、説明文より曲名やサムネイルが中心になる。

• 演奏の一覧ページを作り、ナビゲーションから行けるようにする
• 一覧はサムネイルを並べ、選ぶと演奏のページを開く
• 一覧では動画プレイヤーを読み込まず、サムネイルと再生ボタンだけ出す（プレイヤーを並べると表示が重くなるため）
• ほか 1 件

Issue #56→

アバター入りサムネイルをパラメータで作れるようにする

観葉植物の記事で作ったアバター入りのサムネイルが良かったので、同じ絵柄を パラメータを変えるだけで作り直せるようにする。

• 作るたびに使い捨てのページと撮影スクリプトを書いて、終わったら消していた
• ポーズをアニメーションの再生待ち時間で狙っていたので、同じ指定でも撮るたびに違う姿勢になった
• サムネイルの絵柄を組み立てるページを残し、題名・ラベル・写真・モーションをクエリで受け取る
• ほか 3 件

Issue #59→

Issueと連携した制作ロードマップの公開

Webサイトの中で、今後盛り込みたい機能をワクワクするUIで公開する。

Issue #42→

時間帯に応じて背景色と光の色をリアルタイムに更新する

光の色と角度の更新の実現方法は以下のどちらでも良い。 背景色はシームレスに変わると見にくいため、パターンを用意して切り替える。

• 時間から計算してシームレスに変更する。
• 朝、昼、夜などのパターンを用意して切り替える。

Issue #35→