みなさんこんにちは!おさかなです!
今回は「Kiri」について、書いていこうと思います!
それでは、レッツゴー!!!!!
想定読者
・マインドマップを作成したい方
・オンラインでマインドマップを使いたい方
・登録するのが面倒なかた
マインドマップを作りたい!
おさかな
アカウントの作成めんどくさい~💦
もっと簡単にマインドマップを作りたい!
ナビまる
おさかな
https://osakanav.com/cheat-sheet-maker
「Kiri」って何?
「Kiri」とは、無料で使えるマインドマップサービスことです。
すべてローカル上で処理・保存を行うことができるので、プライバシーにも配慮されている優れものとなっております!(すごいっ!!)
↓こんな感じのものが作れます✨
https://kiri.vercel.app/
https://osakanav.com/audiostock
実際につかってみよう!
それでは早速サイトにアクセスします!こんな感じ!
ブロックの種類は大きく分けて3つあります!
Input
繋げられる点が、下のみについているタイプ
Default
繋げられる点が、上下についているタイプ
このブロックだけは色を変更ができます!
Output
繋げられる点が、上のみについているタイプ
ブロックを追加するときは、一度他のブロックをクリックして、右側のメニューが表示されたら、使いたいものを選択すればOKです!(ふむふむ…。)
左側のメニューの一番上のボタンから、ブロックを追加することも可能です!
線で繋ぐときは、点にカーソルを持っていって、+プラスマークになったら、クリックしながら移動すればOKです!(えいやあっ!)
線を選択して左側のメニューを触ると、色々な形に変更することができたり、点線にできたりします!
テキストを変更するときは、ブロックを選択してから右上の入力ボックスに文字を入れればOKです!
左側メニューの鉛筆マークからでも、テキストの変更ができます。(おお!)
ちなみに左上の月マーク🌙を押すと、ダークモードに変換することもできちゃいます!(いいね!)
エクスポートで表示されたコードをコピーすれば、現在の状態を保存することができます。
これのコードはどこかに保存しておきましょう!
インポートを押して、エクスポートでコピーしたデータを入力すると、以前作成したデータを読み込むこともできます。
こんな感じ!
↓試しに、おさかながエクスポートしたコードをインポートしてみると面白いかもしれません!
[{“id”:”node_88u8i8″,”type”:”default”,”data”:{“label”:”Blog osakanav”},”position”:{“x”:-266,”y”:97.99999999999999},”className”:”green”},{“id”:”node_sedzgx”,”type”:”output”,”data”:{“label”:”Free BGM”},”position”:{“x”:-4,”y”:233}},{“id”:”node_zuxylc”,”type”:”input”,”data”:{“label”:”Osakana”},”position”:{“x”:-4,”y”:47}},{“id”:”node_z73blb”,”type”:”default”,”data”:{“label”:”note”},”position”:{“x”:246,”y”:97},”className”:”teal”},{“id”:”node_xx3wt”,”source”:”node_zuxylc”,”target”:”node_z73blb”,”animated”:false,”type”:”smoothstep”},{“source”:”node_zuxylc”,”sourceHandle”:null,”target”:”node_88u8i8″,”targetHandle”:null,”id”:”reactflow__edge-node_zuxylcnull-node_88u8i8null”,”animated”:false,”type”:”smoothstep”},{“id”:”node_av7usp”,”type”:”default”,”data”:{“label”:”Youtube”},”position”:{“x”:-4,”y”:149},”className”:”blue”},{“id”:”node_0gdjxq”,”source”:”node_zuxylc”,”target”:”node_av7usp”,”animated”:false},{“source”:”node_av7usp”,”sourceHandle”:null,”target”:”node_sedzgx”,”targetHandle”:null,”id”:”reactflow__edge-node_av7uspnull-node_sedzgxnull”,”type”:”straight”,”animated”:false},{“id”:”node_rq94db”,”type”:”output”,”data”:{“label”:”Programming”},”position”:{“x”:329.00000000000006,”y”:188}},{“id”:”node_awr9tw”,”type”:”output”,”data”:{“label”:”essay”},”position”:{“x”:165.00000000000003,”y”:187}},{“source”:”node_z73blb”,”sourceHandle”:null,”target”:”node_awr9tw”,”targetHandle”:null,”id”:”reactflow__edge-node_z73blbnull-node_awr9twnull”},{“source”:”node_z73blb”,”sourceHandle”:null,”target”:”node_rq94db”,”targetHandle”:null,”id”:”reactflow__edge-node_z73blbnull-node_rq94dbnull”,”animated”:true},{“id”:”node_myg9dq”,”type”:”output”,”data”:{“label”:”Technology”},”position”:{“x”:-356,”y”:198}},{“id”:”node_4drfmf”,”type”:”output”,”data”:{“label”:”Life”},”position”:{“x”:-175,”y”:197}},{“source”:”node_88u8i8″,”sourceHandle”:null,”target”:”node_myg9dq”,”targetHandle”:null,”id”:”reactflow__edge-node_88u8i8null-node_myg9dqnull”},{“source”:”node_88u8i8″,”sourceHandle”:null,”target”:”node_4drfmf”,”targetHandle”:null,”id”:”reactflow__edge-node_88u8i8null-node_4drfmfnull”}]
おさかながやっていることをまとめてみたので、是非覗いてみてください~🌟
おさかな
マインドマップ作成のお手伝いができれば、嬉しいです!
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
https://osakanav.com/jimdo
ここまで読んでくださり、ありがとうございました!
文章が書けちゃう、新種のおさかなです。元不登校。紆余曲折あり、現在はフリーライターとして活動中。化粧品検定2級。IT、サブカルチャー、ファッション、コスメ、グルメ、シナリオまで色々書きます。SAOのユウキが好きです!