<!-- サイドバー -->
<div class="qn-sidebar">
  <div class="qn-search-wrap">
    <input class="qn-search" id="qn-search" type="search" placeholder="メモを検索..." oninput="QN.onSearch(this.value)" />
  </div>
  <div class="qn-note-list" id="qn-note-list"></div>
  <div class="qn-sidebar-footer">
    <button class="qn-new-btn" onclick="QN.newNote()">+ 新規メモ</button>
  </div>
</div>

<!-- エディター -->
<div class="qn-editor-pane" id="qn-editor-pane">
  <!-- 未選択時の空状態 -->
  <div class="qn-empty" id="qn-empty">
    <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
    <p>メモが選択されていません。<br><strong>+ 新規</strong>でメモを作成しましょう。</p>
  </div>
  <!-- タイトルバー -->
  <div id="qn-title-bar" class="qn-title-bar" style="display:none">
    <input class="qn-note-name-input" id="qn-note-name" type="text" placeholder="メモのタイトル..." oninput="QN.onTitleChange(this.value)" />
  </div>
  <!-- テキストエリア -->
  <textarea class="qn-textarea" id="qn-textarea" placeholder="ここにメモを書いてください..." style="display:none" oninput="QN.onTextChange(this.value)"></textarea>
  <!-- ステータスバー -->
  <div class="qn-status" id="qn-status" style="display:none">
    <span id="qn-words">0 文字</span>
    <span id="qn-chars">0 文字（スペース込）</span>
    <span class="qn-saved hidden" id="qn-saved-indicator">保存済 &#10003;</span>
  </div>
</div>

メモ・タスク管理を整えたら、経理もクラウドでスッキリさせませんか？
フリーランス・個人事業主の方へ。freeeなら確定申告・帳簿記帳・請求書発行がすべてひとつで完結。領収書スキャンから申告書提出まで自動化できます。
freeeを無料で試す →

クイックメモ帳の使い方

右側の大きなテキストエリアに自由に書いてください。入力した内容は 2秒ごとにブラウザのlocalStorageへ自動保存 されます。アカウント作成不要・サーバー送信なし・インターネット接続なしでも動作します。ステータスバーの「保存済 ✓」が表示されるたびに保存が完了しています。Ctrl+S（MacはCmd+S）で即時保存も可能です。

複数のメモ： ツールバーまたはサイドバーの「+ 新規」をクリックすると新しいメモを作成できます。メモは最終更新日時の新しい順にサイドバーへ一覧表示されます。クリックするだけで瞬時に切り替えられます。

タイトル変更： エディター上部のタイトル欄をクリックして直接編集できます。入力と同時にサイドバーの一覧にも反映されます。

検索： サイドバー上部の検索欄に入力すると、全メモのタイトルと本文を横断検索します。一致したテキストは黄色でハイライト表示されます。

ダウンロード： 「DL」ボタンで現在のメモを .txt ファイルとして端末に保存できます。ファイル名はメモのタイトルから自動生成されます。

削除： サイドバーのメモ項目にマウスを乗せると × ボタンが表示されます。クリック後に確認ダイアログが表示されるので、誤操作による削除を防げます。

テーマ切替： ツールバー右端のボタンでライト／ダークモードを切り替えられます。設定はブラウザに記憶されるため、次回アクセス時にも反映されます。

印刷： 「印刷」ボタンをクリックすると、印刷に最適化されたプレビューウィンドウが開きます。

なぜブラウザメモ帳が便利なのか

ブラウザ上で動作するメモ帳の最大のメリットは、インストール不要でどのデバイスからでもアクセスできる点です。会社のPC・自宅のMac・スマートフォンと、ブラウザさえあれば同じツールを使えます。データはすべて端末のlocalStorageに保存され、外部サーバーへは一切送信されません。

クラウド型のメモサービスと異なり、インターネット接続が途切れても書き続けられます。会議中のメモ取り、アイデアの走り書き、一時的なテキスト置き場など、気軽に使えるのが強みです。

なお、localStorageのデータは同じブラウザ・端末でのみ共有されます。複数デバイス間での同期は行いません。また、ブラウザのデータ消去（キャッシュ・サイトデータの削除）を行うとメモも消えます。大切なメモは定期的に「DL」ボタンでバックアップを取ることをおすすめします。

関連ツール

Markdownで文書を書く → Markdownエディター

文字数・単語数をカウント → 文字数カウンター

テキストの大文字・小文字を変換 → テキストケース変換

※ freeeへのリンクはアフィリエイト広告を含みます。