Watch Once, Reference Forever.
© 2026 HoverNotes. All rights reserved.
English 한국어 中文 日本語 Italiano Português Русский Deutsch Español Tiếng Việt Français HoverNotesとObsidian連携の完全ガイド | HoverNotes
# HoverNotesとObsidian連携の完全ガイド
あらゆる動画を、あなたの保管庫にある永続的で検索可能な知識に変換します
# まずは実際の動作をご覧ください
詳細に入る前に、この2分間のデモでHoverNotesがYouTubeの数学チュートリアルをObsidianの保管庫にある永続的なノートに変換する様子をご覧ください:
キーモーメント:AIが複雑な数式をキャプチャ(1:15)、多言語ノート(0:45)、シームレスなObsidian同期(2:00)
もしあなたがObsidian ユーザーで動画から学ぶなら、この痛みを感じたことがあるでしょう:素晴らしいチュートリアルを見ても、散らかったノートを取り、必要な時にその重要な洞察を二度と見つけられない。
HoverNotesは、あらゆる動画を構造化され、検索可能なノートに変え、あなたのObsidian保管庫に直接保存することで、この問題を解決します。知っておくべきことのすべてがここにあります。
# なぜObsidianとHoverNotesは完璧なのかPerfect Obsidian Video Note taking Seamlessly bring video learning to your Obsidian vault. HoverNotes creates structured markdown notes that become a part of your existing knowledge graph.
Obsidianの強み: ノートからつながりのある知識グラフを構築すること
HoverNotesの強み: 動画コンテンツを構造化されたリンク可能なノートに変換すること
組み合わせることで: すべての動画があなたの知識システムの永続的な一部になります
動画が孤立した学習体験になる代わりに、あなたの個人的な知識ベースの統合された構成要素になります。
上記デモ動画と一緒に、各ステップの動作を確認してください
# ステップ1:HoverNotesをインストールする
任意の動画(YouTube 、Coursera 、Udemy など)に移動します
動画に表示されるHoverNotesアイコンをクリックします
Obsidian保管庫のフォルダを選択します(デモの0:15に表示)
これで完了です—今後のすべてのノートは保管庫に直接保存されます
複雑なプラグインのインストール、API設定、サードパーティサービスは一切不要です。
左側に動画、右側にノート - 完璧な分割画面ワークフロー
リアルタイムAIノート生成 - 方程式や概念が自動的にキャプチャされるのをご覧ください
即時Obsidian同期 - すべてがmarkdown として保管庫に保存されます
多言語サポート - お好みの言語でノートを取得できます
1. 動画を見る
2. Obsidianで手動でノートを取る
3. タイムスタンプを追加するのを忘れないようにする
4. 視覚的要素をキャプチャするのに苦労する
5. ノートはしばしば不完全または乱雑
# HoverNotes + Obsidianワークフロー:1. 任意の動画に移動する
2. HoverNotesアイコンをクリックする(分割画面ビューが作成される)
3. AIが自動的に動画を見てノートを生成する
4. タイムスタンプ付きのスクリーンショットを撮る
5. AIノートと並行して独自の洞察を追加する
6. すべてがリアルタイムでObsidian保管庫に同期される
主な利点: デモの1:15にある「魔法の瞬間」をご覧ください。AIが手動のノート作成では困難な複雑な数式をキャプチャします。
デモ動画の2:00で示されている正確なフォーマット
# React Hooks Tutorial - useState Explained
**Source:** [JavaScript Mastery - React Hooks ](https://youtube.com/watch?v=abc123 )
**Duration:** 15:23
**Date:** 2024-03-15
## Key Concepts
### useState Hook [[React Hooks]]
- Allows functional components to have state
- Returns array: [stateValue, setterFunction]
- State updates trigger re-renders
**Timestamp:** [3:45 ](https://youtube.com/watch?v=abc123&t=225s )
### Common Patterns
# あなたのObsidian機能は引き続き動作します:
リンク: [[React Hooks]] は双方向リンクを作成します
タグ: #javascript #react #tutorial
バックリンク: この概念を参照しているすべてのノートを表示します
グラフビュー: 知識のつながりを視覚化します
検索: すべての動画ノートから任意の概念を見つけます
デモの1:15で、数式を使ってこの動作をご覧ください
### Component Lifecycle Diagram
**Timestamp:** [5:45 ](https://youtube.com/watch?v=abc123&t=345s )
The diagram shows three phases:
- Mounting: Component created
- Updating: Props or state change
- Unmounting: Component removed
### useState Example
**Timestamp:** [8:20 ](https://youtube.com/watch?v=abc123&t=500s )
```javascript
const [count, setCount] = useState(0);
function increment() {
setCount(count + 1);
}
Key insight: Always use functional updates for dependent state changes.
### 3. 多言語学習
*動画の0:45で実演 - 英語で見て、中国語でノートを取得*
```markdown
### 数学概念 (Mathematical Concepts)
**原视频:** [YouTube Math Tutorial](https://youtube.com/watch?v=abc123)
AI自动生成的笔记支持中文、韩文、西班牙文等多种语言。
Perfect for international students learning in their second language.
HoverNotesは以前に学んだ概念を認識します:
This builds on [[useState]] and connects to [[useEffect]] for side effects.
多くのObsidianユーザーは、複数のプラグインを組み合わせて複雑なワークフローを構築しています:
1つの拡張機能: すべてを処理
設定不要: そのまま使える
視覚的理解: 文字起こしが見逃すものをキャプチャ
結果: 見始めれば、構造化されたノートが完成
# Obsidianでの動画学習のベストプラクティス📁 Video Notes/
📁 Programming/
📁 React/
📁 Python/
📁 Business/
📁 Design/
Tags: #video-notes #react #hooks #javascript-mastery
This explains the [[State Management]] concept from my Redux notes.
## 私の考え
このアプローチは、クラスコンポーネントよりもクリーンです。なぜなら...
## 探求すべき質問
- これはVueのリアクティビティとどう違うのか?
- パフォーマンスへの影響は?
## アクションアイテム
- [ ] useStateでカウンターを構築してみる
- [ ] useStateとuseReducerを比較調査する
# 第5回講義:有機化学反応
**教授:** スミス博士
**コース:** [[CHEM 301]]
**課題提出期限:** [[2024-03-20]]
## 反応機構
[化学図を含む自動生成ノート]
## 私の学習ノート
試験前に[[求核置換]]を復習する必要がある。
# AWS Lambda 詳細解説
**ソース:** [[AWSトレーニングビデオ]]
**技術:** [[サーバーレスアーキテクチャ]]
## 主な学び
[自動生成された技術ノート]
## 実装のアイデア
これを[[プロジェクトダッシュボード]]のバックエンドに使用できるかもしれない。
# 専門家インタビュー:気候変動政策
**インタビュー対象者:** [[ジェーン・クライメート博士]]
**研究トピック:** [[炭素価格モデル]]
## 主要な引用
[タイムスタンプ付きの重要な発言]
## 研究の関連性
[[パリ協定]]と[[炭素税分析]]へのリンク。
HoverNotesがあなたの保管庫フォルダにアクセスできることを確認してください
Obsidianが実行中であることを確認してください(フォーカスされている必要はありません)
HoverNotesの設定で接続を確認してください
HoverNotesは標準のmarkdown を使用しています—もし何か奇妙に見える場合は:
Obsidianテーマの互換性を確認してください
最新バージョンのObsidianを使用していることを確認してください
Obsidianでノートをリフレッシュしてみてください
現在、カスタマイズ可能なテンプレートに取り組んでいます。今のところ、以下のことができます:
作成後に自動生成されたノートを編集する
インポートされたノートを変更するためにTemplater を設定する
一括フォーマット変更のために検索/置換を使用する
# React学習の旅
## 完了
- [[useStateフックチュートリアル]] ✅
- [[useEffect詳細解説]] ✅
## 進行中
- [[カスタムフックガイド]] 🔄
## 計画中
- [[React Context API]]
- [[Redux vs Context]]
## 知識のギャップ
[[React Fiber]]をよりよく理解する必要がある。
# Todoアプリ構築 - 学習ログ
## アーキテクチャの決定
[[Reactベストプラクティスビデオ]]に基づき、以下を使用:
- [[関数コンポーネント]]
- ロジック用の[[カスタムフック]]
- 永続化のための[[ローカルストレージ]]
## 進捗ノート
- [[1日目]]:セットアップと基本構造
- [[2日目]]:追加/削除機能
- [[3日目]]:状態管理パターン
## ビデオリソース
- [[Reactプロジェクトチュートリアル]] - メインガイド
- [[状態管理パターン]] - 複雑なロジック用
- [[CSSグリッドレイアウト]] - レスポンシブデザイン用
以前に学習した概念を自動検出
既存のノートへの接続を提案
知識マップを自動的に構築
時間の経過とともに学習の進捗を追跡
トピック全体の知識ギャップを特定
あなたの保管庫から関連コンテンツを推奨
学習グループと学習パスを共有
チームの保管庫間でノートを同期
特定のタイムスタンプについてコメントや議論
デモを見る: HoverNotesの動作を見る (2分)
HoverNotesをインストールする: Chrome拡張機能
あなたの保管庫を接続する: 動画で示されている設定に従ってください
任意の動画を見る: 残りは私たちにお任せください
あなたの知識を構築する: すべての動画が永続的な学習になります
HoverNotesのAI理解とObsidianの知識管理の組み合わせは、強力なものを生み出します:ただ見るだけでなく、あなたの思考の一部となる動画コンテンツ 。
動画からの学習方法を変革する準備はできましたか?未来のあなたは、すべての動画を知識ベースの永続的な一部にしてくれたことに感謝するでしょう。
Guide June 15, 2025
2025年、Obsidianでビデオノートを取るための最良の方法をご紹介します。Media Extended、Timestamp Notes、Fleeting Notesを比較し、AIを活用したビデオ学習でHoverNotesが明確な勝者である理由をご覧ください。
Tutorial January 15, 2025
あらゆる動画を、お使いのObsidian Vaultで永続的かつ検索可能なノートに変換します。AIを活用したノートテイキングで、教育ビデオから主要なコンセプト、視覚的なコンテンツ、実用的なインサイトをキャプチャします。
Announcements December 15, 2024
HoverNotesのご紹介 - 動画コンテンツをObsidianヴォールトに永久的で検索可能なノートに変換するChrome拡張機能。あなたの学習、あなたの知識、あなたのコントロール。