コードブロック
どのNotionページでも、コードを表示するためのコードブロックを作成して、適切な言語フォーマットを利用可能です。JavaScriptの表示例を次に示します。
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
コードブロックは、プログラミングのサンプルであったりコードの共有や、独自のスニペットライブラリに利用可能です。作成したコードブロックはクリップボードへのコピーも容易です。
コードブロックの追加
- 新しい行にカーソルを合わせ、左側に表示される
+
をクリックし、Code
を選択して、Enter
を押下します。また、/code
を入力してEnter
を押下でも利用可能です。 - コードブロックが表示されるので、その中をクリックし、コードを入力または貼り付けます。

コードブロックの配置
- コードブロックはドラッグアンドドロップでページ内の好きな位置に配置する事が可能です。ブロックにカーソルを合わせ、左側に表示される
⋮⋮
を使用してドラッグを実施します。 - コードブロックは横並びに配置するとサイズや形状は自動で調整されます。

コードの改行
コードブロックは、改行することで横スクロールをなくすことも可能です。
- コードブロックの上にマウスをホバーさせ、右上に表示される
•••
をクリックするか、左側に表示される⋮⋮
を右クリックします。 Wrap Code
のオプションを有効化します。

クリップボードへコピー
- コードブロックの上にマウスをホバーさせ、右上に表示される
Copy to Clipboard
をクリックします。 - クリックするとで、クリップボードにURL情報が保存されるので、任意の場所に貼り付けます。
👉
備考: このボタンは読み取り専用ユーザには表示されません。

コードブロックへのコメント
コードブロックにはコメントを残す事も可能です。
- コードブロックにカーソルを合わせ、左側に表示される
⋮⋮
をクリックか右クリックを実施します。これは右上に表示される•••
でも同様です。 Comment
を選択し、コメントを入力します。
🎒
ヒント:
@
を用いてユーザを指定することで、明確に通知することが可能です
コードブロックの削除
- コードブロックににカーソルを合わせ、左側の
⋮⋮
をクリックするか、右上の•••
をクリックします。 Delete
を選択することで、削除されます。

関連するページ
👉
原文はこちら
解決しなかったら?
右下の
?
をクリックして、メッセージを送ってください!
Eメールでも受け付けています。 team@makenotion.com ✌️💡
Notionを導入/更に活用したい企業様向けにサポートサービスを開始しました。
詳細は こちら よりご確認ください。