[[📒Articles]] > [[📒2022 Articles]] ![[2022-06-05.jpg|cover-picture]] 私が普段どのように[[Obsidian]]を使っているかを記事にしてみました。 ## はじめに 本記事は読者と筆者の背景マッチングが大切だと考えています。多少長い前置きとなっておりますがお付き合いください。 ### 本記事執筆の動機 私が[[Obsidian]]を使い始めたのは2021年の正月です。[[Obsidian]]利用歴はもうすぐ1年半になります。[[📒Articles]]でも、いくつか[[Obsidian]]の記事を書いてきました。 - [[📘Various ComplementsがGitHubで★100スターを達成するまで]] - [[📘Obsidian Publishの運営戦略]] - [[📘Obsidianと過ごした2021年]] - [[📘自分だけのObsidian Quick Switcherを作ってみた]] - [[📘Obsidianプラグイン開発で自動リロードさせる]] - [[📘Obsidianでカード形式のリンクを挿入できるようにしてみた]] - [[📘Obsidianは10年後の礎になると半年間使って確信した話]] また、[[Obsidian Publish]]の利用方法については、以下の記事で紹介しています。 <div class="link-card"> <div class="link-card-header"> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" class="link-card-site-icon"/> <span class="link-card-site-name">minerva.mamansoft.net</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">📘Obsidian Publishの運営戦略 - Minerva</p> </div> <div class="link-card-description"> Obsidian PublishでMinervaを1年以上運営しているので、改めて運営戦略についてまとめてみました。 </div> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/minerva-image.png" class="link-card-image" /> </div> <a class="internal-link" data-href="📘Obsidian Publishの運営戦略" ></a> </div> ただ、[[Obsidian]]そのものの利用方法については、今まで[[📒Articles]]に書いたことはありませんでした。最近、[[Obsidian]]の知名度も上昇傾向にあるようですので、この機会に私自身の[[Obsidian]]利用方法をまとめてみたいと思いました。 ### 筆者について ラフに箇条書きすると以下のような感じです。これを見てシンパシーを感じる方には、お役に立てるかもしれません。 - 👤 **エンジニアとして** - 主にWeb([[SPA]])やAPI、コンバーター、パーサーを開発するエンジニア - ツールの導入・使用・開発・運用が得意 - [[Vimmer]]だが、状況によって[[Vim]]、[[IntelliJ IDEA]]、[[VSCode]]、[[Obsidian]]を使いこなす - すべて[[Vim]]キーバインドを使っている - [[Windows]]使いだけどターミナルガチ勢 - [Windows TerminalとPowerShellでクールなターミナル環境をつくってみた](https://blog.mamansoft.net/2020/05/31/windows-terminal-and-power-shell-makes-beautiful/) の著者 - [[AutoHotkey]]ガチ勢 - 設定は[[🦉Spinal reflex bindings template]]参照 - 得意な言語は[[TypeScript]]、好きな言語は[[Rust]]と[[Haskell]] - よく使う言語は[[TypeScript]]、[[Rust]]、[[Go]]、[[Python]] (最近はそうでもない) - 💎 **[[Obsidian]]使いとして** - [[Obsidian]]は[[Windows]]で利用 - [[Obsidian mobile]]を利用 - [[Android]]と[[iPadOS]] - [[Obsidian Sync]]利用 - [[Windows]]、[[Android]]、[[iPadOS]] すべてをsync - [[Obsidian Publish]]利用 - [[Minerva]] (このサイト) はすべて[[Obsidian Publish]] - [[Obsidianプラグイン]]開発者 - [[🦉Various Complements]] - [[🦉Another Quick Switcher]] - [[🦉Embedded Code Title]] - [[Obsidian]]を使う前は[[IntelliJ IDEA]]や[[VSCode]]を[[Markdown]]エディタとして使っていた - Vip role (一般ユーザーとしては最上位) [[PKM]]の経歴詳細は [[📘Obsidianは10年後の礎になると半年間使って確信した話#10年前と転換期]] をご覧ください。また、エンジニアとしての経歴詳細は[[📕tadashi-aikawa]]をご覧ください。 ### 想定する読者 本記事は以下の読者を想定しています。 - [[Obsidian]]を使っている人 - [[Obsidian]]で何ができるかを知っている人 (Webで調べただけも含む) ### 書かないこと 本記事では以下の内容には触れません。 - [[Obsidian]]の説明 - [[Obsidian]]の基本機能について - [[Obsidian]]と他ツールの比較 - [[Obsidianプラグイン]]の開発について - [[Obsidian]]コミュニティの話 ## [[Obsidian]]とタイムライン 1日、1週間という単位で[[Obsidian]]をどのように使っているか紹介します。まずは、毎日の流れからです。 ### [[デイリーノート]]の作成 毎朝、起床後は[[Obsidian]]を起動して必ず[[デイリーノート]]を作成します。[[Periodic Notes]]を使ってテンプレートをベースにしています。 > [!attention] > [[デイリーノート]]は[[Minerva]] ([[Obsidian Publish]]) に公開していません。 ### 身体データの記録 同じタイミングで体組織系で身体データの計測を行い、結果を記載します。(歩数と筋トレ回数は1日の終わりに記載します) ![[Pasted image 20220529214648.png|frame]] 身体データは[[Tracker]]を使ってグラフ化しています。以下は体重の例です。 ![[Pasted image 20220529214933.png|frame]] この目的は以下2点です。 - 毎日数字を計測、記載することで現実から目を背けないようにして行動に移すため - 体調不良に陥ったとき過去のデータを参考材料にするため ### 日中のメモ 日中に考えたことや思ったことを主に箇条書きで記載します。ただ、[[デイリーノート]]以外の最適なノートを作成して、そこに書くことの方が多いです。[[デイリーノート]]に書くのは、どこに書くべきかも分からないような場合くらいですね。あとはニュースのメモとか。 ただ、[[デイリーノート]]に大量のメモを記載することはほとんどありません。書いたとしても、翌日中には別のNoteに移植することがほとんどです。 ![[Pasted image 20220529215500.png|frame]] ### その日に作成/更新したノートの一覧 正確には翌朝になりますが、話の流れ的にここで記載した方が分かりやすいため、ここに書きました。以下のような感じです。 ![[Pasted image 20220529215719.png|frame]] これは[[Templater]]で作成したスクリプトを実行することによって自動生成しています。詳細が気になる方は [[Templaterを使ってデイリーノートに作成ノートと更新ノートの一覧を出力]] をご覧ください。 一覧を作成する理由は2つあります。 - 特定のノートに関する作業を行った日付を、[[バックリンク]]によって特定するため - [[📰Weekly Report]]の成果を記載するため 日付の特定が必須になるケースはほぼありませんが、自身の成果を振り返る意味でも意識的に行う価値はあると思っています。 ### 週の切り替わりに[[📰Weekly Report]]を書く 翌週のはじめに[[📰Weekly Report]]を作成します。[[Periodic Notes]]を使ってテンプレートをベースにしています。 [[📰Weekly Report]]にはいくつかの項目を設定しています。時期によって項目は多少移り変わりしますが、現時点では以下のようになっています。 | 項目名 | 説明 | | --------------- | ----------------------------------------------- | | 📰Impression | 頑張ったこと、新しいこと、改善したこと など | | 🎇Shiny Outputs | 輝かしいOutput | | 👀Medias | Webページ、本、動画、[[Podcast]]などによるInput | | 📚Inputs | [[Minerva]]に作成した新しいノート(Input) | [[📰Weekly Report]]は公開しています。これはもともと、ブログよりもアウトプットのハードルを下げるために始めた試みだからです。詳しくは以下の記事をご覧ください。 <div class="link-card"> <div class="link-card-header"> <img src="https://avatars1.githubusercontent.com/u/9500018?s=460&v=4" class="link-card-site-icon"/> <span class="link-card-site-name">MAMANのITブログ</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Weekly Reportをはじめてみる</p> </div> <div class="link-card-description"> Weekly Reportをはじめることにしました。 </div> </div> <img src="https://blog.mamansoft.net/images/cover/weekly-report.jpg" class="link-card-image" /> </div> <a href="https://blog.mamansoft.net/2020/06/08/start-weekly-report/"></a> </div> [[Obsidian Publish]]がメインになった今では、[[Minerva]]のノートを単独公開することの方がハードルが低いですが、凝縮された情報発信やふりかえりの意味も込めて、[[📰Weekly Report]]には依然として価値があります。 [[📰Weekly Report]]を一望できるページはありませんが、[[Minerva]]右上の検索窓から年と週を指定して検索できます。 ![[Pasted image 20220529222127.png|frame]] ## ファイルの管理ポリシー ### ディレクトリ・タグ構成 [[Obsidian]]のディレクトリ構成は、基本的に以下のページに従っています。 <div class="link-card"> <div class="link-card-header"> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" class="link-card-site-icon"/> <span class="link-card-site-name">minerva.mamansoft.net</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">📓Minervaのディレクトリ構成 - Minerva</p> </div> <div class="link-card-description"> </div> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/minerva-image.png" class="link-card-image" /> </div> <a class="internal-link" data-href="📓Minervaのディレクトリ構成" ></a> </div> [[PKM]]として扱う知識の集合体はほとんど`Notes`ディレクトリ配下に格納しています。その理由は [[💿MIN-0012 すべてをNoteディレクトリ直下に配置する]] をご覧ください。 [[📓Minervaのディレクトリ構成]]以外に、非公開のディレクトリ構成が`_Privates`配下に存在します。 - `_Privates` - `Daily Notes`: [[デイリーノート]]のファイル - `Template`: テンプレートファイル - `Templater`: [[Templater]]関連のファイル `_Privates`配下にはその他いくつかのファイルがあり、それらは公開したくないファイルです。[[Obsidian Publish]]のフィルタオプションで、`_Privates`配下をpublishしないよう除外しています。 ![[Pasted image 20220531002314.png|frame]] 情報の分類にはタグを使います。タグを使う一番の理由は**1つのファイルに複数設定できること**です。この辺の意義やその他の理由は、[[💿MIN-0014 知識の分類にフロントマターではないタグを使う]] をご覧ください。 ### ファイル名 ファイル名は単体で意味が完結するようにつけています([[アトミックノート]])。たとえば、[[Obsidian]]のインストール方法に関するノートを作成するときは、`Obsidian/インストール方法`ではなく`Obsidianのインストール方法`です。 メリットは以下の2点です。 - 検索性が高い - 同じ名前のノートが(別々のディレクトリで)量産されることを防げる 一方、デメリットもあります。 - タイトルが長くなる - [[内部リンク]]が長くなる - コンテキストが異なる同じ名前のノートを作成できない 特に[[内部リンク]]が長くなるデメリットについては、[[Evergreen Notes]]の思想を取り入れようとしたときに実感します。 <div class="link-card"> <div class="link-card-header"> <span class="link-card-site-name">Andyʼs working notes</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Evergreen notes | Evergreen notes should be atomic | Evergreen note titles are like APIs</p> </div> <div class="link-card-description"> </div> </div> </div> <a href="https://notes.andymatuschak.org/Evergreen_notes?stackedNotes=z4Rrmh17vMBbauEGnFPTZSK3UmdsGExLRfZz1&stackedNotes=z3XP5GRmd9z1D2qCE7pxUvbeSVeQuMiqz9x1C"></a> </div> [[Evergreen NotesのタイトルはAPIのようなもの]] とされているので、文章中に[[内部リンク]]を自然に挿入することができず、エイリアスが必要になってしまいます。 私の場合は、[[Evergreen Notes]]のように[[内部リンク]]を文章中に自然と挿入することを諦めました。[[👤Andy Matuschak]]の思想は非常に魅力的ですが、そこまでこだわるとコストがデメリットを上回ると思ったからです。(その他のコンセプトは取り入れています) その他、特定の意味を持つノートには[[prefixアイコン]]をつけるようにしています。 <div class="link-card"> <div class="link-card-header"> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" class="link-card-site-icon"/> <span class="link-card-site-name">minerva.mamansoft.net</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">📓MinervaのPrefixアイコンルール - Minerva</p> </div> <div class="link-card-description"> 📓MinervaのPrefixアイコンルール - Minerva </div> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/minerva-image.png" class="link-card-image" /> </div> <a class="internal-link" data-href="📓MinervaのPrefixアイコンルール" ></a> </div> ### エイリアス エイリアスは**検索でヒットさせるため**につけます。[[内部リンク]]の表示を変えるために使うことはほぼありません。 そのため、略語を持つものは、**タイトルに略語を、エイリアスに正式名称を**つけることが多いです。なぜなら、本文で利用する頻度は略語の方が圧倒的に多いからです。 ファイル名、エイリアス、タグ、見出し、本文、どれを検索対象とするかは複数の方法と戦略を用意しています。基本的に、ファイル名、エイリアス、タグは[[🦉Another Quick Switcher]]を、見出しと本文は[[Omnisearch]]で検索するために使います。詳しくは後ほど登場する[[#ユースケースと実現方法]]をご覧ください。 > [!add] #2022/07/10 追記 > [[🦉Another Quick Switcher]]の[v5.0.0](https://github.com/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/5.0.0) から見出しによる検索が、[v5.1.0](https://github.com/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/5.1.0)から[[内部リンク]]による検索ができるようになりました。見出しや[[内部リンク]]の名称も検索対象に含まれるようになったので、今までファイル名やタグ名でヒットしなかったファイルも検索されるようになりました。 ## Obsidianの設定 ~見た目編~ ここから[[Obsidian]]の設定に関して触れていきます。すべてを書くといくらページがあっても足りないので、ある程度取捨選択して紹介します。 ### ワークスペースレイアウト 以下のような感じです。サイドバーが不要なときは畳んでいます。(特に左側) ![[Pasted image 20220529222530.png|frame]] - 左上は[[File explorer]] - あまり使わないが、ファイルの存在確認でたまに使う - 左下は[[Calendar]] - [[📰Weekly Report]]の作成に使う - [[デイリーノート]]は作成、移動共にショートカットキーなので普段は使わない - 右上は[[Outline]] - 長いノートを書くときに見通しを確認するため使う - 見出しの移動は[[🦉Another Quick Switcher]]の[[Header floating search in file]]を使う - 右下は[[Backlinks]] - 現在のノートを参照するノートを確認するために使う - [[バックリンク]]への移動は[[🦉Another Quick Switcher]]の[[Backlink search (旧)]]を使う ### テーマ テーマは[[Solarized for Obsidian]]のLightテーマを使っています。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - Slowbad/obsidian-solarized</p> </div> <div class="link-card-description"> A solarized recolor of Obsidian. Contribute to Slowbad/obsidian-solarized development by creating an... </div> </div> <img src="https://opengraph.githubassets.com/7851acfd57368b6a51e8f2867cd430d3b801723681c357179907579a2aa8cb51/Slowbad/obsidian-solarized" class="link-card-image" /> </div> <a href="https://github.com/Slowbad/obsidian-solarized"></a> </div> ただ、それ以外にもかなり[[CSS]]カスタマイズをしています。具体的なコードは[[Minerva]]にアクセスして、[[Chrome devtools]]を開けば確認できますのでそちらをご覧ください。 ![[Pasted image 20220529224116.png]] 他と比べて特徴的なのは以下2点です。 - [[📘Obsidianでカード形式のリンクを挿入できるようにしてみた]] - [[📕Obsidianで特定サイトの外部URLにロゴを付与]] ### エディタモード [[Editing view]]のモードは[[Live Preview]]にしています。理由は以下の通り。 - [[内部リンク]]や[[外部リンク]]が短くなり可視性が高い - 特にカード形式の[[HTML]]タグ - [[Reading view]]に見た目が近く、確認の手間が省ける - [[Vim]]のキーバインドと両立できる [[Live Preview]]機能が追加されてからしばらくの間は移行障壁がありましたが、現在それらはほぼ解決しています。詳しくは [[📝ObsidianのメインエディタをLive Previewに移行する障壁]] をご覧ください。 ### [[グラフビュー]]は使わない [[Obsidian]]を勧めるときに評判のいい[[グラフビュー]]は使っていません。[[内部リンク]]を追加や削除したときのアニメーションはテンション上がりますが、以下の理由から不要なためです。 - [[リンク]]を確認したいことはない - [[リンク]]への移動は[[Jump to link]]を使った方が楽 - [[バックリンク]]は[[Backlinks]]ペインの方が確認しやすい - [[バックリンク]]への移動は[[🦉Another Quick Switcher]]を使った方が楽 ### [[Sliding Panes (Andy Matuschak Mode)]] は使わない 見た目を格好よくする人気の[[Obsidianプラグイン]]に、[[Sliding Panes (Andy Matuschak Mode)]]があります。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - deathau/sliding-panes-obsidian</p> </div> <div class="link-card-description"> Andy Matuschak Mode as a plugin. Contribute to deathau/sliding-panes-obsidian development by creatin... </div> </div> <img src="https://opengraph.githubassets.com/c45b429657b2183db23762d2b98ce2003c17924b1fd49e674497dc547697a743/deathau/sliding-panes-obsidian" class="link-card-image" /> </div> <a href="https://github.com/deathau/sliding-panes-obsidian"></a> </div> 当初は[[Obsidian Publish]]でも使っていましたが、以下の理由から使わなくなりました。 - 一部、直感的でないエディタ操作が発生する (ペインの移動や履歴など) - 一部動作のパフォーマンスが落ちる - 開いているノートを増やすと横幅が狭くなりコンテンツが読みにくい 見た目はとても格好いいのですが、実用面のデメリットと比較して決めました。 ## [[Obsidian]]の設定 ~Vim編~ キーバインドは人それぞれだと思いますし、数が多いので控えます。ただ、**極力Vimと同じように操作をしたいんだぁァ!!** という方は少なからずいらっしゃると思います。そういう方向けのセクションです。 > [!attention] > [[Vim]]に興味がない方はすっ飛ばしてしまってください。興味なくても読んでもらえたら嬉しいですが...😅 ### Vimモード [[Obsidian]]はコア機能で[[Vim]]モードに対応しています。設定でONにします。 ![[Pasted image 20220530220400.png]] 以下の機能は一通り備えています。ただ対応状況はホンモノの[[Vim]]と比べれば心もとないです。それでも普通の操作と比べれば遥かに優れた体験でしょう。 - [[モーション]] - [[オペレータ]] - [[ドットコマンド]] - マクロ - [[Exコマンド]] 何よりも[[Live Preview]]に対応しているのが強い! [[Vim]]のキーバインドに本格対応している[[WYSIWYG]]エディタを私は他に知りません。 ![[2022-05-30.gif|frame]] ここからは少し細かい話に入っていきます。 ### クリップボードと[[ヤンク]]を同期したい デフォルトでは[[OS]]のクリップボードと[[ヤンク]]の領域は別になっています。[[Vimrc Support Plugin]]を使って同期させます。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - esm7/obsidian-vimrc-support</p> </div> <div class="link-card-description"> A plugin for the Obsidian.md note-taking software. Contribute to esm7/obsidian-vimrc-support develop... </div> </div> <img src="https://opengraph.githubassets.com/a2a4155941b8c7401ceff269b6ddd4dcc6afeee0d94ec815d24371c3dbdb1143/esm7/obsidian-vimrc-support" class="link-card-image" /> </div> <a href="https://github.com/esm7/obsidian-vimrc-support"></a> </div> READMEに書かれているように、`.obsidian.vimrc`を作って次の設定を追加するだけです。 ```vim " Yank to system clipboard set clipboard=unnamed ``` [[Vimrc Support Plugin]]は他にもさまざまな機能に対応しています。詳しくはREADMEをご覧ください。 ## ユースケースと実現方法 [[Obsidianプラグイン]]の一覧でも紹介しようかと思いましたが、以下のように素晴らしいページがあるのでやめました。 <div class="link-card"> <div class="link-card-header"> <img src="https://pouhon.net/wp-content/uploads/2020/12/favicon000-150x150.png" class="link-card-site-icon"/> <span class="link-card-site-name">Output 0.1</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">[Obsidian] コミュニティプラグイン全集</p> </div> <div class="link-card-description"> Obsidianには標準で用意されたコアプラグインとコミュニティプラグイン(いわゆるサードパーティプラグイン)が存在します。その中でもコミュニティプラグインは多数存在し、また今後もその数は増え続けるで... </div> </div> <img src="https://pouhon.net/wp-content/uploads/2022/01/Obsidian_6系統001.png" class="link-card-image" /> </div> <a href="https://pouhon.net/obsidian-plugins/7073/"></a> </div> 代わりに本記事では、**ユースケースとその実現方法**を紹介します。その過程でたくさんの[[Obsidianプラグイン]]が登場します。逆引きといった感じでしょうか。 > [!attention] > 私が利用していないユースケースは記載していません。有名どころだと以下のケース。 > - [[Excalidraw]]を使って図を書く > - [[Kanban]]を使ってカンバンボードを利用する > - [[Dataview]]を使ってデータベースのようにノートを管理する > [!note] > 私が開発しているプラグイン(🦉から始まるもの)が多めですが、宣伝の意図はありません。自分のユースケースを満たすためにプラグインを開発しているのでそうなってしまうだけです。 ### [[Editing view]]と[[Reading view]]を同時に表示したい [[Reading view]]でプレビュー表示結果を見ながら、[[Editing view]]で編集したい場合です。例えば[[📒Articles]]を書く場合に使います。 [[Editing view]]の状態で、右上の🕶マークを`Ctrl/Cmd`押しながら左クリックすると、同期する[[Reading view]]が表示されます。 ![[2022-06-05.mp4]] ### ファイル名やタグでファイルを検索して開きたい [[🦉Another Quick Switcher]]の[[Normal Search]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tadashi-aikawa/obsidian-another-quick-switcher</p> </div> <div class="link-card-description"> This is an Obsidian plugin which is another choice of Quick switcher. - GitHub - tadashi-aikawa/obsi... </div> </div> <img src="https://opengraph.githubassets.com/3e9d5484895ee63435448b8766f0422cebca5e3664db43ff2a77f95c61dcb7d8/tadashi-aikawa/obsidian-another-quick-switcher" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-another-quick-switcher"></a> </div> このプラグインは[[Quick switcher]]では実現できない以下に対応しています。 - 単語の登場順に関係なくヒットする - Fuzzy searchではないのでノイズが少ない - 1文字目の絵文字を無視して検索結果を表示できる - タイトルだけでなくタグも検索対象にできる ### 最近開いたファイルを検索して開きたい [[🦉Another Quick Switcher]]の[[Recent search]]や[[Filename Recent Search]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tadashi-aikawa/obsidian-another-quick-switcher</p> </div> <div class="link-card-description"> This is an Obsidian plugin which is another choice of Quick switcher. - GitHub - tadashi-aikawa/obsi... </div> </div> <img src="https://opengraph.githubassets.com/3e9d5484895ee63435448b8766f0422cebca5e3664db43ff2a77f95c61dcb7d8/tadashi-aikawa/obsidian-another-quick-switcher" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-another-quick-switcher#recent-search"></a> </div> 検索が不要でサイドバーの方がよければ[[Recent Files]]をオススメします。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tgrosinger/recent-files-obsidian</p> </div> <div class="link-card-description"> Display a list of most recently opened files. Contribute to tgrosinger/recent-files-obsidian develop... </div> </div> <img src="https://opengraph.githubassets.com/ea953a5aaf2fb2deb5f546bdb2c1ee5f16b031f3a7fc1ee4fb3c075c9f12f46e/tgrosinger/recent-files-obsidian" class="link-card-image" /> </div> <a href="https://github.com/tgrosinger/recent-files-obsidian"></a> </div> ### ファイル名や本文でファイルを検索したい [[Omnisearch]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - scambier/obsidian-omnisearch</p> </div> <div class="link-card-description"> A search engine that "just works" for Obsidian. Contribute to scambier/obsidian-omnisearch developme... </div> </div> <img src="https://opengraph.githubassets.com/f0d6f648f15ef113cd77b06a535c22a060aeb1e7ed8923e5c495d831ba0d6a72/scambier/obsidian-omnisearch" class="link-card-image" /> </div> <a href="https://github.com/scambier/obsidian-omnisearch"></a> </div> [[コアプラグイン]]の検索機能と比べて、検索スピードが速く、キーボードだけで操作が完結するのがメリットです。 ![[2022-05-31.gif|frame]] ### ファイル内の見出し(ヘッダ)に移動したい [[🦉Another Quick Switcher]]の[[Header floating search in file]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tadashi-aikawa/obsidian-another-quick-switcher</p> </div> <div class="link-card-description"> This is an Obsidian plugin which is another choice of Quick switcher. - GitHub - tadashi-aikawa/obsi... </div> </div> <img src="https://opengraph.githubassets.com/3e9d5484895ee63435448b8766f0422cebca5e3664db43ff2a77f95c61dcb7d8/tadashi-aikawa/obsidian-another-quick-switcher" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-another-quick-switcher"></a> </div> ![[167739637-657cbe28-9504-496c-80ed-e13f887fbecc.mp4]] ### 現在ファイルの[[バックリンク]]に移動したい 現在のファイルへの[[内部リンク]]を持っているファイルへ移動したい場合です。[[🦉Another Quick Switcher]]の[[Backlink search (旧)]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tadashi-aikawa/obsidian-another-quick-switcher</p> </div> <div class="link-card-description"> This is an Obsidian plugin which is another choice of Quick switcher. - GitHub - tadashi-aikawa/obsi... </div> </div> <img src="https://opengraph.githubassets.com/3e9d5484895ee63435448b8766f0422cebca5e3664db43ff2a77f95c61dcb7d8/tadashi-aikawa/obsidian-another-quick-switcher" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-another-quick-switcher#backlink-search"></a> </div> ### 画面内の単語へジャンプしたい [[Vim]]の[[EasyMotion]]プラグインは好きな単語に少しのキーストロークでジャンプできます。[[Jump to link]]の`Jump to Anywhere Regex`コマンドで似たような操作が可能になります。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - mrjackphil/obsidian-jump-to-link</p> </div> <div class="link-card-description"> Quick jump between links using hotkeys. Contribute to mrjackphil/obsidian-jump-to-link development b... </div> </div> <img src="https://opengraph.githubassets.com/cbb968e04b00f88a15886e32260a38a76a4456e5b7b4d8fb66760cdf32647450/mrjackphil/obsidian-jump-to-link" class="link-card-image" /> </div> <a href="https://github.com/mrjackphil/obsidian-jump-to-link"></a> </div> 本家と違って単語の先頭キーを入力することはできません。そのため候補が沢山出てしまいますが、それでもわずか3キーでどこへも移動できるのは便利です。 ![[Notes/attachments/2022-05-30.gif|frame]] `.obsidian.vimrc`に以下のように設定することで、[[ノーマルモード]]で`s`を押せば起動します。 ```vim exmap jumpanywhere obcommand mrj-jump-to-link:activate-jump-to-anywhere nmap s :jumpanywhere ``` ### 画面内のリンク先へジャンプしたい 同じく[[Jump to link]]の`Jump to Link`コマンドを使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - mrjackphil/obsidian-jump-to-link</p> </div> <div class="link-card-description"> Quick jump between links using hotkeys. Contribute to mrjackphil/obsidian-jump-to-link development b... </div> </div> <img src="https://opengraph.githubassets.com/cbb968e04b00f88a15886e32260a38a76a4456e5b7b4d8fb66760cdf32647450/mrjackphil/obsidian-jump-to-link" class="link-card-image" /> </div> <a href="https://github.com/mrjackphil/obsidian-jump-to-link"></a> </div> [[内部リンク]]、[[外部リンク]]、[[URL]]のいずれにも対応しています。 ![[2022-06-05.gif|frame]] ### [[Vault]]に登場する単語を補完したい [[🦉Various Complements]]の[[Current file complement]]や[[Current vault complement]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tadashi-aikawa/obsidian-various-complements-plugin</p> </div> <div class="link-card-description"> This plugin for Obsidian enables you complete words like the auto-completion of IDE. - GitHub - tada... </div> </div> <img src="https://opengraph.githubassets.com/5192ef078f388aa9c4aa69582fb39101055a0128f9953e2ebb179a13924bf183/tadashi-aikawa/obsidian-various-complements-plugin" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-various-complements-plugin"></a> </div> 特筆すべき点として、日本語に対応しています。他の同等プラグインに比べてマニアックな設定も多いですが、その分、個人に最適なチューニングができます。 ![[current-vault-complement-demo.gif|frame]] 他にも色々な補完機能がありますので、是非使ってみてください。 ### カスタム辞書で単語を補完したい こちらは[[🦉Various Complements]]の[[Custom dictionary complement]]を使います <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tadashi-aikawa/obsidian-various-complements-plugin</p> </div> <div class="link-card-description"> This plugin for Obsidian enables you complete words like the auto-completion of IDE. - GitHub - tada... </div> </div> <img src="https://opengraph.githubassets.com/5192ef078f388aa9c4aa69582fb39101055a0128f9953e2ebb179a13924bf183/tadashi-aikawa/obsidian-various-complements-plugin" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-various-complements-plugin"></a> </div> 辞書ファイルをパスやURLで指定して反映できます。 ![[custom-dictionary-complement-demo.gif|frame]] [[Callout]]のような記述のテンプレとしても使えます。 ![[2022-04-16.gif|frame]] ### [[フロントマター]]の値を補完したい [[🦉Various Complements]]の[[Front matter complement]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tadashi-aikawa/obsidian-various-complements-plugin</p> </div> <div class="link-card-description"> This plugin for Obsidian enables you complete words like the auto-completion of IDE. - GitHub - tada... </div> </div> <img src="https://opengraph.githubassets.com/5192ef078f388aa9c4aa69582fb39101055a0128f9953e2ebb179a13924bf183/tadashi-aikawa/obsidian-various-complements-plugin" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-various-complements-plugin"></a> </div> keyを指定すると候補となりうる値を補完します。 ![[front-matter-complement-demo.gif|frame]] [[フロントマター]]の補完プラグインは他にもあります。他との競合リスクを回避するため、補完機能を[[🦉Various Complements]]に集約していますが、[[フロントマター]]だけ補完したい場合は別のプラグインを利用した方が高機能かもしれません。 ### 絵文字を入力したい インラインで入力したいときは[[Emoji Shortcodes]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - phibr0/obsidian-emoji-shortcodes</p> </div> <div class="link-card-description"> Emoji Shortcodes - Obsidian Plugin | Adds Support for Emoji Shortcodes to Obsidian - GitHub - phibr0... </div> </div> <img src="https://opengraph.githubassets.com/922384b73a73112238de1709efb6852eda0c7dc7bbf7526a0a5eae856e044ec3/phibr0/obsidian-emoji-shortcodes" class="link-card-image" /> </div> <a href="https://github.com/phibr0/obsidian-emoji-shortcodes"></a> </div> [[GitHub]]や[[Slack]]の本文入力みたいな感じで入力できます。 ![[2022-06-04.gif|frame]] 英単語がパッと思い当たらないときや、ノートタイトルの編集など[[Emoji Shortcodes]]が使えないシーンでは[[Emoji Toolbar]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - oliveryh/obsidian-emoji-toolbar</p> </div> <div class="link-card-description"> Contribute to oliveryh/obsidian-emoji-toolbar development by creating an account on GitHub. </div> </div> <img src="https://opengraph.githubassets.com/897c2d7def4b51dfdaf163094bb94fe96085a48bcf6e620a386eaabfa516dab9/oliveryh/obsidian-emoji-toolbar" class="link-card-image" /> </div> <a href="https://github.com/oliveryh/obsidian-emoji-toolbar"></a> </div> ![[2022-06-04 1.gif]] ### カーソル配下の単語または選択中の単語をマルチカーソル化したい [[Code Editor Shortcuts]]の`Select word or next occurrence of selection`を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - timhor/obsidian-editor-shortcuts: Obsidian plugin to add keyboard shortcuts commonly found in code editors such as Visual Studio Code (vscode) or Sublime Text</p> </div> <div class="link-card-description"> Obsidian plugin to add keyboard shortcuts commonly found in code editors such as Visual Studio Code ... </div> </div> <img src="https://opengraph.githubassets.com/ceba22d1ce82124b81b47f39e9a4889cdbe05bd0f385bcb2e1eeb81815f9568d/timhor/obsidian-editor-shortcuts" class="link-card-image" /> </div> <a href="https://github.com/timhor/obsidian-editor-shortcuts"></a> </div> マルチカーソルのまま、各行で独立して[[Vim]]コマンド実行できるのも強いですね。 ![[2022-06-07.gif|frame]] 注意点として、日本語には使えないようです。ただ、一度に全てのマルチカーソルを追加するコマンド、`Select all occurrences`では動作します。 > [!info] > [[📝Code Editor ShortcutsのSelect word or next occurrence of selectionコマンドで日本語が認識されない問題調査]] で日本語対応方法を書きました。(ソースコードをいじる必要あり) ### コードブロックをハイライトしたい [[Reading view]]ではデフォルトでハイライトされますが、[[Source mode]]や[[Live Preview]]ではハイライトされません。[[Editor Syntax Highlight]]を使ってハイライトさせます。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - deathau/cm-editor-syntax-highlight-obsidian</p> </div> <div class="link-card-description"> A plugin for [Obsidian](https://obsidian.md) which allows syntax highlighting for code blocks in the... </div> </div> <img src="https://opengraph.githubassets.com/7775779634f9b37fe0016f0f412fd2cc1835db9f3c6a019a6c70187177f217a9/deathau/cm-editor-syntax-highlight-obsidian" class="link-card-image" /> </div> <a href="https://github.com/deathau/cm-editor-syntax-highlight-obsidian"></a> </div> ### コードブロックにタイトルを表示したい [[🦉Embedded Code Title]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - tadashi-aikawa/obsidian-embedded-code-title</p> </div> <div class="link-card-description"> It is an Obsidian plugin which can embeds title to code blocks. - GitHub - tadashi-aikawa/obsidian-e... </div> </div> <img src="https://opengraph.githubassets.com/d035ac5c4184691481f55532d1f449bb0dfae2cb1d1e279be1ec49e9e0d04f17/tadashi-aikawa/obsidian-embedded-code-title" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-embedded-code-title"></a> </div> ~~~markdown ```rust:main.rs fn main() { let a = 10; let b = 10; } ``` ~~~ 上記のように書くと、下記のような表示になります。 ![[Pasted image 20220605002134.png|frame]] [[Reading view]]以外の場合は完璧に動作しませんが、今後対応したいと思っています。 - [[Live Preview]]ではタイトルが表示されない - [[Obsidian Publish]]ではコードがハイライトされない - [[Obsidian Publish]]ではプラグインが動作しないため、別途対応が必要 (README参照) ### アクティブファイルを素早くコピーしたい [[Enhance Copy Note]]を使うとコマンド1つで現在のファイルを複製できます。ファイルが作成される場所は、コピー元のファイルと同じディレクトリになります。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - kzhovn/copy-command-obsidian</p> </div> <div class="link-card-description"> Plugin which enhances the copy command for Obsidian. - GitHub - kzhovn/copy-command-obsidian: Plugin... </div> </div> <img src="https://opengraph.githubassets.com/5654afc7ea214a2ce3944cca0f860ae3e3f5f579c43b87a3b3d61a195c41f3e4/kzhovn/copy-command-obsidian" class="link-card-image" /> </div> <a href="https://github.com/kzhovn/copy-command-obsidian"></a> </div> ### アクティブファイルを強調したい [[Limelight]]を使うと、アクティブなファイル以外を目立たなくできます。ターミナルによくある機能ですね。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - smikula/obsidian-limelight</p> </div> <div class="link-card-description"> Spotlight your active pane. Contribute to smikula/obsidian-limelight development by creating an acco... </div> </div> <img src="https://opengraph.githubassets.com/5d87de0732dfd4862e9172d7279c58df1a970aa21ef79207b12617edcdc86ef2/smikula/obsidian-limelight" class="link-card-image" /> </div> <a href="https://github.com/smikula/obsidian-limelight"></a> </div> ### ブラウザのようにタブ単位で履歴を管理をしたい デフォルトでは[[Obsidian]]全体でナビゲーション履歴が管理されています。そのため、特定のタブで`Navigate back`や`Navigate forward`のコマンドを実行すると、**そのタブに対して、『進む/戻る』が行われません。** 個人的にナビゲーションはブラウザのようにタブごとで制御したいので、[[Pane Relief]]を使ってそれを実現します。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - pjeby/pane-relief</p> </div> <div class="link-card-description"> Obsidian plugin for per-pane history, pane movement/navigation hotkeys, and more - GitHub - pjeby/pa... </div> </div> <img src="https://repository-images.githubusercontent.com/347854655/d8b16080-853b-11eb-9e1e-5d995af65432" class="link-card-image" /> </div> <a href="https://github.com/pjeby/pane-relief"></a> </div> ### 任意のタブに移動したい [[Pane Relief]]の`Jump to xxx pane in the workspace`コマンドを使います。`Alt + n`(nは数字)で指定した番号のタブに移動できます。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - pjeby/pane-relief</p> </div> <div class="link-card-description"> Obsidian plugin for per-pane history, pane movement/navigation hotkeys, and more - GitHub - pjeby/pa... </div> </div> <img src="https://repository-images.githubusercontent.com/347854655/d8b16080-853b-11eb-9e1e-5d995af65432" class="link-card-image" /> </div> <a href="https://github.com/pjeby/pane-relief"></a> </div> ### 任意のタブと位置を交換したい [[Pane Relief]]の`Place as xxx pane in the split`コマンドを使います。`Alt + Ctrl + n`(nは数字)で指定した番号のタブと交換できます。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - pjeby/pane-relief</p> </div> <div class="link-card-description"> Obsidian plugin for per-pane history, pane movement/navigation hotkeys, and more - GitHub - pjeby/pa... </div> </div> <img src="https://repository-images.githubusercontent.com/347854655/d8b16080-853b-11eb-9e1e-5d995af65432" class="link-card-image" /> </div> <a href="https://github.com/pjeby/pane-relief"></a> </div> ### 最後に移動したタブに移動したい [[Cycle through Panes]]の`Focus on last active pane`コマンドを使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - phibr0/cycle-through-panes</p> </div> <div class="link-card-description"> Cycle through Panes - Obsidian Plugin. Contribute to phibr0/cycle-through-panes development by creat... </div> </div> <img src="https://opengraph.githubassets.com/d5e6ffe7a80fd8aab928f22eb239f0896813f8ef9086fea9586cccc2d48cb110/phibr0/cycle-through-panes" class="link-card-image" /> </div> <a href="https://github.com/phibr0/cycle-through-panes"></a> </div> ### 現在ファイルのパスを表示したい [[Quick Explorer]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - pjeby/quick-explorer</p> </div> <div class="link-card-description"> Perform file explorer operations (and see your current file path) from the Obsidian.md title bar - G... </div> </div> <img src="https://repository-images.githubusercontent.com/384621053/4ee783b1-d17d-4d5e-b28b-51a1b30ff9fd" class="link-card-image" /> </div> <a href="https://github.com/pjeby/quick-explorer/"></a> </div> ![[Pasted image 20220604211727.png|frame]] [[obsidian-show-file-path]]でも要件は満たせますが、以下の理由から[[Quick Explorer]]を選びました。 - [[obsidian-show-file-path]]は右下に表示されるが、左上の方が見やすい - 現在ファイルのパス表示以外にも便利な機能がある (ほぼ使っていませんが) ### タグの名称を一括で変更したい [[Tag Wrangler]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - pjeby/tag-wrangler</p> </div> <div class="link-card-description"> Rename, merge, toggle, and search tags from the Obsidian tag pane - GitHub - pjeby/tag-wrangler: Ren... </div> </div> <img src="https://repository-images.githubusercontent.com/334820867/0d4adc00-6416-11eb-9abc-7dcbe6f06435" class="link-card-image" /> </div> <a href="https://github.com/pjeby/tag-wrangler"></a> </div> 名称一括変更以外にも、タグの一覧を確認したり、様々な機能があります。 ![[Pasted image 20220604212859.png|frame]] ### カード型のリンクを挿入したい この記事でも何度か触れたカード型のリンクについてです。[[Templater]]を使って[[URL]]を指定したらカードの[[HTML]]を挿入できるようにします。詳細は以下の記事をご覧ください。 <div class="link-card"> <div class="link-card-header"> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" class="link-card-site-icon"/> <span class="link-card-site-name">minerva.mamansoft.net</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">📘Obsidianでカード形式のリンクを挿入できるようにしてみた - Minerva</p> </div> <div class="link-card-description"> Templaterを使って、ObsidianやObsidian Publishにてカード形式のリンクを作成できるようにした話です。作ったリンクは以下のようなデザインになります。 </div> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/minerva-image.png" class="link-card-image" /> </div> <a class="internal-link" data-href="📘Obsidianでカード形式のリンクを挿入できるようにしてみた" ></a> </div> [[Obsidian]]をローカルで使うだけであれば、[[Auto Card Link]]を使った方が良いでしょう。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - nekoshita/obsidian-auto-card-link</p> </div> <div class="link-card-description"> Contribute to nekoshita/obsidian-auto-card-link development by creating an account on GitHub. </div> </div> <img src="https://opengraph.githubassets.com/a573f0362f5192d7a7267609ae9fb3ad01ae01acf91b67fe305d877c238c9aac/nekoshita/obsidian-auto-card-link" class="link-card-image" /> </div> <a href="https://github.com/nekoshita/obsidian-auto-card-link"></a> </div> 私の場合、以下2つの理由から[[HTML]]を挿入する形式をとっています。 - [[Minerva]]([[Obsidian Publish]])でもカードリンクを表示したいから - メタデータを取得して描画されるタイムラグを削減したいから ### [[JavaScript]]で独自の操作を定義・実行したい [[Templater]]を使うと、[[JavaScript]]のコードを書くことで様々なことを実現できます。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - SilentVoid13/Templater</p> </div> <div class="link-card-description"> A template plugin for obsidian. Contribute to SilentVoid13/Templater development by creating an acco... </div> </div> <img src="https://opengraph.githubassets.com/ef15416793f9d5520f0bb2f49487d9bbca5ff29370f16ada97fc14880142f372/SilentVoid13/Templater" class="link-card-image" /> </div> <a href="https://github.com/SilentVoid13/Templater"></a> </div> 本記事でも何回か登場しましたが、以下のようなユースケースを満たすために使っています。 - [[Templaterを使ってデイリーノートに作成ノートと更新ノートの一覧を出力]] - [[📜Templaterを使ってChange Logを一瞬で追加できるようにする]] - [[#カード型のリンクを挿入したい]] `Open Insert Template modal`コマンドを使えば、[[コマンドパレット (Obsidian)|コマンドパレット]]のように[[Templater]]で作成したコマンドを呼び出せます。ショートカットキーも設定できます。 ![[Pasted image 20220604215211.png|frame]] 私は利用していませんが、同等の機能を持つプラグインとして[[QuickAdd]]がよく話に上がります。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - chhoumann/quickadd</p> </div> <div class="link-card-description"> QuickAdd for Obsidian. Contribute to chhoumann/quickadd development by creating an account on GitHub... </div> </div> <img src="https://opengraph.githubassets.com/7bbcd135de1338c066930d900f11a10300d1c64f084170ea3a2ab1019f4c3170/chhoumann/quickadd" class="link-card-image" /> </div> <a href="https://github.com/chhoumann/quickadd"></a> </div> ### [[Vim]]モードで[[ヤンク]]した部分をハイライトしたい [[vim-highlightedyank]]のような機能を[[Obsidian]]で使いたい場合です。[[Vim Yank highlighter]]を使います。 <div class="link-card"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">GitHub - kometenstaub/obsidian-vim-yank-highlight: Highlights the current yank.</p> </div> <div class="link-card-description"> Highlights the current yank. Contribute to kometenstaub/obsidian-vim-yank-highlight development by c... </div> </div> <img src="https://opengraph.githubassets.com/43355c86e24aeeb80f88de0631e56d11a16865d5a730072270d4016a045a6576/kometenstaub/obsidian-vim-yank-highlight" class="link-card-image" /> </div> <a href="https://github.com/kometenstaub/obsidian-vim-yank-highlight"></a> </div> ![[2022-06-26.gif|frame]] ## おわりに [[Obsidian]]の利用方法について、まとめてみました。 長くなりすぎてしまうので、端折った部分も多いです。それらについては[[Obsidian]]のページをご覧いただければと思います。特に以下2つのページはオススメです。 <div class="link-card"> <div class="link-card-header"> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" class="link-card-site-icon"/> <span class="link-card-site-name">minerva.mamansoft.net</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">📒Obsidianルールリスト - Minerva</p> </div> <div class="link-card-description"> ObsidianのルールNoteリスト。書き方は💿MIN-0005 ルールNoteの管理を明確化を参照。 </div> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/minerva-image.png" class="link-card-image" /> </div> <a class="internal-link" data-href="📒Obsidianルールリスト" ></a> </div> <div class="link-card"> <div class="link-card-header"> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" class="link-card-site-icon"/> <span class="link-card-site-name">minerva.mamansoft.net</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">🗃️使ったことのあるObsidianプラグイン一覧 - Minerva</p> </div> <div class="link-card-description"> 🗃️使ったことのあるObsidianプラグイン一覧 - Minerva </div> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/minerva-image.png" class="link-card-image" /> </div> <a class="internal-link" data-href="🗃️使ったことのあるObsidianプラグイン一覧" ></a> </div>