<aside> 💡 本コンテンツは、現在更新は行われておりません。

公式ヘルプセンターは **こちら** 📫

</aside>

どのNotionページでも、コードを表示するためのコードブロックを作成して、適切な言語フォーマットを利用可能です。JavaScriptの表示例を次に示します。

for (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

コードブロックは、プログラミングのサンプルであったりコードの共有や、独自のスニペットライブラリに利用可能です。作成したコードブロックはクリップボードへのコピーも容易です。

コードブロックの追加

新しい行にカーソルを合わせ、左側に表示される +をクリックし、 Codeを選択して、 Enterを押下します。また、 /codeを入力して Enterを押下でも利用可能です。
コードブロックが表示されるので、その中をクリックし、コードを入力または貼り付けます。

コードブロックの配置

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

コードブロックは、改行することで横スクロールをなくすことも可能です。