【Kiri】すべてローカルで処理・保存されるWEBベースのマインドマップ

【Kiri】すべてローカルで処理・保存されるWEBベースのマインドマップ

Kiri」は、JavaScript製のオープンソース・ソフトウェア(MIT License)として、エンジニア向けのフロントエンドだけで完結する無料のマインドマップです。

すべてローカルで処理・保存され、プライバシーに配慮したマインドマップやダイアグラムを簡単に作成することができます。

特徴

  • 様々なタイプのマインドマップやダイアグラムに対応した使いやすいインターフェース
  • すべての作業はローカルに行われ、ローカルストレージに保存されます(バックエンドはありません)。
  • ノード(=トピック)をつなぐ線は、曲線、直線、段差の3種類を用意
  • 接続線にラベルを追加
  • 入力ノード、デフォルトノード、出力ノードのシステムを定義済み
【Kiri】すべてローカルで処理・保存されるWEBベースのマインドマップ

(ナイトモードで表示も)

使い方(2021年5月時点)

⚠️現在も開発がされており、操作方法が随時アップデートされると思われます。

ノードの編集

デフォルトでは、”Central Topic” というラベルの付いた入力ノードが 1 つあります。このノードを選択した状態で、複数の方法でラベルを編集できます。

  • ノードをダブルクリックする
  • 画面の左中央にある鉛筆をクリックします
  • 右上の入力を編集する
  • スペースバーを押す

ノードの追加

新しいノードを追加するには複数の方法があります。

ノードを選択した状態で

  • ノードを選択した状態で、[Tab] キーを押して、接続された新しい子ノードを作成する(または、画面の左中央にあるDiagramアイコンを表示する)。
  • [Enter] キーを押して、接続されていない兄弟ノードを新規に作成します(または、画面左中央のノード・プラス・アイコン)。

ノードが選択されていない状態で

  • 画面右中央の3つの “Input, Default, Output “ボタンを使用する。

ノードの接続

  • ノード上の小さな円をクリックしてドラッグすることで、ノード間の接続線をドラッグすることができます。これにより、新しい接続線(エッジと呼ぶ)が作成される。
  • 接続線をクリックすると、線のスタイルやラベルを変更することができます。ノードのすぐそばにある接続線の上にマウスを移動すると、その接続線を別のノードにドラッグすることができます。

ノードの種類

  • ノードには「入力」「デフォルト」「出力」の3つの種類があります。
  • 入力ノードは子を接続することしかできません。
  • デフォルトノードは、子を持つことも、子になることもできます。
  • 出力ノードは子にしかなれません。

 

🔗athena/Kiri: Effortless mind-maps and diagrams for those who care about privacy. https://kiri.vercel.app/ – Kiri – Codeberg.org

 


WEBベースのマインドマップは多々あれど、そのなかで「Kiri」はとくに異彩を放つツールですね。

《2021年完全版》WEBブラウザで使える無料オンラインマインドマップツール&アプリ比較15選

《2024年完全版》WEBブラウザで使える無料オンラインマインドマップツール&アプリ比較15選



あなたに最適なマインドマップツールを。

思考を整理するならマインドマップ
このブログは、世界で2,700万ユーザーのMindMeister(マインドマイスター)でアイデアを整理しています。自己分析、プレゼン資料、議事録など使い方は自由自在。