← サイドノート作成に戻る

使い方

テキスト・Markdown・PDFなどの資料に、右側のサイドノートで注釈を付けていく手順です。基本の操作のあとに、書式・項番設定・PDFモード・Markdownの取り込みといった追加機能をまとめています。

• 基本の使い方
• 書式・項番設定・PDFモード・Markdown
• ウェブ用Markdown作成版（別アプリ）だけの操作

1. テキスト・画像・注釈したい範囲を選択すると入力欄が出ます。コメントを書いて色（自分／共有相手／重要）を選ぶと、右側にサイドノートが付きます。同じ範囲に「＋ 返信」で追記もできます。
2. 段落にカーソルを乗せると、右側に「＋画像」「×削除」のアイコンが出ます。「＋画像」はその段落の直後に画像を挿入、「×削除」はその段落（画像の場合はその1枚）だけを消します。
3. 「開く」でPDFファイルを選ぶと、そのPDFにサイドノートを付けるモードになります。文字が選択できるPDFは範囲選択、スキャンなど文字が選択できないPDFはクリックまたはドラッグでノートの位置を指定します。

• 保存はタイトル＋日時付きの.jsonファイルに書き出します（画像・PDF本体も内包されます）。
• 「続きから再開」はブラウザ内の自動保存を読み込みます（.json保存とは別物で、この端末・このブラウザでのみ有効です）。
• 「新しい作業」は本文・ノート・画像・タイトルを全て消して、別の案件を新規に始めます（PDFモードで押した場合も本文モードへ戻ります）。
• 「PDF化」は印刷ダイアログを開きます。保存先（プリンター）で「PDFに保存」を選んでください。
• Ctrl＋Sでも「保存」と同じ動作（.json書き出し。.mdを開いた直後は.mdへの上書き）になります。

• 本文用の書式ツールバー：配置・インデント・ぶら下げ（1〜3字）・スタイル（本文／H1〜H3の見出し）はカーソルのある段落（複数段落を選択した場合はその全段落）に、太字・下線・傍点は選択した文字に適用されます。傍点は範囲選択が必須で、同じ範囲をもう一度選んで押すと解除できます。Enterで段落を分けた直後は、直前の段落と同じ配置・インデント・ぶら下げ・スタイルを引き継ぎます。PDFモードでは使えません。
• 「デザイン」の「カスタマイズ」：見出し（H1〜H3）の文字サイズ・太字と、項番の型（第１／１／⑴／ア）ごとのインデント・ぶら下げをまとめて設定できます。「項番を一括適用」を押すと、文書内の該当する段落にまとめて書き込まれます（手動で書式を変えた段落は保護されて対象外になります）。設定は文書の.jsonに保存されます。
• 「デザイン」の他の7種類（雑誌風／公文書風／フラット／ダークUI／和モダン／官報／ノート）は本文の見た目だけを切り替えます。切り替えても本文・注釈の中身は変わりません。
• 「開く」で.mdファイルを選ぶか、本文エリアへ直接ドラッグ＆ドロップするとMarkdownとして取り込みます（見出し・段落・太字/斜体・リンク・リスト・引用・表・区切り線・コードブロック・画像に対応）。
• Ctrl+Vでの貼り付けもMarkdownとして取り込みます。本文が空のときは文書全体の取り込み（先頭の見出し「#」はタイトル欄へ、本文は丸ごと置き換え）、すでに何か書かれているときはカーソルのある段落の直後へ挿入します（段落の途中に割り込む挙動は持ちません）。「開く」やドラッグ＆ドロップでの取り込みは、いつでも本文を丸ごと置き換えます（必要なら先に「保存」しておいてください）。
• 見出し・リスト項目の途中でEnterしても、常にプレーンな段落が続きます（構造の変更はできない仕様です）。
• 「MDで書き出す」は注釈を含まないプレーンなMarkdownとして書き出します。.mdを少し直しただけの時に使ってください（PDFモードでは使えません）。
• Markdownの取り込み（貼り付け・「開く」・ドラッグ＆ドロップ）と画像の挿入は、Ctrl+Zでは戻せません。書き始める前に「保存」しておくか、取り込み直してください。

本文とサイドノートを、MkDocs・Docsify等の静的サイト用のMarkdownとして書き出す、独立した別のアプリです（ウェブ用Markdown作成版を開く）。書式は太字・下線・見出し（H1〜H3）だけを持ちます（配置・インデント・ぶら下げ・傍点・PDFモードはこのアプリの担当です）。

• 「書き出し」を押すとパネルが開きます。形式は「ウェブ用（MkDocs / Docsify など）」と「hotline用（:N X: マーカー）」の2つから選べます。
• 「フォルダへ書き出す」でサイトのフォルダ（MkDocsならdocs/以下）を選ぶと、「タイトル.md」として直接書き込みます。初回だけフォルダ選択が出て、以後は同じ場所へ上書きするので、書き直したら押すだけで反映されます（「保存先を選び直す」で別のフォルダに切り替えられます）。
• 「サイドノート用のCSS（sidenote.css）も一緒に書き出す」をオンにすると、注釈を右余白へ並べるCSSが同じフォルダに書き出されます。ページ側で1回読み込んでください（MkDocsはextra_css、Docsifyは<link rel="stylesheet">）。
• 書き出しの中身：見出し（H1〜H3）はMarkdownの##〜####、段落は素のMarkdownの段落、サイドノートは段落の直後の<aside class="sn-note">になります。画像は書き出しに含まれません。
• File System Access API非対応のブラウザ（Firefox等）では、フォルダへの直接書き込みの代わりにダウンロードになります。「本文をコピー」「CSSをコピー」でクリップボードへ取ることもできます。

← サイドノート作成に戻る