🚀 01. クイックスタート (Getting Started)

拡張機能を初めて開いた際に役立つ必読ガイド。
FlashNote (フラッシュノート) へようこそ！本ガイドでは、5分で FlashNote の基本操作と日常の執筆ワークフローを習得できます。

📑 本ガイドの目次

1. FlashNote の概要と活用シーン
2. 最初のノートを作成する
3. 文字装飾・画像・表の挿入
4. ノートの保存・検索・管理
5. 5分で体験する初めての執筆

1. FlashNote の概要と活用シーン

FlashNote は、ブラウザのサイドバーに常駐するモダンかつ軽量なメモ・知識ベース拡張機能です。「即座に開いて書ける軽快さ」と「出版品質の構造化ドキュメント管理」を両立しています：

• 💡 ひらめきの速記・一時メモ：Web閲覧や会議中に外部アプリへ切り替えることなく、ワンタップで即座に呼び出し可能；
• 📑 技術・学術文書の本格執筆：Markdown と WYSIWYG（見たまま編集）のデュアルエンジンを搭載。コードハイライト、KaTeX 数式、Mermaid チャートを完全サポート；
• 📚 書籍連載・長編ドキュメント整理：階層構造のツリー目次と章立てレイアウトにより、断片的なメモを体系的な電子書籍や連載へ昇華；
• 🌐 静的ブログ連携・マルチ端末同期：MagicNote や VitePress などの静的ブログとシームレスに連携。データは完全ローカルファーストで保護。

2. 最初のノートを作成する

2.1 サイドバーの呼び出しとショートカット

FlashNote は常にブラウザのサイドバーから呼び出せます：

• アイコンクリック：ブラウザツールバーの FlashNote アイコンをクリックするか、サイドパネル一覧から FlashNote を選択；
• グローバルショートカット：
  • macOS：Command + Shift + F
  • Windows / Linux：Ctrl + Shift + F

2.2 デュアルワークスペース：ノートと書籍

上部バーで「ノート (Notes)」と「書籍 (Books)」を切り替えます：

1. 「ノート」 タブが選択されていることを確認；
2. 右上の 「新規ノート (+)」 ボタンをクリック（または Ctrl/Cmd + N）；
3. タイトル入力欄にフォーカスが当たるので、タイトルを入力して Enter を押せば本文の執筆を開始できます。

3. 文字装飾・画像・表の挿入

直感的かつ軽快なリッチテキストエンジンを採用しています：

3.1 文字装飾とキー操作

Word のような直感操作と、高速な Markdown 記号入力の両方に対応：

• 見出し：#、##、### の後にスペースを入力して見出し1〜3を瞬時に作成；
• インライン装飾：テキスト選択時のフローティングツールバー、またはショートカット：
  • Ctrl/Cmd + B：太字
  • Ctrl/Cmd + I：斜体
  • Ctrl/Cmd + K：リンク挿入
• 引用とリスト：> + スペースで引用ブロック、- や 1. + スペースで箇条書き・番号付きリストを作成。

3.2 画像の挿入

• クリップボードから直接貼り付け：スクリーンショット後にエディタ上で Ctrl/Cmd + V を押すだけ；
• ドラッグ＆ドロップ：ローカルの画像ファイルをエディタの任意の位置へドラッグ；
• ローカルオフライン保存：挿入された画像は自動的にブラウザ内のローカルサンドボックスへ永続保存されるため、リンク切れの心配がありません。

3.3 テーブル（表）の挿入

• ツールバーのテーブルアイコンをクリックして手軽に表を生成；
• 行や列の追加・削除、セルの配置調整も自由自在です。

4. ノートの保存・検索・管理

4.1 ローカルファーストの自動保存

• 入力した内容はミリ秒単位でローカルの IndexedDB データベースへ即座に保存されます；
• 手動で保存ボタンを押す必要はなく、万が一ブラウザを閉じても内容は完全に保護されます。

4.2 全文検索とタグ絞り込み

• 上部検索バー：虫眼鏡アイコンまたは Ctrl/Cmd + P でタイトルや本文のキーワードをハイライト検索；
• タグ分類：ノート内に #技術 や #アイデア などのタグを付与することで、テーマ別に即座にフィルタリングできます。

5. 5分で体験する初めての執筆

以下の手順で、最初のノートをサクッと作成してみましょう：

1. サイドバーを開く：Command/Ctrl + Shift + F を押す；
2. 要点をメモ：「私の初めての流光ノート」を作成し、箇条書きで3つの要点を記入；
3. Webクリップ：ブラウザ内の文章を選択して右クリック、「FlashNote に追加」を選択（参照元URLも自動保存）；
4. AI要約：ツールバーの「AI 要約」ボタンを押して、瞬時に要約とタグを生成；
5. 書き出し：標準 Markdown としてコピー、またはローカルファイルとして保存。