Nagi.md Web 版を開く

使い方

すべての版で共通の操作

Web 版・VS Code 拡張・デスクトップアプリは同じ編集画面を使います。ここでは、どの版でも同じように使える操作をまとめます。

見たまま書く

表示された本文をクリックして入力します。Markdown の記法を打つと、その場で書式に変わります。変換は直後の Ctrl+Z で元の記号に戻せます。

# + スペース
見出しになります。## や ### で下の階層の見出しです。
- + スペース
箇条書きになります。1. + スペースで番号付きリストです。
- [ ] + スペース
チェックリストになります。
> + スペース
引用になります。
**太字**
閉じる ** を打つと太字になります。`コード` や [名前](URL) も同じです。文字を選んでから * や ` を打っても囲めます。
行頭で /
挿入メニューが開き、見出し・表・コードブロック・図・数式・画像などを選べます。

IME をオンにしたままでも、行頭の「#」「ー」「1.」などの後に全角スペースを打てば同じように変換します。メニューの「書式」「段落」からも同じ書式を付けられます。

右上のボタン

画面の右上に、表示を切り替えるボタンを並べています。ポインターを重ねると名前が出ます。

右上に並ぶ4つのボタン。左から本文の幅、ライトとダーク、テーマ、ソース表示1234
  1. 本文の幅:本文をウィンドウいっぱいに広げます。もう一度押すと元の幅に戻ります。
  2. ライト/ダーク:配色を切り替えます。ライトでは太陽、ダークでは月のアイコンです。
  3. テーマ:本文テーマを見比べて選ぶページを開きます。
  4. ソース表示:Markdown の原文の編集に切り替えます。

VS Code 拡張とデスクトップアプリでは、Git で管理している文書に差分のボタンも出ます。

ソース表示へ切り替える

右上の </> ボタンか Ctrl+/ で、Markdown の原文を直接編集できます。もう一度押すと表示へ戻り、カーソルとスクロール位置を引き継ぎます。Undo の履歴は両方の表示で共通です。

見たまま編集で保存すると、変更した部分の表記が整えられる場合があります。触れていない部分は元の表記を保ちます。原文の書き方をそのまま残したいときはソース表示で編集してください。

表

表の行の左にハンドルが現れ、その下端の「+」にポインターを重ねて、行を追加する位置に線が出ている画面
行の左のハンドル(⠿)をドラッグして並べ替え、端の「+」で行を追加します。列のハンドルは表の上に出ます。

図・コード・数式

画像とリンク

外観とテーマ

HTML・PDF・印刷

「ファイル」メニューの下側から、HTML の保存・PDF の保存・印刷を選びます。用紙・向き・余白と本文テーマを選べ、画面がダークでもライトの配色で出力します。図や画像も含めます。PDF の保存方法は版ごとに異なります。

ほかのアプリが同じ文書を変更したとき

AI やほかのエディターが編集中のファイルを書き換えても、入力と別の箇所なら両方を統合します。同じ箇所が重なった場合は、入力を残して自動保存を止め、「競合を確認」を表示します。比較画面で箇所ごとに「自分」「外部」のどちらかの内容を押すか「手で修正する」を選び、反映してから保存してください。違う語には色が付きます。

競合の比較画面。自分と外部の内容を並べ、違う語に色を付ける。どちらかの内容を押すか、手で修正するを選ぶ
Web 版では「はじめに.md」の「ファイル → 競合解決を試す」で、この画面を体験できます。

主なショートカット

macOS では Ctrl を ⌘ に読み替えてください。VS Code 拡張では、VS Code 本体と重なる一部のキーを本体に任せます(VS Code 拡張の使い方)。

保存/名前を付けて保存Ctrl+S/Ctrl+Shift+S
太字/斜体/インラインコードCtrl+B/Ctrl+I/Ctrl+E
取り消し線Alt+Shift+5
リンクを挿入Ctrl+K
見出し1〜6/本文Ctrl+Alt+1〜6/Ctrl+Alt+0
箇条書き/番号付き/チェックリストCtrl+Shift+8/7/9
ブロックを上下へ移動/複製Alt+↑↓/Alt+Shift+↑↓
ソース表示の切り替えCtrl+/
検索/置換Ctrl+F/Ctrl+H
サイドバー/フォーカスモードCtrl+Shift+L/F8
拡大/縮小/100%Ctrl++/Ctrl+-/Ctrl+0

記法の見本はデモページの「全ての記法を試す」で確かめられます。版ごとの違いはアプリ一覧をご覧ください。