【XMind】今更ながらマインドマップを使う

こういうことやりたいな~と思ってずっと放置してることが増えてきました。

やる気と時間が十分にあれば気合で作り上げることもできるのですが、ちょっと忙しいと全然進まなくなります。

マインドマップを使ってやりたいことを整理しつつ細分化して、タスクにまで落とし込んでいきます。タスクにさえしておけば未来の自分が隙間時間にやってくれると信じて。

ソフトを探す

ブラウザで書けると楽なんですがよさそうなものが見つからなかったので、評価の高かった XMind というソフトウェアをインストールします。

無料できれいなマインドマップを描けるオープンソースプロジェクトです。

 

Windows, Linux, OS X 版のインストーラが用意されています。

またポータブル版が用意されていたので、別環境に持っていけるようにこちらを使うことにしました。

ポータブル版は簡単に使えますが、.xmind ファイルを直接開くとその場所にファイル群を作成するので、アプリを起動後にファイルを開く方法でないと不便かもしれません。

使い方

起動して「空白のマップを新規作成」します。

中央トピックという箱が出てくるのでクリックで選択したら文字を変更できます。

また選択状態で「Enter」で後方トピック(兄弟)、「Tabキー」を押すとサブトピック(親子)を作成できます。

空いてるところでダブルクリックするとフローティングトピック(他とつながりのない箱)ができるので、それを他のトピックに近づけると親子関係にできます。

 

右側のメニューは細かい設定や、テーマ、アイコンの追加などできます。

 

適当に頭の中にあるものを整理してみます。

ここでの主トピックが本来は中心トピックにするべきなんでしょうね。

 

右中央のメニューからテーマを好きなものに変えてみます。

かなり種類がありましたが緑茶とクラシックⅡがお気に入りです。

 

描いたマインドマップは色んな形式でエクスポート可能です。

画像をエクスポートするだけでも形式やアイコンの表示有無を設定できて便利。

とはいえ適当に他のアプリ(Notion や Discord や Slack など)に貼り付けるときは「切り取り&スケッチ(Snipping Tool)」などでコピペする方が早いです。

 

.xmindは1ファイルで複数を管理できるので上部メニューから「挿入→新しいシート」か下のタブ部分を右クリックして「新しい空のシート」でシートを追加して、主トピックを1つづつちゃんとマッピングしよう思います。

 

XMindにはタスク管理もありますが Pro 機能なので、これは前に使い始めた Notion に任せます。

やりたいことの整理は「アレ?今何をやりたいんだっけ?」という状態から記憶をたどってモチベーションを上げるまでの時間を大幅短縮できるはず。

【GLSL】階段状に動く

久々にGLSL触るのでこれまでと違う動きを試してみる。

以下の #つぶやきGLSL の作成ログでもあります( #20 )。

 

まずは点を階段状に動かしてみる。

十字パターンのときのようにstep関数を使ってもいいんですが、単純に移動時間の半分ずつを横移動・縦移動に割り当てます。

 

動きの大きさ、点の大きさ、点の数を変えてみます。

 

動きを遅くして、横方向にも敷き詰めます。

 

点の大きさを調整し、適当に色を付けます。

動いてる感を出すためにバックバッファを使ってみます。

 

雑に文字数を減らすため、geekestに切り替えて作成完了。

texture2D がなくて texture にしないといけないところで少しハマった。

 

久々だったので最初に戸惑いましたが書き始めたらのってきた。

記事が大分偏ってきてるし、つぶやきGLSL以外でもなんかしたいなぁ。

【GLSL】黄金の回転【対数螺旋】

黄金螺旋のような渦で何か書きたい。

基本的な対数螺旋から確認していきます。

以下の #つぶやきGLSL の作成ログでもあります( #19 )。

続きを読む 【GLSL】黄金の回転【対数螺旋】

VRoid Studioでモデルを作ってUnityに入れる

これまで気が向いたときに3Dモデルについて触っていましたが、VRoid を使ったことがなかったので、モデルを作って Unity に入れるまでやってみます。

かなり前に使った「MakeHuman」っぽいイメージです。

続きを読む VRoid Studioでモデルを作ってUnityに入れる

【GLSL】十字パターンを考える2

前回「【GLSL】十字パターンを考える」の続きです。

以下の #つぶやきGLSL の作成ログでもあります( #18 )。

続きを読む 【GLSL】十字パターンを考える2

【GLSL】十字パターンを考える

クロス♰を敷き詰める模様を書いてみます。

以下の #つぶやきGLSL の作成ログでもあります( #17 )。

続きを読む 【GLSL】十字パターンを考える

【GLSL】簡単な境界による色分け

つぶやきGLSLの合間に、こうすればこう動くなーという確認。

単純な式をボーダーにして色を塗っていきます。

続きを読む 【GLSL】簡単な境界による色分け

【GLSL】つぶやきGLSL作成ログ#16

ツイッターで書いた以下の #つぶやきGLSL の作成ログ。

『円で円を作る』をもう一段追加してみる。

今回はテーマなく勢いで始めたので短めです。

続きを読む 【GLSL】つぶやきGLSL作成ログ#16

【GLSL】つぶやきGLSL作成ログ#15

ツイッターで書いた以下の #つぶやきGLSL の作成ログ。

凄くゆるい花のマークを作りたいと思います。

続きを読む 【GLSL】つぶやきGLSL作成ログ#15

【TypeScript】gray-matterでsections

gray-matterという便利なライブラリがあります。

Next.js+gray-matterのススメ」でも書いたようにコンテンツとコンフィグをまとめて1つのマークダウンにかけるようなやつです。

TypeScript でセクションを使う時に少し困ったのでメモしておきます。

続きを読む 【TypeScript】gray-matterでsections