FlashNote
ホーム
FlashNote

FlashNote

Markdownエディタブラウザ拡張機能AIアシスタント＆WebクリップMermaidとKaTeXナレッジベース＆書籍
バージョン:v1.0

更新日: 2026-10-09

あなたは書くだけ、あとはすべてお任せください。

ブラウザサイドバーでの集中執筆、WYSIWYG、数式・Mermaid図表も自在。日々の思考は自動的にコラムとして蓄積・書籍へと編纂され、最後は静的ブログへワンクリックで即座に出力・公開。

すべての流光を、美しい一章へ。

Chrome 拡張Chrome 拡張

⚡ FlashNote 1.0 コア機能

FlashNote (フラッシュノート) は、開発者、ライター、技術ブロガー、研究者のために設計された、クロスブラウザ対応のモダンなサイドバー執筆ワークスペースです。ふとした瞬間に閃いたアイデアのメモから、体系的な長編技術書の執筆まで、驚くほど軽快でストレスのない執筆体験をお届けします。

🌟 主な機能一覧

1. 📂 デュアルトラック執筆システム：メモと書籍の調和

  • クイックメモ (Notes)：
    • ミリ秒単位の高速記録、ピン留め、お気に入り登録、物理フォルダ分類に対応。
    • フローティングドロワーリストパネルを搭載。サイドバーへの常時固定または自動非表示を記憶・維持。
  • 体系的な書籍執筆 (Books)：
    • ツリー構造の章立てアウトライン管理。ドラッグ＆ドロップで章の階層や順序を直感的に再構成。
    • 長編作品を一気に通読できる、没入型の連続シームレスリーダーを標準搭載。

2. ✍️ 産業グレードの Tiptap WYSIWYG エディタ

  • 自在に切り替え可能な 4 つの表示モード：
    • 🎨 ビジュアルモード (Visual)：タスクリスト、見出し階層、テーブルなどを直感的に編集できる WYSIWYG モード。
    • 📑 2画面対照モード (Split)：左側にリッチテキスト、右側にプレーンテキストソースを同期表示。
    • 📝 Markdown ソースモード (Source)：無駄を削ぎ落とした純粋な Markdown タイピング体験。
    • 🌐 Web プレビューモード (Preview)：読者視点のクリーンなレイアウト。安全なハイパーリンククリックに対応。
  • 緻密なタイポグラフィと入力支援：
    • コードブロックにはコピー不可のグレー行番号と、右上のワンクリックコピーボタンを内蔵。
    • Web、バックエンド、システム、設定ファイルなど数百種類の言語ハイライトに対応。
    • スクロール位置（ScrollRatio）を自動記憶し、正確な比率で復元。

3. 📐 KaTeX リアルタイム LaTeX 数式エンジン

  • インライン数式（$E=mc^2$）およびブロック数式（$$\int_0^\infty e^{-x^2} dx$$）に標準対応。
  • 専用の数式挿入ダイアログを備え、よく使う数学記号のクイック入力とリアルタイムプレビューを提供。

4. 📊 高機能インタラクティブ Mermaid 図表スイート

  • フローチャート、シーケンス図、クラス図、状態遷移図などをリアルタイム描画。
  • ジェスチャードラッグ＆パン：マウスオーバーで掴むカーソルに切り替わり、左ドラッグで大規模アーキテクチャ内を自由に移動。ダブルクリックで即座に中央リセット。
  • 全画面没入ライトボックス：ワンクリックで 94vw × 88vh の大画面モーダルを表示。30%〜350% の無段階ズームに対応。
  • 2形式オンデマンドエクスポート：ロスレスベクター SVG および 2x Retina 高解像度 PNG エクスポート。24px の余白保護と白背景を完備し、意味のあるファイル名を自動生成。

