このガイドには4つの操作項目が含まれており、いずれも会員登録なしで利用できます。以下の目次からコードブロックの挿入方法と設定方法を確認できます。
操作一覧
| 番号 | 項目 | 会員要件 |
|---|---|---|
| 1 | 1. [挿入]メニューからコードブロックを追加する | 無料 |
| 2 | 2. スラッシュコマンドでコードブロックを挿入する | 無料 |
| 3 | 3. 段落横のプラスボタンからコードブロックを挿入する | 無料 |
| 4 | 4. コードブロックの設定を調整する | 無料 |
操作ガイド
1. [挿入]メニューからコードブロックを追加する
操作パス: 挿入 → コードブロック
- コードブロックを挿入したい位置にカーソルを置きます。
- リボンの挿入タブをクリックします。
- コードブロックを選択します。
- 新しいブロックにコードを入力します。
成功条件
- 画面上の結果: 現在のカーソル位置に独立したコードブロックが表示されます。
- 次にできること: ブロック内でそのままコードの入力、貼り付け、編集を続けられます。
使用時のヒント
- よくあるミス: 先にカーソルを目的の位置に置いていないと、別の段落領域にブロックが挿入されることがあります。
2. スラッシュコマンドでコードブロックを挿入する
操作パス: 段落入力 → / → コードブロック
- 段落内で
/を入力してクイックメニューを開きます。 - 検索欄に
codeまたはcodeと入力します。 - 一覧からコードブロックの項目を選択します。
- 挿入されたブロックに内容を入力します。
成功条件
- 画面上の結果: クイックメニューにコードブロックの項目が表示され、選択するとブロックが作成されます。
- 次にできること: 別のメニューに切り替えなくても、すぐにコードを入力できます。
使用時のヒント
- よくあるミス: スラッシュだけを入力してキーワードを続けないと、メニューに候補が多く表示されすぎる場合があります。
3. 段落横のプラスボタンからコードブロックを挿入する
操作パス: 段落横のプラスボタン → コードブロック
- ブロックを挿入したい位置の近くにカーソルを置きます。
- 段落の横にある+ボタンをクリックします。
- メニューでコードブロックを探します。
- クリックして挿入を完了します。
成功条件
- 画面上の結果: 対象の段落付近に新しいコードブロックが表示されます。
- 次にできること: コードを入力したり、ブロックの位置を引き続き調整したりできます。
使用時のヒント
- よくあるミス: ポインターが段落領域の近くにないと、プラスボタンがすぐに表示されないことがあります。
4. コードブロックの設定を調整する
操作パス: コードブロック上部 → 言語 / 固定の高さ / 設定
- まずコードブロックを挿入します。
- ブロック左上の言語名をクリックして、言語を切り替えます。
- 必要に応じて固定の高さまたは内容に合わせるを選択します。
- 設定を開き、折り返しのオン/オフを切り替えます。
- 読みやすさに応じてダークテーマのオン/オフを切り替えます。
成功条件
- 画面上の結果: コードブロック上部に、現在の言語と設定状況が表示されます。
- 次にできること: 選択した言語と表示モードのまま、引き続きブロックを編集・確認できます。
使用時のヒント
- よくあるミス: 先にブロックを選択またはフォーカスしていないと、上部のコントロールが分かりにくい場合があります。