内部リンク機能があるMarkdownエディタを作った

2026-01-13
自作ツール

普段のメモ・ノートツールは基本的にWorkflowyを使ってるんだけど、ブラウザで動く軽いObsidian、もしくはMarkdownを扱えるCosenseがあったらいいなぁと夢想してた。

フラットな文章で書きたい時、ブラウザで軽く書けて内部リンク機能があるMarkDownエディタって意外と無いんだよね。

で、バイブコーディングに慣れてきた今なら自分で作れるのでは?と思い挑戦してみた。

その結果がこちら → Rhizonote (リゾノート)

Image

名前の由来はRhizome(地下茎 / 水平的・横断的に接続・広がる構造や関係性を表す概念) + Note。主にGoogleAIStudioで作業して、一応形になるところまできた。

機能

とりあえず機能をざっとリストにして並べてみる。

  • 基本機能&オプション
    • データはindexedDBに保存
    • 階層付きフォルダ機能(名前に反して非Rhizomeな機能だけどデイリーを分けたい欲求に抗えず)
    • Bookmarkでノート一覧の上部に表示(手動で並び替え可能)
    • ノートタイトルと本文から検索
      • ハイライト&検索語句までスクロール
    • マークダウンプレビュー(Ctrl+E)
      • 画像記法部分をホバーで編集画面でも確認可能
    • 文字数カウンタ
    • フォントサイズ変更
    • ライト/ダークテーマ切り替え
    • 全ノートをZipでエクスポート / 全データ削除
  • Dropbox同期(Ctrl+S)
    • フロントマター付きのマークダウンとフォルダで同期
  • リンクまわり
    • Wikiリンク形式の内部リンク
    • [[ を入力するとリンク先の候補がでてきて文字入力で絞り込める
    • ノートタイトルを変更したらそのノートへのリンクテキストも一括で変更できる
    • 文字を選択してCtrl+[でリンク化
    • ファイルが存在しないリンクも作れる(赤いリンク)
      • リンクをクリックするとそのタイトルでノートが作られる
    • 関連するノート(2HopLink風)が本文の下部に並べて表示される
  • 複数行を選択して新規ノートとして切り出し(Ctrl+Shift+E)
    • 切り出し元にはリンクとして残す、切り出し先にも元ノートへのリンクを挿入
  • Split View(Ctrl+Shift+V)
    • ノートを右側に表示して、2つのノートを並べられる
  • GridView(Alt+G)
    • 全てのノートをカード形式で並べる。Markdownの画像記法があったらサムネも表示。
    • ここからでも検索できる。
  • デイリーノート(Alt+D)
    • カスタムした日付タイトルのノートが開く(月別・年別ノートにもできる)
    • 始めて開いた時に挿入されるテンプレートも設定可能
  • タスク行を抽出して一覧(Alt+T)
    • ノート本文の行頭にタスク記号 - [ ] があるとタスクとして認識され、ファイルをまたいで一覧できる
    • 一覧するモーダル内で完了状態を切り替え可能
    • 該当ノートに移動することも可能で、タスクの位置まで自動でスクロールされる
  • ランダムにノートを開く(Alt+R)
  • コマンドパレット(Ctrl+P)
    • 各種機能の呼び出し
    • ブックマークしたノートも開ける
    • 文字を入力するとノートを検索できる
  • テンプレート
    • あらかじめ書いておいたテキスト(日時も取得可能)をカーソル位置に挿入できる機能
    • テンプレート用フォルダを設定すると、その中身がテンプレートとして登録される
    • 新規ノート作成時のデフォルトで挿入されるテンプレートも設定可能
    • 出番が少ない想定でコマンドパレットから呼び出すようにしてる
  • 他ショートカット
    • Ctrl+Alt+N 新規ノート
    • Ctrl+↑↓ 行入れ替え(複数行可)
    • Ctrl+Shift+C タスク記号挿入→完了→記号削除トグル
    • Ctrl+? ショートカット一覧
  • スマホ対応
    • PWAでアプリ化
    • オフラインでも動くはず
    • 画面下部に各機能にアクセスするためのツールバーを設置
    • 左端スワイプでサイドバー表示
    • 左右にスライドで滑らかにカーソル移動

自作なので当然ながら好きな機能ばかりで、どれも書きたくて長くなってしまった。

シンプルに書くと「ブラウザから使えるDropbox経由で同期するマークダウンエディタで、内部リンク機能がけっこう充実してる」って感じ。

こんなのあったらいいなと思ったものがざっくり作れて、それを使いながら手になじませていくのがめっちゃ楽しい。自分が道具に合わせるだけじゃなく、道具を自分に寄せながら双方向でアップデートしていく感覚というか。

エディタやツールの使い方をあーでもないこーでもないと考えるのが好きな自分にとってはバイブコーディングによって自作できる幅が広がって無限に遊べちゃう。システム手帳に凝ってバインダーとかリフィル作ったりする感覚に近いかも。使ったこと無いし知らんけど。

とは言えこれを使い続けるかは謎w Workflowyがメモ環境の中心にあるのは間違いないわけで、とりあえず段差が無い方が良い時とかファイルが欲しい時に使う感じになるかな。

数日でここまで形にできたのはd-PoICや他のツールを作って(もらって)きた経験がかなり活きてる。でも同期周りをはじめちんぷんかんぷんな部分も沢山。

バイブコーディングはどんどん一般的なスキルになっていくと思うけど、クオリティは練度でめちゃくちゃ変わることを実感する日々。プログラミングとAIの知識がもっとあれば更に手軽に思い通りのものが作れるんだろうなぁ。