5. 🚀 ブログ出力 (Blog Direct)：MagicNote 静的サイト専用エディタへの進化

  • 静的ブログの強力な生産性向上ツール：
    • Git とローカル Markdown ファイルをベースとする従来の静的ブログ（VitePress、Astro 等）は、「軽量で直感的な WYSIWYG エディタの不足」「画像や図表の挿入が面倒」「外出先で手軽に執筆できない」といった課題を抱えていました。
    • FlashNote は、個人開発のオープンソースブログテーマ MagicNote (FisherMS/magicnote) と深く連携し、ブラウザのサイドバーを静的ブログ専用の没入型 WYSIWYG ビジュアルエディタへと進化させます。
  • 設定不要の FrontMatter 自動注入：
    • 各メモは、MagicNote および静的ブログの標準仕様に準拠した YAML メタデータヘッダーを自動付与してコンパイル。
    • title（タイトル）、date（タイムゾーンのずれを防ぐ公開日時）、category（カテゴリ）、tags（タグ配列）、order（📌 ピン留め重み付け）、description（リッチテキスト対応の概要）を完全自動管理。
  • 標準化されたコンテンツアセット階層の出力：
    • 物理ディレクトリ folder と業務タグ category を分離し、標準的な posts/{folder}/{slug}.md 階層ツリーを自動生成。
    • 挿入された画像やエクスポートされた Mermaid アーキテクチャ図は記事と同階層に整然と配置され、静的ブログの「グローバルリソースとコンテンツアセットの厳格な責任分離」を徹底。
  • 即時公開のエンドツーエンドループ：
    • サイドバーでのアイデアメモ -> リッチテキスト/Markdown 組版 -> ブログ直接出力による一括コンパイル -> CI/CD 自動ビルドトリガー。「書いたら即公開」のモダンなワークフローを実現します。

6. ☁️ データの主権：クラウド差分同期

  • 独自のスライス分割と SHA-256 フィンガープリント検証エンジンにより、変更された章のみをアップロード。大容量ファイルのタイムアウトを解消。
  • 同期時に、クラウド上に自動で目次アンカー付きの単一長編電子書籍 ${safeBookName}.md および標準的な SUMMARY.md を自動構築。

7. 🤖 オンデバイス＆クラウド対応の AI 執筆アシスタント (AI Assistant)

  • 多層 LLM オーケストレーション：Chrome 組み込みの端末内 AI (Gemini Nano / Prompt API) による完全オフライン推論に加え、Google Gemini API (Gemini 1.5/2.0 Flash) や OpenAI 互換 API との柔軟な連携に対応。
  • 没入型フローティングパネル：本文の視界を遮らない、ドラッグ移動＆サイズ変更が可能な独立フローティングアシスタントパネルを搭載。
  • 即戦力の執筆コマンド：ワンクリックでの文章推敲、誤字脱字修正、多言語学術翻訳、要約生成、アウトライン展開、カスタムプロンプトに対応。

8. 🌐 全画面対応のスマート Web クリップ＆インスピレーション収集 (Web Clipper)

  • 多彩なコンテキスト収集：Web 閲覧中に右クリックメニューからページ本文全体、選択テキスト、リンク、画像をすばやくメモとして取り込み可能。
  • 軽量ネイティブアニメーショントースト (Web Toast)：ページ右上に表示される洗練された保存完了フィードバックカプセルにより、OS 通知権限に依存せず即座に保存状態を確認。
  • 出典の自動記録とサイドバー連携：元のページタイトルと URL を自動記録し、保存後にサイドバーを自動展開して新しいメモへスムーズにフォーカス。

9. 🗄️ OPFS 高性能ローカルファイルシステム

  • モダンブラウザの Origin Private File System (OPFS) 規格を採用し、メモ内の画像やメディアアセットをローカルかつ高速に分離保存。
  • メモを削除した際は関連アセットも自動で物理削除され、ローカルストレージの無駄な肥大化を防止。

10. 📊 透明で制御可能な Google Analytics 4 匿名プロダクト分析

  • Google Analytics 4 Measurement Protocol に基づき、起動時間や機能の利用傾向などの匿名集計メトリクスを収集し、業務ロジックへの影響を完全に排除。
  • ノン PII（非個人情報）原則を厳格に順守し、メモ本文や個人情報は一切収集しません。【設定】からいつでもワンクリックで無効化可能です。

11. 🎯 細部まで磨き上げられたモダンな操作性

  • 適応型折りたたみツールバー：ResizeObserver による幅検知で、1行表示と複数行折りたたみをスムーズに自動切り替え。横スクロールバーの発生を防止。
  • 50ms 超高速マイクロアニメーションツールチップ：カーソルを合わせた瞬間に軽快に表示される洗練された吹き出し。
  • 4言語シームレス切り替え：日本語、English、簡体字中国語、繁体字中国語を即時切り替え可能。