Obsidianをコレクション(収集)用途のノートとして使用する際、テンプレートを利用して書籍、音楽、動画の情報を素早く標準化された形式で入力できるだけでなく、Dataviewプラグインを使って複数のノートをカード形式で表示することも可能です(参考:Obs115-用Obsidian建立萬用的收藏資料庫(Collections))。今回紹介するInteractive Ratingsプラグインを使えば、ノートに評価(レーティング)を簡単に追加できるようになります。
- ソースモードとライブプレビューモードでのみ操作可能。閲覧モードでは表示のみです。
- ライブプレビューモードでは、コールアウトやテーブル内では操作できません。つまり、レンダリングされたコンテンツはインタラクティブに操作できません。
★★★★★★☆☆☆☆ (6/10)
●●●●●●●●○○ (80%)
1. 機能説明
Interactive Ratingsプラグインは、連続する特定の記号を自動的に検出し、ドラッグまたはクリックで数を変更できるインタラクティブな操作を提供します。認識可能な評価記号は以下の通りです(「Half」記号があるものは0.5単位での評価が可能です):
| 記号タイプ | フル | 空 | ハーフ | 例 |
|---|---|---|---|---|
| 星 (Stars) | ★ | ☆ | ★★★☆☆ (3/5) 書籍の評価 |
|
| 丸 (Circles) | ● | ○ | ◐ | ●●●○○○○○○○ 3/10 映画レビューのスケール |
| 四角 (Squares) | ■ | □ | ◧ | ■■■□ (3/4) レシピの難易度 |
| 三角 (Triangles) | ▲ | △ | ▲▲▲▲▲△△△△△△△ 5/12 ハイキングの難易度 |
|
| ブロック進捗 (Block Progress) | █ | ███ (3/6) プロジェクトの完了度 |
||
| 点字 (Braille Dots) | ⣿ | ⣀ | ⡇ | ⣿⣿⡇⣀⣀⣀⣀⣀⣀⣀ 2.5/10 |
| 実線/空丸 (Solid/Empty Circles) | ⬤ | ○ | ⬤⬤⬤○○○○○○○○○ 25% 予算の消化率 |
|
| 実線/空四角 (Solid/Empty Squares) | ■ | □ | ■■■□□□□ 3/7 週ごとの進捗 |
|
| 点線四角 (Dotted Squares) | ▰ | ▱ | ▰▰▰▱▱▱▱▱▱▱ (3/10) タスクの複雑度 |
|
| 塗りつぶし/空長方形 (Filled/Empty Rectangles) | ◼ | ▭ | ◼◼◼▭ 75% 読書の進捗 |
|
| 縦棒 (Vertical Bars) | ▮ | ▯ | ▮▮▮▮▮▮▯▯▯▯▯▯ 50% バッテリー残量 |
|
| 太丸 (Bold Circles) | ⬤ | ◯ | ⬤◯◯ 1/3 簡単な製品レビュー |
|
| 黒/白丸 (Black/White Circles) | ⚫ | ⚪ | ⚫⚫⚫⚫⚫⚪⚪⚪⚪⚪ (5/10) コーヒーの濃さ |
|
| ブロック/薄影 (Block/Light Shade) | █ | ░ | ███░░░░░░░ 30% ダウンロードの進捗 |
評価記号の後にスペースを1つ空け、分子/分母、(分子/分母)、数字%、または(数字%)を追加します。評価後、自動的に正しい数値比率またはパーセンテージに変更されます。
2. 使用例
- 書籍/メディアレビュー: ★★★★★☆☆☆☆☆ まあまあ、4/10
- 習慣トラッキング: 運動: ●●●●●●○ 今週は (6/7) 日
- プロジェクトステータス: クライアントプロジェクト: ███ 30% 完了
- レシピノート: パスタレシピ: ■■■◧ 難易度 (3.5/4)、また作りたい
- 学習進捗: スペイン語彙: ●●●●●○○○○○ 50% 習得
3. 💡 関連リンク
💡 解説記事(繁体中国語): https://jdev.tw/blog/8793/
💡 Explanation article(English): https://quaily.com/jdevtw-en/p/obsidian-interactive-ratings-plugin-simplify-beautify
💡 解説記事(日本語): https://quaily.com/jdevtw-jp/p/obsidian-interactive-ratings-plugin-simplify-beautify
✅ GitHub peritus/obsidian-interactive-ratings: Edit symbol ratings in your Obsidian notes interactively.
4. 解説動画(CC字幕)
##