Obsidianがいい感じ
はじめに
こんにちは、みなさんはどのメモアプリを使用していますか？
NotionやEvernoteなどを使っている方も多いんじゃないでしょうか。
私はObsidianを使っています。
この記事では、Obsidianについての詳細な説明は省き、私がどのようにObsidianを使用しているかをまとめます。
VS CodeでのMarkdown執筆環境
デイリーノートや日頃のメモは元々VS CodeでMarkdownに書いていました。
VSCode-Neovimを使用してVimキーバインドを使用していました。
なぜ、Obsidianに移行したか
VS Codeからメモ専用アプリへの移行を考えた理由
- VS Codeはあくまでコードエディタであり、日頃のメモは専用のアプリで管理すべきと考えたから
- ランチャーツールとしてRaycastを使用しており、ホットキーでアプリを移動しているため、機能単位でアプリを分けると移動が楽だから
- 作る側の人間として色々なアプリを触った方が良いし、どのような機能があるのか興味があったから
基本的にはVS Codeのメモ環境に満足していましたが、専用アプリを使うことでさらに良くなるのではないかという好奇心から移行することにしました。結果として、期待以上に使いやすくなりました。
移行するメモアプリに対する要件
- 移行前の使用方法を再現できること
- Vimキーバインドが使用できること
- Markdownをローカルで管理すること
VS Codeの環境を再現できることがマストです。
日本語入力にVimを使うと日英変換を連打することになるのですが、普通の入力よりもVimの方が速いのでできるだけVimを使えると嬉しいです。
これら3つの要件を満たし、かつユーザー数が多いアプリはObsidianしかありませんでした。
そのため、Obsidianを選択しました。
Vimのように本体が提供する機能は最小限で、有志によるプラグインが豊富に存在するコミュニティは非常に魅力的でした。プラグインをたくさん入れることでVS Codeにも張り合えます。
見た目
カスタムしたObsidianの見た目はこんな感じです。
テーマ
Solarizedを選択
CSSスニペット
見出しに対して自作スタイルを適用
tadashi-aikawaさんのMinervaが綺麗で好みだったのでテーマとCSSを参考にしました。
CSSスニペットの適用方法はカスタムCSSスニペットでデザインしようを参照してください。
ディレクトリ構成
ディレクトリ構成はこんな感じです。
.
├── article # 外部に公開するファイル置き場
├── assets # 画像などのアセット置き場
├── canvas # キャンバス置き場
├── dairy # デイリーノート置き場
├── notes # 外部公開、デイリー・ウィークリーノート以外のすべてのファイル置き場
├── tasks.md # Tasksプラグインで未完了のタスクを集計して表示するファイル
├── templates # テンプレートファイル置き場
└── weekly # ウィークリーノート置き場
タグがあるので、ディレクトリを深くする必要はないと考えてこのような浅い構成にしています。
新規ノートの作成場所やテンプレートフォルダの場所などの設定はこのディレクトリ構成に合わせて設定しています。詳しくはがんばらないObsidianノート術を参照してください。
使用しているプラグイン
使用しているプラグインを以下にまとめた通りです。
ここでプラグインに関する説明はしません。どのように使用しているかを説明します。
一応、自分が使う上で参照したドキュメントがあれば添付します。
星の数は有用度を示しています。具体的な基準は以下の通りです。
| 星の数 | 意味 |
|---|---|
| ★★★ | 必須 |
| ★★ | あると嬉しい |
| ★ | 有用だが使用機会が少ない |
2Hop Links Plus ★
Show Image in the 2hop LinksのみOnにして運用しています。まだノート数が少ないので使っていません。2hop linksの思想は良いと思っています。
Auto Link Title ★️️️️️️️★★
これのおかげでURLをそのまま貼って、変換してから編集しています。
参考：
Calendar ️★★️★
Show week numberをOnにしていて、dairy noteとweekly noteの作成に使用しています。デザインが良いです。
参考：
Clear Unused Images ️★
画像をよく使う場合は有用です。自分用のメモに画像を全然使用しないのでまだ使っていません。
参考：
Editor Syntax Highlight ️️★★
とくに設定せず使っています。
Note Refactor ★
まだ、refactorする機会がなくて使用していません。
Hover Editor ★
基本的にライブプレビューなので使用していません。
Iconize ★★️
フォルダにアイコンをつけています。
とくに理由はありませんが、日頃お世話になっているのでLucide Iconを使用しています。
参考：
Linter ★️★★
alias、tag、created、updatedのフロントマターの自動生成・自動更新とsortを設定しています。また、見出しの前後に空白行を入れたり、最終行に空白行を追加したりなどなど色々な設定をしています。LinterというよりはFormatterのように使用しています。
参考：
Obsidian Git ★★️
12時間ごとに自動でGitHubにバックアップを取るように設定しています。ただ、Obsidianを再起動しないとバックアップが取られないようです。
参考：
Obsidian Memos ★★️★
「## メモ」以下に記述するように設定しています。基本的にチェックボックス
を用いて、タスクを細分化しています。かかった時間が見積もれるのが良いです。
参考：
TagFolder ★★️
あまり使う機会はありませんが、tagの順番によらずにフォルダのように振る舞ってくれるのでファイル間の関係がわかりやすいです。
参考：
Tasks ★★️★
in progressやcanceledも使いたいので、チャックボックスのスタイリングにObsidian--ITS-Themeのcheckboxに適用しているcssを適用しています。
参考：
Various Complements ★★️★
Strategyを日本語にしています。
参考：
Vimrc Support ★★️★
.obsidian.vimrcを以下のように設定しています。
普段使いの設定の他に、ヤンクがOSのクリップボードに保存されるように設定しています。
実際の運用方法
どのようにタスク管理・思考の整理をしているか、デイリーノート・ウィークリーノート・Tasksに分けてまとめます。
それ以外のノートは読書メモや論文メモ、単語の定義などその用途に応じたテンプレートを用意してまとめています。
デイリーノート
デイリーノートのテンプレートがこんな感じです。
フロントマター
createdとupdatedを作成時に自動入力します。
やること
期日が記載されていて未完了の3日後までのタスクを表示します。
レポートの提出やゼミの発表など期日が明確なものを記入します。
メモ
細分化した作業をチェックボックスで記入します。
やったこと
作業内容でつまったところや参照した記事などをまとめます。
ウィークリーノート
ウィークリーノートのテンプレートがこんな感じです。
フロントマター
createdとupdatedを作成時に自動で入力します。
デイリーノートと紐付けます。
やったこと
期日が記載されていて完了済みの今週のタスクを表示します。
来週やること
期日が記載されていて未完了の来週のタスクを表示します。
反省
今週の振り返りを記入します。
Tasks
未完了タスクを閲覧するファイルがこんな感じです。
期日が記載されていて未完了のタスクをすべて表示します。
移行した感想
大満足です。
もちろん、選定時の機能要件はすべて満たしていますし、それに加えてデフォルトのライブプレビュー機能やアウトゴーイングリンク・バックリンク機能などのメモアプリ特有の機能が充実していて段違いに使いやすくなりました。
良かった点と不満点を以下に挙げます。
良かった点
- デフォルトの機能が良い
（スペルチェック、ウィキリンク、ライブプレビュー、ローカルで軽い） - メモアプリ特有のコミュニティプラグインが良い
（Tasks、Obsidian memos、Auto Link Title） - VS Codeと遜色ない環境を再現できるコミュニティプラグインが良い
（Linter、Vimrc Support、Obsidian Git）
特にウィキリンクが最高です。メモアプリとして求められている機能のすべてがここに集約されていると言っても過言ではありません。ObsidianのサジェストにPKMやZettelkastenがよく出てきますが、この思想を体現するのにこれ以上適した形式はありません。
また、Tasksプラグインが自分の想像以上に使いやすいプラグインでした。チェックボックス形式で記述し、そのデータを取得するための必要最低限の機能が揃っている点がとても優秀です。NotionのToDoリストテンプレートなどの高度な機能は必要ないのでベストマッチでした。
また、メモアプリでMarkdownlintに基づいたFormatやVimの設定をここまでできると思っていませんでした。ドキュメントをしっかり読んで設定する必要があり、はじめは時間がかかりますが満足な結果が得られました。
不満点
- Vimの挙動が異なる。
日本語のwordに対する挙動がよくないです。具体的にwやeやbで移動する箇所を,で表すと以下のようになります。
普通のVimキーバインド
普段一番使用,している,Vim,キーバインド,が,VS ,Code,の,Vim,エミュレータ,なのでそれと,比較,した,時,の,不満点,です,。
漢字、ひらがな、カタカナ、ローマ字、句読点で区切られます。
ObsidianのVimキーバインド
普段一番使用しているVimキーバインドがVS ,CodeのVimエミュレータなのでそれと比較した時の不満点です,。
空白と句読点で区切られます。
比較したように、ObsidianのVimキーバインドは日本語に対してword区切りが使い物になりません。よく使うciwやyiwは使えなくなりました。このほかにも色々異なる挙動があると思います。
ObsidianのVimキーバインドはCodeMirrorを使用しているため、このような挙動になっているようです。
Neovimを使いたいと思ったら、obsidian.nvimなどが良いと思います。
参考：
さいごに
ここまでお読みいただきありがとうございます。長くなりましたが、Obsidianの魅力が伝わっていれば幸いです。
ぜひ、Obsidianを触ってみてください。
Discussion