Skip to content

ReflectメモをローカルMDXへ移行する #16

Closed

Description

@nitaking

概要

Reflectで公開しているメモを棚卸しし、公開を継続する知識をcontent/docs/配下のMDXへ段階的に移行する。

公開コンテンツはMDX/Gitをマスターとし、Reflectはメモ・収集・下書きに限定する。移行時は原文の構造、語調、情報量を維持し、AIによる不要な加筆はしない。

現状

2026-10-09時点のcontent/docs/には、Reflectへの参照が145箇所、固有URLが136件ある。

  • content/docs/index.mdx: 134件
  • content/docs/uses.mdx: 8件(index.mdxとの重複を含む)
  • 移行済みMDXの出典リンク: 2件
  • その他の本文内リンク: 1件

index.mdx内の内訳:

カテゴリ 件数
AI & Machine Learning 11
Development & Tools 76
Writing 1
Creating 6
Workflow & Productivity 10
Philosophy & Design 6
Knowledge Management 10
Photography 8
Life & Interests 6
合計 134

ゴール

  • 公開を継続するReflectメモがローカルMDXで閲覧できる
  • index.mdxとuses.mdxのナビゲーションがローカルリンクを参照する
  • 新しい公開コンテンツをReflect URLへ直接追加しない運用に切り替える
  • 移行対象外のリンクも判断理由を残し、未判断のReflectリンクをなくす

対象外

  • Reflect上の非公開メモ、日次メモ、未完成の下書きの全量移行
  • 移行時の内容拡張や全面的なリライト
  • 外部サービス上の一次コンテンツをローカルへ複製すること

移行方針

各リンクを次のいずれかに分類する。

  • 移行: 独立した公開知識としてcontent/docs/<category>-<slug>.mdxを作る
  • 統合: 短いメモや重複内容を既存ページまたはCollectionへ追記する
  • 外部リンク化: 内容の本体が公式ドキュメントなどにあり、ローカル化する価値が低い場合は一次情報へ差し替える
  • 削除: 古い、重複している、公開価値がない、またはリンク切れの項目を取り除く
  • Reflect継続: 日次メモ、断片的なアイデア、更新中の調査など、公開MDXへ昇格させずReflectで管理する。index.mdxなど公開ナビゲーションからは外す
  • 保留: 内容を取得できないなど、判断材料が不足するもの。理由と再確認条件を記録する

優先順位は以下とする。

  1. 個人の思想・判断基準、現在も参照するワークフロー
  2. リンク切れ時の影響が大きい技術メモ、リファレンス
  3. uses.mdxから参照される現役ツールのメモ
  4. その他の短いTips、過去ツール、趣味メモ

実施計画

Phase 1: 棚卸しと基準確定

  • Reflect固有URL 136件の管理表を作る
  • 各項目にカテゴリ、移行判断、移行先、優先度、状態を付ける
  • 重複参照と、すでにローカル化済みの項目を特定する
  • 取得不能・非公開・リンク切れの項目を分離する
  • Reflect継続候補を特定し、公開ナビゲーションから外す
  • 1バッチあたり5〜15件を目安に子Issueへ分割する

管理表の最低限の項目:

Title Reflect URL Category Decision Destination Priority Status

Phase 2: 優先コンテンツの移行

  • Philosophy & Design(6件)
  • Workflow & Productivity(10件)
  • AI & Machine Learning(11件)
  • Development & Tools: Architecture / Best Practices / Claude Code(11件)
  • uses.mdxで参照中のメモ(重複を除いて確認)

Phase 3: 技術リファレンスの移行

  • Development & Tools: Frontend & UI(17件)
  • Development & Tools: Backend & Data(10件)
  • Development & Tools: TypeScript / JavaScript / Schema(6件)
  • Development & Tools: Cloud / Development Environment(16件)
  • Development & Tools: Build / Analytics(9件)
  • Development & Tools: Knowledge / Payment(7件)

Phase 4: その他カテゴリの移行

  • Knowledge Management(10件)
  • Photography(8件)
  • Creating / Writing(7件)
  • Life & Interests(6件)

