クイックメモ帳
+ 新規 ↓ DL 🖶 印刷 💾 保存 ☾ ダーク <!-- サイドバー --> <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">保存済 ✓</span> </div> </div> ...