【2024年版】ワイ的最強メモ管理【Windows】


# この記事について

今回は試行錯誤を重ねた自分流のメモ管理についてのお話。

:::note
対象の方
- MTGがたくさんある方
- メモの管理が苦手な方
- 設計業務や要件定義など情報の整理でメモ帳を頻繁に利用される方
- スマホやPCの同期が頻繁にあって、どこへいったのか分からなくなる方
:::


# 背景

忘れっぽかったり、ドキュメントの管理が雑なワイです。
なので開いてたメモ帳のタブがどこかに消えたり、議事録がどこにいったかを探したり…
こういった手間って皆さんありません？ありますよね！？
そこで色々と環境を整備したので、そのご紹介と共有になります。
MACの方はデフォルトのメモ帳だったりが便利だと思われるので、対象ではないかと思います。

もし、こんな管理の仕方があるよ～って方はぜひコメント欄で教えてください（物乞）

# メモ帳 - エディタ

結論から伝えると**VSCode一択です！**

クラウド版のメモ管理のアプリなども利用したことがあるのですが、色んなデメリットが多少ながらありました。

 - 料金がかかる
 - 図形などは表現しにくい
 - 画像の添付ができない・制限付きである
 - ブラウザのみ対応の場合
     - 間違えてタブを閉じてしまう
     - タブが大量に開いた場合、どこにメモがあるか分からなくなりがち
 - Markdownが非対応で議事録としては見づらくなってしまう
 - 手動保存で保存前に画面を閉じてしまう

こういった問題点がありました。
もちろん、有料であったりとか便利なものを探しきれてないだけかもしれませんが、ツールの組みあわせでこれらの問題が解決することに気付きました。

それらの設定も加味して、ご紹介します。


# VSCodeでメモ専用のプロジェクトを作成する

単にフォルダを作るだけです。
作る場所もテクニックがあるので、後程ご紹介。
これは一旦作っておいても大丈夫です。

# デスクトップ版Google Driveをインストールする

Google DriveはWindowsのエクスプローラーに新しいドライブを作成することが可能です。

https://support.google.com/drive/answer/10838124?hl=ja#zippy=%2C%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E7%89%88%E3%83%89%E3%83%A9%E3%82%A4%E3%83%96%E3%81%AE%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88

この辺でやり方が解説されているので、行っておくとよいかもしれません。
共有ドライブではなくて、マイドライブでの作成をオススメします。

# VSCodeの設定を変更する

基本的には以下の2点でよいかと思います。

- デフォルトファイル形式を設定する
- オートセーブ機能を有効にする

以下はやり方のご紹介です。
知ってる方はスキップしてOKです。

またこれらの設定はユーザー単位ではなくて、ワークスペース別での設定にすることも可能なので、エディタに大きな変更を加えたくない！という方はその方がオススメです。

その際は**ワークスペースタブが選択された状態で保存してください。**


## デフォルトファイル形式を設定する

**歯車のアイコンから設定をクリック**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2028663/c7fc6807-9dc9-cd14-3783-42ab3688f68a.png)

検索窓に`defaultLang`と入力

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2028663/b7fd42ef-50b4-dd60-d0e6-d10ae6cd2275.png)

入力欄を`markdown`にします。

## オートセーブ機能を有効にする

同じく設定画面の検索窓に`files.autoSave`と入力する

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2028663/83bde88d-2ff8-d507-96aa-cb12ad99ac65.png)

#### Auto Save Delay
こちらは変更が終わり何ミリ秒後に保存処理を走るといった設定になります。
今回は1000ミリ秒=1秒にしてますが、この辺はお好みでよいと思います

#### Auto Save Delay

今回は`afterDelay`に設定しています。
ただし出先などの通信環境に応じて適時変更した方がよいと思います。

以下がパラメータの内訳になります。

|値|状態|
|---|---|
|off|保存しない（規定値）|
|afterDelay|入力後Auto Save Delayのミリ秒の経過後に保存する|
|onFocusChange |保存していないファイルからフォーカスが移動した際に保存する|
|onWindowChange|フォーカスが VSCodeのウィンドウの外に移動したときに保存|

この中からオススメの設定に合わせて変更してみてください。
ちなみに私はコーディングの際は規定値の`off`に設定しています。

## メモ用のディレクトリをGoogle Driveにアップロードする

こちら、Windows上のエクスプローラーでも可能です。
単純にアップロードするだけ！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2028663/1890c1da-491b-9368-95c7-404d0ad04e02.png)

こんな感じでVSCode上からでもGドライブも読み取ってくれるので、次に開く際はこちらに保存させます。

何か会議などのスクリーンショットなどはこちらのフォルダに直接あげてしまえば、後でMarkdownに画像を表示させることもできるので便利ですね！

### おすすめMarkdown拡張機能

**Markdown Preview Enhanced**
こちらの記事を参考にしました。ありがとうございます！

こんな感じでmermaidのPreviewもできるのと…

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2028663/0f0dc502-bc0f-0d92-696c-45b48f280d83.png)


Exportの種類も多彩！な、なんだってー！？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2028663/7e3124e7-93fd-dcec-f1b4-ba238dbd32a6.png)


https://qiita.com/take_me/items/5ff5304b58d9feec21df

**Markdown All in One**
こちらの記事を参考にさせて頂きました。
https://zenn.dev/ctrlkeykoyubi/articles/vscode-markdown-all-in-one

地味にこいつがあると箇条書きリストなどの記載が便利です。
痒い所に手が届く存在ってどんな存在でも重宝されますよね～。


# スマホの場合はどうする

個人的にスマホは閲覧だけできれば問題ないのでGoogle Driveのアプリでファイルを選択し
アプリで開く > iPhoneのメモ帳で観るようにしています。

スマホやタブレットで編集をしたい！ということであればメモ帳のクラウドアプリを使用するか
WordやExcelで一度保存するなども手かなと思ってます。
とはいえマークダウン便利なので私はこの方法でよいかなと気に入ってます！

## さいごに

冒頭に2024年版と記載したのも現時点での個人的な最適な管理方法だなと思っていますが、また何かやり方が変わるかもしれません。
その際は情報の整理次第で共有させて頂ければと思いますので、ぜひ参考にして頂ければ幸いです。