Phase 5: ナビゲーションと運用の切り替え

  • 移行・統合した項目をindex.mdxのローカルリンクへ差し替える
  • uses.mdxなど本文中の重複参照もローカルリンクへ差し替える
  • index.mdxのdescriptionと本文からReflect連携を前提とする表現を更新する
  • rg 'https://reflect\.site/' content/docsで残存リンクを確認し、意図した出典リンク以外を解消する
  • bun run buildを実行する
  • 新規公開コンテンツはMDXへ追加する運用をドキュメントに反映する

1メモの移行手順

  1. Reflectページの最新内容を取得する
  2. 「移行・統合・外部リンク化・削除・Reflect継続・保留」を判断する
  3. 移行する場合はカテゴリプレフィックス付きのMDXをcontent/docs/直下に作る
  4. titleとdescriptionをfrontmatterへ設定し、本文見出しは##から始める
  5. 原文を維持し、必要な体裁と一次情報のReferencesだけを補う
  6. 技術仕様を扱う場合は公式ドキュメントの原文を確認する
  7. index.mdxまたは既存Collectionからローカルページへリンクする
  8. 個人の思想・判断基準を示すページだけmeta.jsonのサイドバー候補とする
  9. ビルドでMDXとリンクを検証する

子Issueの完了条件

  • 対象項目すべての移行判断が記録されている
  • 移行対象のMDXとローカルリンクが追加されている
  • 統合・外部リンク化・削除・Reflect継続・保留の理由がPRまたはIssueに残っている
  • 対象範囲に意図しないReflectナビゲーションリンクが残っていない
  • bun run buildが成功する
  • PR本文からこのUmbrella Issueと対応する子Issueを参照している

全体の完了条件

  • 固有URL 136件すべての判断が完了している
  • 公開継続対象がMDX/Git管理になっている
  • index.mdxとuses.mdxに未判断のReflectリンクがない
  • Reflect継続と判断した項目が公開ナビゲーションから外れている
  • 残存するReflectリンクが出典用途として明示されている
  • サイト内検索で移行コンテンツを検索できる
  • プロダクションビルドが成功する

