コードブロック

Camille Ricketts
Aug 8 '19 · 1 min read · 118 views
どの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を導入/更に活用したい企業様向けにサポートサービスを開始しました。 詳細は こちら よりご確認ください。
本コンテンツは Northsand, Inc.の監修のもと翻訳しております。 note | Twitter | Facebook 記載事項の追記/修正の依頼は こちら より
Updating...

Share on