ふっかまるのデジタルガーデン

デジタルガーデンの環境を構築する

6 min read

構築の流れ

  • obsidianを選択
    • ツェッテルカステンでPKMを蓄積したいから ※最適ではないらしい
    • LLMとマークダウンファイルの親和性
    • 複数端末で同期
      • githubを中核とすることで解決可能
    • デジタルガーデンとしても機能させたい
      • obsidian sync（公式機能、有料）
      • quartz（無料）
        • github, quartz, cloudflareで完全無料化出来る
        • 独自ドメイン利用の場合（ドメイン料だけで済む）
    • コストを抑えたい
      • quartz, github, cloudflareは無料
        • github pages（商用利用は有料）
        • cloudflare pages（商用利用も無料）
      • iosのworking copy（githubアプリ）は有料（\4500、学生は無料）
  • githubの設定
    • 公開用アカウントおよびリポジトリの用意
  • quartsの設定
    • githubにクローンを作成
    • テストする
      • local:8080でindex.mdを開く
    • cludeflare側とgithubの接続を進める
  • cludeflareの設定
    • cludeflare pagesでデプロイする ※worksではない
      • ちゃんと文字をみないとpagesへ行けない
    • conohaにあるドメインを利用する ※移管ではなくカスタム利用
  • obsidianの設定
    • 複数端末で使えるようにする
      ※githubを中核としたworking copy利用（ios）の場合は、ここで課金が必須
      • obsidianのスマホ同期は一旦保留とする。
    • wikilinkをやめてmarkdown linkに変更する ※それでも、pandocじゃないので堅牢性は低いらしい
    • プラグインとテンプレートの設定を行う
      • ノートの種別：YAML（type）で管理
        • literature, peamenent, structureは同一フォルダで管理
        • fleetingのみ別フォルダ管理
      • ファイル名とUID
        • ファイル名はUIDではなくYAML（title）で管理
          • 小文字英単語のケパブケースを採用
            • 例1: build-a-digital-garden-environment
            • 例2: this-is-a-pen
          • quartzはファイル名がslugになる仕様
            • peramlinkがリダイレクト用の旧リンクにしか使えない
              • 一般的なperamlinkと意味合いが異なる
              • 並列処理の関係で難しいらしい（開発者曰く）
              • 諦めるかUIDを採用するか？
                • ⇒ 諦めた
            • 「fukkamaru.space/20260425」はリンク名が直感的ではない
            • 日本語ファイル名は直感的だが、リンク付けで「%3%5%2～」ともっとカオス
        • obsidianはコミュニティプラグイン「front matter title」を使うことでカバー出来る
        • quartzもtitle値が入ってるとページタイトルとして扱ってくれる
        • UIDはメタ情報として持っては置く。日付データを入れる。※使うかは不明
      • その他のプラグイン
        • Git
        • Dataview
        • Templater
        • Update time on Edit

とりあえずコレで暫く運用してみる。

obsidianのフォルダ構成

  • _inbox: fleetingなどの雑多なメモやドラフト
  • _templates: obsidian用のテンプレート
  • ai_source: chatgptを始めとしたAI情報をまとめたもの。セカンダリ資料。一次ソースと比較して問題く、手直ししたらリテラチャーに格上げ
  • field: 外界に通じる別世界のフォルダ
  • zk: literature, permanent, structureなどツェッテルカステンメモ

YAMLの構成

  • title: 日本語タイトルを入力する
  • type:
    • index: quartsで作成したトップページ専用
    • field: 外の世界に通じる
    • fleeting: ツェッテルカステンにおけるフリーノート
    • literature: ツェッテルカステンにおける文献ノート
    • permanent: ツェッテルカステンにおける永久ノート
    • structure: ツェッテルカステンにおける構造ノート
  • created: カード作成日
    • 秒まで記録しタイムゾーンをUTC+9で表記
    • <% tp.date.now(“YYYY-MM-DD[T]HH:mm:ssZ”) %> で記述
  • updated: カード更新日
    • 秒まで記録しタイムゾーンをUTC+9で表記
    • <% tp.date.now(“YYYY-MM-DD[T]HH:mm:ssZ”) %> で記述
  • id: カードのUID
    • ファイル名をUID化しなかったので、メタ情報に格納
    • <% tp.date.now(“YYYYMMDD-HHmmss”) %>で記述
  • aliases:
    • 表記揺れ対策
    • 例：iPhone、iphone、アイフォン、あいふぉん
  • draft:
    • 公開：false / 未入力
    • 非公開：ture
    • チェックボックスでON/OFF出来る
  • source:
    • リテラチャーを書くときの文献をまとめる
    • リスト型で複数入力可能

今後の調整

  • obsidianプラグインの追加
    • デジタルガーデンを続けやすくしたい
    • ツェッテルカステンやquartzと相性の用意ものが欲しい
  • YAMLの入力単純化
    • プラグインでドロップボックスによる選択式がある
  • ウェブページのレイアウト
    • デジタルガーデンとしてのページタイトル名を考える
    • サイト下部にあるリンク先などの調整
  • カスタムドメインによる問題
  • サーバーによるログイン管理は無理
    • githubおよびcloudflareの両方でアクセス管理したら、特定個人ページは作成可能

Graph View

Recent Notes