Activity

  1. nitaking commented on Oct 9, 2026

    @nitaking
    OwnerAuthor

    Phase 1 管理表(PR #17 での最終判断)

    • 全136件の判断を完了。保留は0件(Capacities / Draw Toolは再取得を複数URL形式で試行し、いずれも404だったため削除)
    • 一括変換での移行のため、子Issueへの分割は行わず PR #17 に集約
    • 全74ページがサイト内検索(/api/search)でタイトル検索ヒットすることを確認、bun run build 成功
    全136件の判断一覧
    Title Category Decision Destination
    AI / Deep Research Best Practice AI & Machine Learning 移行 ai-deep-research-best-practice
    AI AI & Machine Learning 統合 short-notes#ai-llm
    AI Agent AI & Machine Learning 移行 ai-agent
    AI Agent Shorts Video Workflow AI & Machine Learning 統合 short-notes#ai-agent-shorts-video-workflow
    AI Search Engine AI & Machine Learning 移行 ai-search-engine
    AI Tools AI & Machine Learning 移行 ai-tools
    Claude Code Model AI & Machine Learning 統合 short-notes#claude-code-model指定
    LLM Prompt Cache AI & Machine Learning 統合 short-notes#llm-prompt-cache
    Prompt Engineering AI & Machine Learning 移行 ai-prompt-engineering
    Tsumiki (AITDD) AI & Machine Learning 統合 short-notes#tsumiki--aitdd
    Tsumikiとcc-sddの比較 AI & Machine Learning 移行 ai-tsumiki-vs-cc-sdd
    Container-Presenter Development & Tools 移行 tech-container-presenter
    CSS Modules Development & Tools 統合 short-notes#css-modules
    Font Family Development & Tools 統合 short-notes#font-family
    Google Fonts API Development & Tools 統合 short-notes#google-fonts
    List Border Development & Tools 移行 tech-list-border
    React hooks Development & Tools 統合 short-notes#react-hooks
    React Practice Development & Tools 移行 tech-react-practice
    React Review Point Development & Tools 移行 tech-react-review-point
    useMountedState Development & Tools 移行 tech-usemountedstate
    rem HTML Development & Tools 移行 tech-rem-html
    Selection API Development & Tools 移行 tech-selection-api
    Slider Development & Tools 移行 tech-slider
    Storybook Docs Style Reset Development & Tools 移行 tech-storybook-docs-style-reset
    Style Guide Development & Tools 統合 short-notes#style-guide
    Tailwind: Connecting Multiple Hover Pseudo-Elements Development & Tools 統合 short-notes#tailwind-複数のhover疑似要素を連動させる
    UI Controlled / Uncontrolled Component Development & Tools 移行 tech-ui-controlled-uncontrolled-component
    XSS対策とdangerouslySetInnerHTML Development & Tools 移行 tech-xss-dangerously-set-inner-html
    Auth Refresh Token Development & Tools 統合 short-notes#auth-reflesh-token
    Data Fetch Development & Tools 統合 short-notes#data-fetch
    Go Development & Tools 移行 tech-go-language-specification
    Go Context Development & Tools 統合 short-notes#go-context
    Go Error Handling Development & Tools 移行 tech-go-error-handling
    Go - File Naming Conventions Development & Tools 移行 tech-go-file-naming-conventions
    Mockgen Script Development & Tools 統合 short-notes#mockgenのすべてをクリアして再生成するscript
    Online DDL / MySQL Development & Tools 既存 tech-online-ddl-mysql
    ProxySQL Tips Development & Tools 統合 short-notes#tips-proxysql
    SQL EXPLAIN Development & Tools 移行 tech-sql-explain
    NPM Development & Tools 統合 short-notes#npm
    Omit & Exclude Development & Tools 移行 tech-omit-vs-exclude
    Promise.allをtype safeにしたいとき Development & Tools 統合 short-notes#promiseallをtype-safeにしたいとき
    tsconfig: moduleResolution Development & Tools 統合 short-notes#tsconfig-moduleresolution
    TypeScript Props型抽出 Development & Tools 移行 tech-typescript-component-props-type
    Azure Development & Tools 統合 short-notes#azure
    Azure Kudo Development & Tools 移行 tech-azure-kudo
    Terraform // AWS Development & Tools 移行 tech-terraform-aws
    Claude Code Development & Tools 移行 tech-claude-code
    Claude Code Knowledge Structure Development & Tools 移行 tech-claude-code-knowledge-structure
    Claude Code Privacy & Safety Development & Tools 移行 tech-claude-code-privacy-policy
    Bun Development & Tools 統合 short-notes#bun
    D2 Development & Tools 移行 tech-d2
    Draw Tool Development & Tools 削除 -
    Dev Tools Development & Tools 移行 tech-dev-tools
    Dia Development & Tools 統合 short-notes#dia
    Excalidraw Development & Tools 移行 tech-excalidraw
    Ghostty Development & Tools 移行 tech-ghostty
    Mise Development & Tools 移行 tech-mise
    Node Modules Development & Tools 統合 short-notes#node_modules
    OpenCode Development & Tools 移行 tech-opencode
    RayCast Development & Tools 移行 tech-raycast
    SSH Clipboard Development & Tools 統合 short-notes#ssh-越しにファイル内容をclipboardにコピーしたい--ssh-clipboard
    Terminal Development & Tools 移行 tech-terminal
    BLACKSMITH Development & Tools 移行 tech-blacksmith
    GitHub Actions Setup Node Development & Tools 移行 tech-github-actions-setup-node
    Minilify Development & Tools 統合 short-notes#minilify
    PSDTool Development & Tools 統合 short-notes#psdtool
    Scaffolding Tool Development & Tools 統合 short-notes#scaffolding-tool
    Analytics Tools Development & Tools 移行 tech-analytics-tools
    Firebase Analytics Development & Tools 移行 tech-firebase-analytics-key-length
    Tinybird Development & Tools 移行 tech-tinybird
    Tinylytics Development & Tools 移行 tech-tinylytics
    Bun vs pnpm - Security Tradeoffs 2026 Development & Tools 移行 tech-bun-vs-pnpm-security-tradeoffs-2026
    Given – When – Then Development & Tools 統合 short-notes#given--when--then
    KISS (Keep it Simple, Stupid) Development & Tools 移行 tech-kiss
    Twelve-Factor App Development & Tools 移行 tech-twelve-factor-app
    Design Doc Development & Tools 移行 tech-design-doc
    markdown Development & Tools 移行 tech-markdown
    Nolebase Development & Tools 統合 short-notes#nolebase
    Notion Development & Tools 統合 short-notes#notion
    Notion CheatSheet Development & Tools 統合 short-notes#notion-cheatsheet
    TypeSpec Development & Tools 統合 short-notes#typespec
    Headless CMS Development & Tools 統合 short-notes#headless-cms
    Recommend Stack Development & Tools 統合 short-notes#recommend-stack
    Recommend Workflow Development & Tools 統合 short-notes#recommend-workflow
    Tailwind Plus Development & Tools 移行 tech-tailwind-plus
    Lemon Squeezy vs Polar Development & Tools 移行 tech-lemon-squeezy-vs-polar
    MoR Development & Tools 移行 tech-mor
    Typora Writing 統合 short-notes#typora
    AquasTalk Creating 移行 creating-aquastalk
    DaVinci Resolve Creating 統合 short-notes#davinci-resolve
    FCP (Final Cut Pro) Creating 移行 creating-final-cut-pro
    Final Cut Pro Creating 統合 short-notes#final-cut-pro--fcp
    VOICEVOX Creating 統合 short-notes#voicevox-の-調声
    VOICEBOX Nemo Creating 移行 creating-voicebox-nemo
    Cross Post Tool Workflow & Productivity 統合 short-notes#crosspost-tool
    Dictation Workflow & Productivity 統合 short-notes#dictation--音声入力
    Game Tournament Tool Workflow & Productivity 移行 workflow-game-tournament-tool
    ふり返りフォーマット (KMQT/KMT) Workflow & Productivity 移行 workflow-retrospective-format
    How To Create Chart Per Deck Theme Workflow & Productivity 移行 workflow-how-to-create-chart-per-deck-theme
    Mac ゆっくり動画 Tools Workflow & Productivity 移行 workflow-mac-zundamon-yukkuri-video
    Make vs Zapier Workflow & Productivity 統合 short-notes#make-vs-zapier
    Podcast Tips Workflow & Productivity 移行 workflow-podcast-tips
    Sprint Review & Retrospective English Cheat Sheet Workflow & Productivity 移行 workflow-sprint-review-retrospective-english
    The 10-10-10 Method Workflow & Productivity 統合 short-notes#the-10-10-10-method
    Cathedral Effect Philosophy & Design 移行 philosophy-cathedral-effect
    DDD Philosophy & Design 移行 philosophy-ddd
    Design Ideology Philosophy & Design 統合 short-notes#design-ideology
    Getting Real Philosophy & Design 統合 short-notes#getting-real
    Network Effects Philosophy & Design 移行 philosophy-network-effects
    アウトプットすること Philosophy & Design 移行 philosophy-output
    Amplenote Knowledge Management 統合 short-notes#amplenote
    Anytype vs Capacities Knowledge Management 移行 knowledge-anytype-vs-capacities
    Capacities Knowledge Management 削除 -
    Heptabase Knowledge Management 移行 knowledge-heptabase
    Mindmap Tools Knowledge Management 統合 short-notes#mindmap-tools
    Note App Histories Knowledge Management 移行 knowledge-note-app-histories
    PKM (Personal Knowledge Management) Knowledge Management 移行 knowledge-pkm
    結晶性知能 Knowledge Management 移行 knowledge-crystallized-intelligence
    流動性知能 Knowledge Management 統合 short-notes#流動性知能
    論文検索 Knowledge Management 統合 short-notes#論文検索
    Fujifilm Photography 移行 photography-fujifilm
    LOOK - Photography Style Concept Photography 統合 short-notes#lookとは
    Moriyama Taido Photography 統合 short-notes#moriyama-taido
    Photo Culling Photography 移行 photography-photo-culling
    Photography SS Photography 移行 photography-shutter-speed
    Photography Resources Photography 統合 short-notes#photography
    内田ユキオ - Photographer Profile Photography 統合 short-notes#内田ユキオ
    電子シャッターとメカシャッター Photography 統合 short-notes#電子シャッターとメカシャッター
    Coffee Life & Interests 統合 short-notes#coffee
    Multipotentialite Life & Interests 移行 life-multipotentialite
    Water Loading Life & Interests 統合 short-notes#ウォーターローディング
    エアコン掃除 Life & Interests 統合 short-notes#エアコン掃除
    カーボローディング Life & Interests 移行 life-carbo-loading
    人生の考え方 Life & Interests 統合 short-notes#人生の考え方
  2. nitaking commented on Oct 9, 2026

    @nitaking
    OwnerAuthor

    サイドバー判断(手順8)の記録

    「このページは『なぜこうするか』を語っているか」で、思想系の候補5件を本文で確認した結果。

    ページ 判断 理由
    philosophy-output サイドバーへ追加 アウトプットに対する自分の考え方の構成案
    philosophy-ddd Map of Contentsのまま 参考リンク集が中心で、私見は冒頭のみ
    philosophy-cathedral-effect Map of Contentsのまま 概念の紹介と引用
    philosophy-network-effects Map of Contentsのまま 引用が中心
    life-multipotentialite Map of Contentsのまま 読書メモ

    子Issue分割について

    5〜15件ごとの分割は「目安」とされているが、全件を一括変換で処理して PR #17 に集約したため、子Issueは作成していない。分割が必要なら指示をください。

  3. nitaking commented on Oct 9, 2026

    @nitaking
    OwnerAuthor

    公開見送り(公開前レビュー後の判断変更)

    新規ファイル全件(MDX 74件、画像19枚、PDF 1件)を公開前レビューし、以下はMDXに含めない判断に変更した。Reflect上のページは変更していない。先の管理表のうち該当項目は「削除(公開見送り)」として読み替える。

    対象 対応 理由
    creating-aquastalk / creating-voicebox-nemo / creating-final-cut-pro / workflow-mac-zundamon-yukkuri-video ページ削除 動画ツール系のメモは公開しない
    short-notes の AI Agent Shorts Video Workflow・PSDTool・DaVinci Resolve・Final Cut Pro // FCP・Voicevox の 調声 節を削除 同上
    ai-deep-research-best-practice ページ削除 第三者記事の全文転載と全文和訳
    photography-shutter-speed ページ削除 子どもに関する記述
    tech-claude-code-privacy-policy、life-carbo-loading ChatGPT共有リンクを除去 会話全体が公開されるため
    tech-claude-code-knowledge-structure、tech-list-border 該当行を除去 業務固有の名称・コード断片
    short-notes の Tips ProxySQL 節を削除 Figma共有URLのみの項目
    画像7枚 削除 削除ページの付属分と、他者著作物(Appleのガイド画面、Qiita記事の表)
    • index.mdx の該当リンクも削除し、空になった Creating 節を削除
    • 結果: 移行 67件、統合 52件、既存 1件、削除 14件(404の2件を含む)。合計 134件。出典として残す移行済み2件を加えて固有URL 136件
    • 訂正: これまで「移行 74件」としていたのは short-notes.mdx 自体を数えた誤りで、正しくは 73件(新規ファイルが74件)
    • bun run build 成功。PR #17 に反映済み
    • 削除前のコミットは PR #17 のブランチ履歴に残るため、main に残さないよう squash merge を想定
  4. nitaking commented on Oct 9, 2026

    @nitaking
    OwnerAuthor

    方針変更: 公開知識として成立するものだけをMDXにする

    「全件をMDXへ」から、「自分の判断・経験が書かれたもの、または再利用できるコードや設定を含むものだけをMDXにし、手軽なメモはReflectに残す」へ変更した。

    判断 件数 内容
    移行 49 content/docs/<prefix>-<slug>.mdx
    Reflect維持 64 短いメモ52件と、リンク・引用だけの12件。index.mdxは元のReflect URLへリンク
    既存 1 Online DDL は既存 tech-online-ddl-mysql へ差し替え
    削除 20 404の2件、公開見送りの12件、本文がほぼAI出力の6件

    合計 134件。出典として残す移行済み2件(tech-commit-message、tech-go-goroutine-patterns)を加えて固有URL 136件。

    • Reflect維持の12件: tech-tinylytics tech-slider tech-design-doc tech-twelve-factor-app tech-terraform-aws tech-raycast ai-agent ai-search-engine ai-tools ai-prompt-engineering philosophy-network-effects knowledge-crystallized-intelligence
    • AI出力のため削除した6件: tech-bun-vs-pnpm-security-tradeoffs-2026 tech-list-border tech-tinybird workflow-how-to-create-chart-per-deck-theme workflow-sprint-review-retrospective-english philosophy-cathedral-effect
    • short-notes.mdx は廃止
    • CLAUDE.md に「MDXへ移行しないもの」の基準を追加
    • bun run build 成功
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentation

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions