📖 エブリデイノート 操作説明書 ver 2-1
🖥 1. 起動・画面構成
HTMLファイルをブラウザで開くだけで起動。インストール不要
画面は大きく4つのエリアに分かれている
① ツールバー(画面上部・常時固定)— ボタン類がずらり
② 表題エリア — タイトルを入力する欄(ツールバー直下に固定)
③ メインエリア — 日誌モード または アウトラインモードの本文
④ ステータスバー(画面下部・常時固定)— 項目数・文字色・背景色などが並ぶ
起動時は「日誌モード」で自動起動。前回データが残っていれば自動復元される
起動直後に「今日」の行へ自動ジャンプする
🔀 2. 2つのモード — 日誌モード と アウトラインモード
📔 日誌モード(デフォルト)
日付を行として並べる表形式の日誌・日記帳
各日付行の ▾ を押すと、その日の「子アウトライン」が開閉できる
列は「日付・曜日・テキスト・数値」など自由に追加・削除できる
今日の行はオレンジ色の枠線でハイライト表示される
月末行の下には二重線が引かれて月の区切りが一目でわかる
🌲 アウトラインモード(メモ・思考整理用)
階層構造でアイデアや文章を自由に書くモード
日誌モードとは別データとして独立して管理される
第1階層テキストが日付形式(例: 2025/04/05)だと曜日バッジが自動表示される
モード切替は「📔 日誌」ボタンで行う(ツールバー中央付近)
切り替えてもそれぞれのデータは保持されたまま
✏️ 3. ノードの基本操作
【重要】「日誌モード」では、「Tab、Shift+Tab」等が表の項目移動にあてられるため、一部のショートカットが制限されています。ショートカットで期待する操作ができない時には、「ツールバー」のボタンを使ってください。
追加・削除
「+追」ボタン または Enter キー → 選択ノードの下に新しいノードを追加
「-削」ボタン または Ctrl+X → 選択ノードを削除
最後の1項目は削除できない(データ保護のため)
テキスト末尾で BackSpace を押すと前のノードに結合される
インデント(階層の移動)
「→子」ボタン または Tab → 一段深い子ノードへ移動(前の兄弟ノードの子になる)
「←親」ボタン または Shift+Tab → 一段浅い階層へ移動(親の兄弟になる)
階層ごとにbullet(●)の色が変わる(青→赤→緑→橙)
分割
「✂分」ボタン または Ctrl+Q → カーソル位置でノードを2つに分割
元ノードの子は分割された後半ノードに引き継がれる
コピー・ペースト
「📋コ」ボタン → 選択ノードを子ごとまるごとコピー
「📌ペ」ボタン → 選択ノードの直下にペースト
別ウィンドウ間でのコピー&ペーストも可能(LocalStorageを経由)
ドラッグ&ドロップで並べ替え
ノードをドラッグして別の場所へ移動できる
ドロップ位置:上端→上に挿入 / 下端→下に挿入 / 中央→子として追加
Ctrl を押しながらドロップ → コピーとして挿入(元ノードは残る)
ドラッグ中に画面端へ移動すると自動スクロールされる
折りたたみ・展開
「全折」ボタン → すべてのノードを折りたたむ
「展開 ▾」ボタン → 全展開 または 指定した階層数まで展開するメニューが表示される
各ノードの ▾ ボタンで個別に開閉できる
全折・全展時はその時点で画面中央に見えていたノードが中央に維持される
カーソル移動(キーボード)
↑ / ↓ — テキスト先頭・末尾で前後のノードへ移動
画像ノードでは Shift+↑↓ で前後ノードへ移動
元に戻す・やり直し
「↩」ボタン または Ctrl+Z → 元に戻す(Undo)
「↪」ボタン または Ctrl+Y → やり直し(Redo)
日誌モードとアウトラインモードでUndoスタックは独立して管理される
📊 4. 表ノード(アウトライン内に表を埋め込む)
表の挿入
「表」ボタンをクリック → 行数・列数・ヘッダー有無を設定して挿入
「合計行を作る」チェックを入れると最終列が数値列として自動合計される
表の編集
セルをクリックして直接入力できる
列の境界線をドラッグして列幅を変更できる
ノードにカーソルを当てると「行追加・行削除・列追加・列削除・設定・削除」ボタンが現れる
「⚙ 設定」からキャプション(表の見出し文)と合計行設定を変更できる
🖼 5. 画像ノード(アウトライン内に画像を埋め込む)
画像の挿入
「画」ボタンをクリック → 設定ダイアログが開く
① ファイル選択ボタンで画像ファイルを選ぶ(プレビュー表示あり)
② HTML出力用の相対パスを入力する(①でファイル選択すると自動入力)
キャプション・表示幅(10〜100%)・配置(左/中央/右)も設定できる
画像フォルダの指定
「📂画」ボタン → 画像が入ったフォルダを選択する
パスが一致する画像が自動的に読み込まれて表示される
Chrome / Edge のみ対応(Safariは未対応)
画像をクリックするとライトボックス(全画面拡大)表示される
🔗 6. リンク機能
ノードにカーソルを当てると 🔗 ボタンが現れる → クリックでURL設定ダイアログが開く
URLを設定すると ↗ バッジが表示される → クリックで新しいタブでリンクを開く
🔗 ボタンをダブルクリックでも直接リンクを開ける
javascript: / vbscript: などの危険なURLは自動的にブロックされる
📔 7. 日誌モードの操作
年月日の自動生成
ステータスバーの「📅 年月日追加」ボタンをクリック
開始年月日と期間(1週間〜1年)を指定して追加できる
既に存在する日付はスキップされる(重複しない)
追加後は日付順に自動ソートされる
列の追加・削除
「+列」ボタン → カーソルのある列の右側に新しい列を追加
「-列」ボタン → カーソルのある列を削除
「+行」ボタン → 一番下に新しい行を追加
「🔄再表示」ボタン → 表示を強制リフレッシュする
セルの色付け
セルを右クリック(またはCtrl+クリック)でカラーポップアップが開く
背景色16色・文字色5色の中から選択できる
✕ をクリックすると色をクリアできる
「📌 今日」ボタン(ステータスバー右端)→ 今日の行へスクロール&ハイライト
🎨 8. デコレーション・テーマ
ノードのテキスト装飾(ステータスバー下部)
「文字色」スウォッチ → 選択ノードのテキストをグレーに変更(✕でリセット)
「ハイライト」スウォッチ → 選択ノードの背景色を黄・水色・ピンク・緑・橙に変更
画面の背景テーマ(ステータスバー右端)
「背景色」の丸いスウォッチをクリックで全体テーマを変更できる
選択中のテーマには ✓ マークが表示される
💾 9. 保存・読み込み
🗂️ LS保存(LocalStorage)— Alt+S
ブラウザのLocalStorageにその場で即保存する
次回起動時に自動復元される。日誌・アウトライン両方が保存される
保存済みの場合はボタンが紫色に変わる
💾 JSONファイル保存(「💾JSON ▾」ボタン)
「通常保存(JSON)」→ ファイル名を確認してJSONファイルとしてダウンロード保存
「タイムスタンプ付き保存」→ ファイル名に日時が自動付加されてバックアップ保存
ファイル名はテキスト欄に直接入力できる(拡張子は自動付加)
保存後にブラウザで別名保存した場合はファイル名更新ダイアログが出る
「📂開」ボタン → JSONファイルを選択して読み込む(現在のデータは上書きされる)
「✨新規」ボタン → データをすべて破棄して白紙に戻す(確認あり)
📤 10. エクスポート(「📤出 ▾」ボタン)
🌐 HTML出力
このファイルと同じ見た目のHTMLとして書き出す(折りたたみ展開も動作する)
テーマカラーも反映される
📃 プレーンHTML → スタイルなしのシンプルなHTMLとして書き出す
📄 RTF出力 → Microsoft Wordなどに貼り付けできるRTF形式で書き出す
📝 Blogger出力
Blogger投稿用のHTMLが生成されモーダルで表示される
「📋 HTMLをコピー」→ クリップボードにコピー → Bloggerの「HTML表示」に貼り付ける
📔 日記HTML出力(日誌モード時のみ)→ 表形式の日誌をHTMLで書き出す
🤖 11. AI連携(「🤖 AI」ボタン)
ノードを選択した状態でAIボタンを押す → そのノード(子含む)のテキストをコピー
何も選択していない場合 → アウトライン全体のテキストをコピー
コピーされたテキストはClaude.ai用のフォーマットで整形される
「Claude.aiを開く」ボタンで新しいタブにClaude.aiを開ける → そのまま貼り付けてAIに質問できる
⌨️ 12. キーボードショートカット一覧
【重要】「日誌モード」では、「Tab、Shift+Tab」等が表の項目移動にあてられるため、一部のショートカットが制限されています。ショートカットで期待する操作ができない時には、「ツールバー」のボタンを使ってください。
ノード操作
Enter — 新しいノードを追加
Tab — インデント(子ノードへ)
Shift+Tab — アウトデント(親ノードへ)
Ctrl+Q — カーソル位置でノードを分割
BackSpace(テキスト先頭)— 前のノードに結合
↑ / ↓ — 前後のノードへ移動(テキスト先頭・末尾から)
クリップボード・編集
Ctrl+C — ノードをコピー(テキスト選択なしの時)
Ctrl+V — ノードをペースト
Ctrl+X — ノードをカット(コピー+削除)
Ctrl+Z — 元に戻す(Undo)
Ctrl+Y — やり直し(Redo)
保存・その他
Alt+S — LocalStorageに保存(どこでも使える)
Escape — ライトボックスを閉じる/モーダルを閉じる
🔒 13. データ・プライバシーについて
すべてのデータはブラウザ内(ローカル)にのみ保存される。外部サーバーには一切送信されない
LocalStorageはブラウザを閉じても残るが、ブラウザのデータをクリアすると消える点に注意
大切なデータは必ずJSONファイルに保存してバックアップを取ること
著作権は「サカチン工房」に帰属(2026年4月)。最新版は「Note」で配布中