音楽・イラスト・動画・開発・同人誌……複数の制作を同時に進めていると、タスクや経緯が Notion・メモ帳・各リポの README に散らばりがちです。
公開用のポートフォリオも別管理になり、「あの作品いつ出したっけ」「あのコミュニティの URL は？」と探し回る、という経験はありませんか。
今回、自分が使っている 作業管理 Wiki と 公開 Gallery のテンプレートを MIT ライセンスで公開しました。どちらも GitHub で fork するだけで使い始められ、サーバー契約は不要（Gallery は GitHub Pages 無料枠）です。
- Wiki テンプレ: my-atelier-vault
- Gallery テンプレ: yuzushio.github.io
- 公開例: https://yuzushio.github.io/
裏方技術チックな話はZENNにて
こんな人向け
- 複数分野・複数プロジェクトを 並行している
- 非公開の作業ログと、公開ポートフォリオを 分けつつメタデータは一元化したい
- Obsidian や Cursor / VS Code Copilot / Claude Code を既に使っている（または使いたい）
2 つのテンプレの役割
| 層 | テンプレ | 何をするか |
|---|---|---|
| Backroom（Wiki） | my-atelier-vault | タスク・進捗ログ・プロジェクト索引。Open / Private / Closed で整理 |
| Gallery（公開 SPA） | yuzushio.github.io | SNS・作品・同人誌・Web プロダクトを gallery.json で一覧 |
Obsidian Vault（Wiki 正本）
│
│ @gallery-vault-sender … gallery: true のプロジェクトを整備
▼
gallery.json（公開メタ）
│
│ GitHub Pages（無料 · HTTPS）
▼
https://{ユーザー名}.github.io/
Wiki に書いた summary・URL・掲載表が、Gallery のパネル説明やリンクに流れます。二重管理を避けるための設計です。
my-atelier-vault — 作業 Wiki テンプレ
my-atelier-vault は Obsidian 向けの自己作業管理 Wiki です。
主な機能
-
Backroom — プロジェクトごとに
_index.md、タスクはtasks/やチェックボックス -
visibility —
open/private/closedで公開方針を frontmatter 管理 -
Wiki TODO ダッシュボード — Backroom 横断の未完了 TODO をブラウザ表示（
@wiki-todo-query） -
朝ブリーフィング — 今日何に着手するかの提案（
@morning-briefing） -
Agent Skills — Cursor / VS Code Copilot / Claude Code から
@wiki-setup等でセットアップ
クイックスタート
# fork 後
git clone https://github.com/<your-account>/my-atelier-vault.git
cd my-atelier-vault
# Agent Skill（推奨）
# Cursor / Claude Code で @wiki-setup
# またはスクリプト
node .cursor/skills/wiki-setup/scripts/setup.mjs
Obsidian でリポジトリ直下を vault として開き、Obsidian Git で同期する運用を想定しています。
Obsidianの見た目はこんな感じ(シンプル)
WikiTODO ダッシュボードはこんな感じ
AGENT SKILL でのブリーフィング
Agent Skill を仕込んでいるので、「おはよう」と声をかけるとWikiの情報を読んでTODOから優先タスクを推薦してくれつつ、簡単なタスク状態のサマリーを教えてくれます。
同時にTODO ダッシュボードを最新化してブラウザを開いて見せてくれます。
カスタムすれば好きなジャンルのSNSやYoutubeを漁らせてサマリーさせたりできます。
yuzushio.github.io — Gallery テンプレ
Gallery テンプレ は React + Vite の SPA です。中身は JSON と画像だけなので、UI を差し替えずにコンテンツだけ入れ替えられます。
GitHub Pages ならサーバー不要
| ポイント | 内容 |
|---|---|
| コスト | public リポの Pages は 無料 |
| 運用 |
git push がデプロイ。VPS 不要 |
| URL | {GitHubユーザー名}.github.io |
| HTTPS | 標準で有効 |
リポジトリ名を {ユーザー名}.github.io にリネームして fork するのが最短ルートです（README に手順あり）。
4 つのビュー
- Feed — 個別コンテンツを新着順
- Drill — ジャンルで絞り込み
- Timeline — 年代ごと
- Category — SNS / プロジェクト / 同人誌
SNS アカウントは kind: hub、個別の動画・楽曲・投稿は kind: work + parentId で親に紐づけます。
クイックスタート
git clone https://github.com/<your-account>/<your-account>.github.io.git
cd <your-account>.github.io
# @gallery-setup で meta 更新 · ビルド確認 · Pages 手順
npm install
npm run dev
public/data/gallery.json の items[] にパネルを足すだけで公開コンテンツが増えます。
Galleryの見た目はこんな感じ
Wiki と Gallery の連携
-
Vault 側:
@gallery-vault-sender—Backroom/{slug}/_index.mdにgallery: trueと## Gallery 掲載表 -
Gallery 側:
@gallery-vault-receiver—gallery.jsonにマージしてビルド
フォーク時に .cursor/skills/ ごと渡るので、エージェントに「このプロジェクトを Gallery に載せて」と頼むだけで、frontmatter ↔ JSON の対応を Skill が補完します。
なぜ公開したか
自分は音楽・イラスト・技術同人・コミュニティ運営など 領域がばらばらで、タスク管理と公開実績の整理に何度も悩みました。
Notion だけでは「非公開ログ」と「公開メタ」の境界が曖昧になり、ポートフォリオ SPA は別リポで二重入力になりがちでした。
Wiki を正本・Gallery を公開ビューに分け、Agent Skill で橋渡しする構成に落ち着いたので、同じ悩みを持つ人の土台としてテンプレ化しました。
ライセンス・利用
- 両リポとも MIT License
- fork · 改変 · 商用利用可（著作権表示とライセンス文の保持）
- 作者の Gallery 例: https://yuzushio.github.io/
まとめ
| やりたいこと | 使うテンプレ |
|---|---|
| 制作ログ・TODO を Obsidian で横断管理 | my-atelier-vault |
| 作品・SNS・同人を GitHub Pages で無料公開 | yuzushio.github.io |
| Wiki のメタを Gallery に流す |
gallery-vault-sender → gallery-vault-receiver
|
気になった方は fork から試してみてください。Issue や Discussion でもフィードバック歓迎です。