# NoteRichのキーボードショートカットと生産性のヒント キーボードショートカットをマスターすることで、ノートの作成を手動での作業からスムーズな高速ワークフローへと変えることができます。**NoteRich**は、効率を重視するパワーユーザー向けに設計されています。キーボードに手を置きながら、複雑なアイデアを整理したり、リッチメディアを挿入したり、知識ベースを管理したりすることができます。 このガイドでは、より速く書くための基本的なショートカットや、生産性を向上させる隠された機能について説明します。 --- ## 🚀 スピードの哲学 NoteRichでは、スピードは単にタイピングの速さだけではありません。それは「摩擦を減らす」ことです。マウスを使ってツールバーのボタンを探すたびに、集中力が損なわれます。私たちのショートカットシステムは、以下の3つの基本原則に基づいて構築されています。 1. **コンテキスト認識**：ショートカットは、何をしているかに応じて変わります（テキストの編集とリストのナビゲーション）。 2. **発見可能性**：すべてを覚える必要はありません。`/`コマンドを使って、すぐにツールを探すことができます。 3. **ローカル優先の実行**：NoteRichはローカルで動作するため、ショートカットの応答は瞬時に行われ、ネットワークの遅延はありません。 ```mermaid graph TD A[書き始める] --> B{フォーマットが必要ですか？} B -- はい --> C[Ctrl/Cmd + B/I/Uを使う] B -- いいえ --> D{新しいコンポーネントが必要ですか？} D -- はい --> E[/コマンドを入力する] D -- いいえ --> F[続けてタイプする] E --> G[矢印キーで選択する] G --> H[すぐに挿入する] C --> I[流れを保つ] H --> I F --> I style A fill:#fafafa,stroke:#eaeaea,color:#333 style I fill:#000,stroke:#000,color:#fff ``` --- ## ⌨️ 基本的なテキストフォーマット これらは、毎日使う基本的なショートカットです。これらは**リッチテキスト**と**マークダウン**の両方で機能します。 ### 基本的なスタイリング | アクション | Windows / Linux | macOS | | :--- | :--- | :--- | | **太字** | `Ctrl` + `B` | `⌘` + `B` | | *イタリック* | `Ctrl` + `I` | `⌘` + `I` | | <u>下線</u> | `Ctrl` + `U` | `⌘` + `U` | | ~~~下線~~ | `Ctrl` + `Shift` + `X` | `⌘` + `Shift` + `X` | | フォーマットの削除 | `Ctrl` + `\` | `⌘` + `\` | ### 段落と構造 | アクション | Windows / Linux | macOS | | :--- | :--- | :--- | | ヘッドライン1 | `Ctrl` + `Alt` + `1` | `⌘` + `Opt` + `1` | | ヘッドライン2 | `Ctrl` + `Alt` + `2` | `⌘` + `Opt` + `2` | | 項目リスト | `Ctrl` + `Shift` + `8` | `⌘` + `Shift` + `8` | | 番号付きリスト | `Ctrl` + `Shift` + `7` | `⌘` + `Shift` + `7` | | タスクリスト（チェックボックス）| `Ctrl` + `Shift` + `9` | `⌘` + `Shift` + `9` | | 引用フレーズ | `Ctrl` + `Shift` + `Q` | `⌃` + `Shift` + `Q` | | コードブロック | `Ctrl` + `Alt` + `C` | `⌘` + `Opt` + `C` | > **プロのヒント**：ショートカットを忘れた場合は、`/`を押してから要素の名前を入力してください（例：`/heading`、`/code`）。これにより、マウスを触ることなく要素を挿入できます。 --- ## 🧩 スラッシュコマンドの力 (`/`) `/`コマンドは、NoteRichの生産性の核心です。これにより、多くのメニューコマンドを1回のキーストロークで実行できます。/`/`を入力すると、スマートメニューが表示され、任意のコンポーネントを検索できます。 ### 主要な生産性コマンド * `/ai`: AIアシスタントを開いてコンテンツを生成したり、テキストを要約したり、翻訳したりします。 * `/table`: 動的なテーブルを挿入します。例えば、`3x4`と入力すると、すぐに3行4列のテーブルが作成できます。 * `/mermaid`: 簡単なテキスト構文を使ってフローチャートやマインドマップを作成します。 * `/echarts`: バーグラフや線グラフなどのインタラクティブなデータビジュアライゼーションを挿入します。 * `/excalidraw`: 無限のキャンバスでスケッチやダイアグラムを作成できます。 * `/date`: 今日の日付を挿入するか、/`yesterday`や`/tomorrow`を使用します。 * `/collapsible`: 長いテキストセクションを非表示にして、ノートを整理します。 ```svg <svg width="400" height="200" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="380" height="180" rx="8" fill="#fafafa" stroke="#eaeaea" stroke-width="1"/> <text x="20" y="40" font-family="Inter, sans-serif" font-size="14" fill="#333">“/”を入力してコンポーネント選択器を開きます…</text> <!-- メニューシミュレーション --> <rect x="20" y="50" width="360" height="120" rx="4" fill="#ffffff" stroke="#eaeaea" stroke-width="1" filter="drop-shadow(0 4px 6px rgba(0,0,0,0.05))"/> <!-- メニュー項目 --> <rect x="30" y="60" width="340" height="30" rx="4" fill="#f4f4f5"/> <text x="40" y="80" font-family="Inter, sans-serif" font-size="13" fill="#000" font-weight="600">🤖 AIアシスタント</text> <rect x="30" y="95" width="340" height="30" rx="4" fill="transparent"/> <text x="40" y="115" font-family="Inter, sans-serif" font-size="13" fill="#666">📊 EChartsビジュアライゼーション</text> <rect x="30" y="130" width="340" height="30" rx="4" fill="transparent"/> <text x="40" y="150" font-family="Inter, sans-serif" font-size="13" fill="#666">📝 Mermaidフローチャート</text> </svg> ``` --- ## 🗂️ ナビゲーションと管理 大規模な知識ベースを管理するには、効率的なナビゲーションが必要です。NoteRichは、ノート、ワークスペース、パネル間を移動するためのショートカットを提供します。 ### グローバルナビゲーション | アクション | Windows / Linux | macOS | | :--- | :--- | :--- | | 新しいノート | `Ctrl` + `Alt` + `N` | `⌘` + `Opt` + `N` | | ノートの保存 | `Ctrl` + `S` | `⌘` + `S` | | ノートの検索 | `Ctrl` + `K` | `⌘` + `K` | | サイドバーの切り替え | `Ctrl` + `B` | `⌘` + `B` | | ワークスペースの切り替え | `Ctrl` + `Alt` + `W` | `⌘` + `Opt` + `W` | ### エディターナビゲーション | アクション | Windows / Linux | macOS | | :--- | :--- | :--- | | 行の上への移動 | `Alt` + `Up` | `Opt` + `Up` | | 行の下への移動 | `Alt` + `Down` | `Opt` + `Down` | | 行の複製 | `Shift` + `Alt` + `Down` | `Shift` + `Opt` + `Down` | | ノート内での検索 | `Ctrl` + `F` | `⌘` + `F` | | 次のマッチ | `F3` | `⌘` + `G` | | 前のマッチ | `Shift` + `F3` | `⇧` + `⌘` + `G` | --- ## 🎨 高度なメディアとビジュアル要素 NoteRichはテキストだけのものではありません。これらのショートカットを使って、リッチメディアを迅速に挿入し、ノートを生き生きとさせます。 * **画像**: ドラッグアンドドロップがサポートされていますが、`/image`を使ってデバイスからアップロードすることもできます。 * **数学式**: `/equation`を入力するとLaTeXエディターが開きます。インライン数学の場合は、`$`を使用します。 * **コードスニペット**: `/code`を使って、シンタックスが強調されたブロックを挿入します。NoteRichは、Python、JavaScript、Rustなど50以上の言語をサポートしています。 * **埋め込み**: YouTubeやTwitterのリンクを直接貼り付けることができ、NoteRichは自動的に埋め込みプレビューに変換します。 ### データの可視化 キーボードから離れることなく、複雑なチャートを作成できます。例えば、`/echarts`を入力してJSON設定を貼り付けたり、`/mermaid`を使ってシーケンシャル図を描いたりします。 ```mermaid sequenceDiagram participant User participant NoteRich participant LocalDB User->>NoteRich: Ctrl+Sを押す NoteRich->>LocalDB: MsgPackにシリアライズする LocalDB-->>NoteRich: 保存を確認する NoteRich-->>User: “保存済み”の通知を表示する ``` --- ## 🛡️ プライバシーとセキュリティのショートカット NoteRichはローカル優先のため、データのセキュリティは非常に重要です。プライバシー設定を管理するための簡単な方法を提供します。 * **ワークスペースのロック**: まだ単一のキーはありませんが、ライセンス管理UIに迅速にアクセスして、暗号化された機能のプロステータスを確認できます。 * **暗号化されたバックアップのエクスポート**: データベース管理パネルを使って、ワークスペース全体をパスワード保護された`.nrs`ファイルとしてエクスポートできます。これにより、バックアップドライブが失われても、ノートはAES-GCM暗号化によって安全に保護されます。 --- ## 💡 パワーユーザー向けの生産性ヒント ### 1. “ダーディ”状態の認識を利用する NoteRichは、保存されていない変更を追跡するために“ダーディ”フラグを使用します。ステータバーに小さなインジケーターが表示されている場合、ノートはまだIndexedDBに保存されていません。思考ブロックを完了した後に`Ctrl/Cmd + S`を押す習慣をつけましょう。 ### 2. 複数のワークスペースの分離を活用する 複数のプロジェクトを扱う場合は、異なるワークスペースを使用してください。URLハッシュ`#workspace=projectA`を使って、それらの間を切り替えることができます。これにより、検索インデックスとFlexSearchデータが分離され、検索がより速く、より関連性の高いものになります。 ### 3. P2P共有を使って迅速に共同作業を行う ファイルをメールで送信する代わりに、P2P共有機能を使用してください。アクションメニューからリンクを生成し、同僚に送信します。同僚はWebRTCを使ってブラウザに直接ノートを受け取ることができます。サーバーを介在することはありません。 ### 4. フォントの体験をカスタマイズする 数時間をかけて読書をすると、フォントの疲労が実際に発生します。ツールバーのフォントドロップダウンを使って、読みやすいセリフフォント（例：Merriweather）や、清潔な無料フォント（例：Inter）に切り替えましょう。NoteRichは、最後に使用したフォントを記憶しており、すぐにアクセスできます。 --- ## 結論 キーボードショートカットは、単に秒を節約するためのものではありません。それは、思考の流れを維持するためのものです。これらのショートカットを日常のルーチンに組み込むことで、NoteRichがあなたの思考のシームレスな拡張体になることができます。 基本から始めましょう——**太字**、**イタリック**、そして**スラッシュコマンド**——そして徐々により高度なナビゲーションキーを取り入れましょう。やがて、思考の速度で書くことができるようになります。 試してみる準備はできましたか？[NoteRichを起動する](https://noterich.com/app/)して、今日から第二の脳を作り始めましょう。 --- <div class="flex flex-wrap gap-2 mt-8 mb-12"> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">生産性</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">ショートカット</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">ワークフロー</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">ローカル優先</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">PKM</span> </div>