Obsidianをプラグインでもっと便利に！！

前回プラグインを紹介してから結構時間が経って便利なプラグインをいくつか見つけたのでまた紹介しようと思います。
ちなみに記事タイトルはアニメにありがちな`!`の数で何期目かわかるやつです。NEW GAME!とかごちうさとかけいおん！のやつね。(みんなきららを読め！)

↓前回の記事是非読んでね！

https://qiita.com/Kei_Adachi/items/1f5d01230334574f2e26

↓他にもObsidian関連記事書いてるので読んでね！

>[Obsidianとマークダウン記法を使い快適なメモ生活を！ #初心者 - Qiita](https://qiita.com/Kei_Adachi/items/3c471fbcf11b064b28ba)
>[ObsidianのCSSスニペットを使ってメモを見やすく！ #Markdown - Qiita](https://qiita.com/Kei_Adachi/items/d4fd3e0e2421575bf2a0)
>[Obsidianのimgタグを置換したい #Python - Qiita](https://qiita.com/Kei_Adachi/items/08741b2394e9747cafe7)

では紹介していきます。
### Show Whitespace
スペースとタブを表示してくれる。なんで標準機能じゃないんだ？
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/5a9be2d5-316a-462e-a6d5-b2c936655a3d.png" Width="50%">

Show all whitespaceをオンにしないとスペース表示してくれないです。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/b049ef66-0adf-4bdf-872e-a9abf797ff30.png" Width="50%">

### Recent Files
最近アクセスしたファイルの履歴が見れるようになる。
なんで標準機能じゃないのか普通にわからん。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/d1027cd7-932c-4487-a26b-5428b1e9352c.png" Width="50%">

### Plugin Update Tracker
使ってるプラグインのアップデートを通知してくれる。
簡単にアップデートできてめっちゃ便利。
これもなんで標準機能なのかわからん。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/e30e36bf-a2ee-4c0c-9c2e-6b62c077c973.png" Width="50%"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/33ef368c-90d2-4d1b-be86-9e03ee7be9ff.png" Width="50%">

### CodeStyler
PythonやHTMLなどの言語ごとにコードブロックを更に見やすく表示してくれます。
と言われてもどんな風に見やすくなるかわからないので、百聞は一見に如かず！
↓がCodeStylerを使ったコードブロックのスクショです。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/f64ad047-d98e-df26-ac20-ecc6e8310226.png" Width="70%">

Pythonのアイコンが表示され、背景に色が付き、行番号も表示され見やすくなりました！
ここまで見やすくするにはインストールした後に、設定画面からいくつか設定を変更して使いやすくしていきます。
ちょっと面倒ですがお付き合いください。


##### 設定1
`Theme`の項目を<font color="#ff0000">Solarized</font>に変更します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/cc12b722-0814-5cf3-1d5e-55dac5d09410.png" Width="70%">


##### 設定2

Codeblock Headerの`Display Header Language Tags`と`Display Header Language Icons`の項目がインストール直後はNeverになっているので<font color="#ff0000">Always</font>に変更しておきます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/047e2004-d86b-b796-479b-220ae9b678d7.png" Width="50%"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/afb0fa54-a67f-d333-b2bf-16d30ce370cd.png" Width="50%">

##### 設定3

Codeblock Gutterの`Enable Line Numbers`をオンにします。これで行番号が表示されます。
`Highlight Line Numbers`もオンにしておくと、現在どの行にいるか分かりやすいのでオンしといた方がいいと思います。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/4d82991a-cbb6-733d-56c7-84f53112aebd.png" Width="70%">


##### 設定4
Codeblock HighLightingの`Add Alternative Highlight`で写真のように<font color="#ff0000">error</font>と書いてAddを押してください。


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/5d632f66-8f3f-5bc1-ec02-f6cfae9ce7b9.png" Width="50%"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/1354882d-fd2c-b19c-f9d0-e84d9f68cf3d.png" Width="50%">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/3a860828-2ca6-7d4c-7ab5-f121f0bd2f97.png" Width="50%">

これでいつものコードブロックの特定の行だけを好きな色でハイライトできます。
エラーが出ている行をハイライトしたりと色々便利ですね。

\`\`\`Python error:3
a = 10
b = 20
c = 10 / 0
result = a + b 
print(f"a + b = {result}")
\`\`\`

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/25042b8e-acad-3142-25e2-de59f22b8143.png" width="70%">

### QRCodeGenerator

コードブロックのバッククォートを3つ付けた後にqrcodeを付けるとコードブロック内の文字列を自動的にQRコードにしてくれます。
↓こういう感じで使います。
\`\`\`qrcode
https://qiita.com/Kei_Adachi/items/1f5d01230334574f2e26
\`\`\`



外部のQRコード生成のサイト使う必要なくなるのでめっちゃ便利です。
QRコードはこんな感じ↓

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/af758287-e8d5-60b6-08b5-657aab9f290d.png" Width="50%">


### Barcode Generator
QRコードが作れるならバーコードも作れるってわけよ
↓こういう感じで使います。
\`\`\`barcode
https://qiita.com/Kei_Adachi/items/1f5d01230334574f2e26
\`\`\`


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/1e0bc510-7d72-4c40-9eb3-0c9a99f65768.png" Width="50%">


### Auto Card Link
URLをカードリンクにできる。
カードリンクはこういうやつです↓

https://qiita.com/Kei_Adachi/items/1f5d01230334574f2e26

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/bdb8d3a2-11b5-4d8a-8f44-656903d0e7e7.png" Width="50%">

Enhance Default PasteをオンにしないとCtrl+Vでカードリンクにならないのでオンにしてください。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/5a869351-9ce2-48ea-aec9-8503da32159f.png" Width="50%">

### Encoder/Decoder

コードブロックを使ってエンコード、デコードができる。
実用性あるかわからんけど楽しいことは確か。
右側が`Hello World!`をbase64でエンコードしたやつです。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/23e97812-0203-4994-92c0-26363a9a73fe.png" Width="50%">

コードブロック\`\`\`の後にtransform-hoge-hogeで使うことができます。
↓の表が対応している暗号。

| Source | Destination | Markdown keyword      |
| ------ | ----------- | --------------------- |
| text   | base64      | transform-text-base64 |
| base64 | text        | transform-base64-text |
| text   | base85      | transform-text-base85 |
| base85 | text        | transform-base85-text |
| text   | ROT13       | transform-text-rot13  |
| ROT13  | text        | transform-rot13-text  |
| text   | atbash      | transform-text-atbash |
| atbash | text        | transform-atbash-text |

ROT13は13文字ずらすシーザー暗号(カエサル暗号)です。atbashもシーザー暗号と似た単純なものでアルファベットを逆順にするもの(a→z、b→y)。
base64とbase85はググってという感じ。

### Unicode Search
Unicodeを調べられる。設定画面から調べられるけどなんとなく`Ctrl+U`に設定してます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/d4acfb25-9bc7-4a06-8707-6751677c56a0.png" Width="50%"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/6deb04df-7c16-4be7-84a1-c6d7838b958e.png" Width="50%">

### Obsidian matrix
行列をGUIでそこそこ簡単に挿入できる。
メニューで括弧の形などを選択できる。`bmatrix`だけエラーになるけど調べるのがめんどい()

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/87c7d020-fa34-4bc1-b5c7-4b2305828ca8.png" Width="50%"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/c73ed77a-fcc3-46c5-978c-d79bc3bccc00.png" Width="50%">


事前に\$\$で囲んでくれないから、LaTeXとして表示されないのがちょっとムカつくけどまぁ便利。
↓これが生成される。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/748a6378-b7c3-4c87-8cc5-80dcbd286021.png" Width="50%">

### Scrambling Title Animations
ファイル名がうにょうにょ動いてハッカーっぽい。
面白いけど動作が重くなるからなんか微妙。

![Scrambling_Title_Animations_highquality.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3853726/dfaf8007-abcd-4fea-a846-5872a9302814.gif)

てかGIFの画質も微妙ですね。めんどいからこれで勘弁して。

### 補足
以上です！
自分の中で勝手に目標にしてた毎月投稿できなくなりそうだったので、中途半端ですが投稿してます。
記事に取り掛かるのが遅すぎるし行動力がない。
なので、記事投稿してから2週間ぐらいはプラグインの数増えてたり、ちょっと構成変わったりする可能性があります。そのときはストックユーザーに通知送るので、気になる人はストック推奨かも？
やる気があんまり出ません！調べるの時間かかるし！
ごめんなさい！！！！！